:root{color-scheme:dark;--text:#eeeeef;--muted:#a3a3a8;--accent:#ededf0;--ok:#dedee3;--bad:#f0b4ba;--line:#303035;--panel:#17171b}
*{box-sizing:border-box}body{position:relative;isolation:isolate;min-height:100svh;margin:0;background:#09090c;color:var(--text);font:15px/1.6 'Segoe UI',sans-serif}a{color:inherit}button,input,textarea,select{font:inherit}button,.btn{border:1px solid transparent;background:var(--accent);color:#17171b;border-radius:9px;padding:11px 17px;font-weight:650;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .18s,transform .18s}button:hover,.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}button:disabled{opacity:.55;cursor:wait;transform:none}button.secondary{background:#26262c;color:var(--text);border-color:var(--line)}button.danger{background:transparent;color:var(--bad);border-color:#654047}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input,textarea,select{width:100%;min-width:0;border:1px solid #3a3a42;border-radius:8px;background:#111115;color:var(--text);padding:11px 12px}input::placeholder,textarea::placeholder{color:#85858f}textarea{min-height:95px;resize:vertical}input[type=file]{font-size:12px;padding:10px}input::file-selector-button{background:#303037;color:var(--accent);border:0;border-radius:5px;padding:8px;margin-right:10px;cursor:pointer}label{display:grid;gap:7px;font-size:13px;font-weight:550}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(30px,4vw,48px);line-height:1.12;letter-spacing:-1.8px;margin-bottom:14px}h2{font-size:20px;letter-spacing:-.5px}h3{font-size:18px;line-height:1.3}p{color:var(--muted)}small,.muted{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:var(--accent);margin-bottom:16px}.brand{display:flex;align-items:center;gap:10px;font-size:21px;letter-spacing:-.8px;text-decoration:none;font-weight:750}.brand-mark{display:grid;place-items:center;flex-shrink:0;background:linear-gradient(145deg,#36363e,#1d1d23);border:1px solid #4b4b55;color:#eeeeef;width:38px;height:38px;border-radius:10px;box-shadow:inset 0 1px 0 #ffffff0c}.brand-mark svg{width:27px;height:27px}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1400px)/2));gap:16px}.topbar small{border-left:1px solid var(--line);padding-left:20px;margin-left:10px;font-weight:400;font-size:12px;letter-spacing:0}.shell{max-width:1448px;margin:auto;padding:48px 24px 70px}.hero{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}.hero p{max-width:580px;margin-bottom:0}.hero-tag,.pill{display:inline-flex;gap:7px;align-items:center;border:1px solid #414149;color:var(--accent);background:#24242a;border-radius:30px;padding:5px 11px;font-size:12px;white-space:nowrap}.hero-tag:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--accent)}.grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:32px;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px}.library{min-width:0}.stack{display:grid;gap:17px}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tabs{display:flex;border-bottom:1px solid var(--line);gap:25px;margin-bottom:25px}.tab{border-radius:0;background:none;color:var(--muted);border:0;border-bottom:2px solid transparent;padding:12px 0}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.view{display:none}.view.active{display:block}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.section-heading h2{margin:0}.section-heading input{max-width:250px}#packs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card{min-width:0;padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:14px;display:grid;gap:16px;align-content:start}.card-head{display:flex;flex-direction:column-reverse;gap:18px}.card-head h3{margin-bottom:6px;overflow-wrap:anywhere}.pack-media{width:100%;height:180px;object-fit:cover;border-radius:8px;background:linear-gradient(145deg,#303038,#18181e);border:1px solid var(--line)}.meta{color:var(--accent);font-size:12px;font-weight:650}.hash{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.card>.row{overflow-wrap:anywhere}.card>.row button{padding:8px 10px;font-size:12px}.link-form,.edit-form{background:#111115!important;border:1px solid var(--line);padding:15px;border-radius:10px!important}.link-form{display:none}.link-form.open{display:grid}.mini-grid{display:grid;gap:12px}.urlline{display:flex;gap:8px}.urlline input{font-size:12px}.notice{display:none;padding:14px 18px;border:1px solid var(--line);border-radius:9px;background:var(--panel);margin-bottom:20px}.notice.show{display:block}.table{display:grid;gap:12px}.link-row{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px}.pill.off{background:#302127;color:var(--bad);border-color:#654047}.upload-zone{padding:14px;border:1px dashed #494951;background:#1e1e24;border-radius:10px}.upload-zone small{font-weight:400}.image-preview{max-height:150px;width:100%;object-fit:cover;border-radius:7px}.image-preview[hidden]{display:none}details summary{color:var(--muted);font-size:12px;cursor:pointer}details label{margin-top:12px}.footer{color:#93939b;font-size:12px;border-top:1px solid var(--line);margin-top:35px;padding-top:22px;display:flex;justify-content:space-between;gap:20px}.error{color:var(--bad);min-height:1em}.delivery-shell{max-width:1040px;margin:65px auto;padding:0 24px}.delivery{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.delivery-art{min-height:420px;background:linear-gradient(145deg,#32323a,#111116);position:relative;display:grid;place-items:center;overflow:hidden}.delivery-art img{width:100%;height:100%;position:absolute;object-fit:cover}.delivery-art .placeholder{display:grid;place-items:center;color:#acacb7}.delivery-art .placeholder svg{width:100px;height:100px}.delivery-content{padding:38px;min-width:0}.delivery-content h1{font-size:32px;overflow-wrap:anywhere}.delivery-content .btn{width:100%;margin-top:20px}.file-detail{padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:24px 0;overflow-wrap:anywhere}.facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.facts small{display:block}.facts strong{font-size:14px}.center-card{max-width:530px;margin:12vh auto;padding:36px;text-align:center}.error-icon{width:58px;height:58px;background:#302127;color:var(--bad);border-radius:50%;display:grid;place-items:center;font-size:30px;margin:0 auto 25px}
@media(min-width:1100px){.grid>aside{position:sticky;top:24px}}
@media(max-width:1100px){#packs{grid-template-columns:1fr}}
@media(max-width:760px){.topbar{height:70px;padding:0 20px}.topbar small{display:none}.shell{padding:30px 18px}.hero{align-items:start}.hero-tag{display:none}.grid{grid-template-columns:1fr;gap:28px}.section-heading{align-items:start;flex-direction:column}.section-heading input{max-width:none}.delivery-shell{margin:30px auto;padding:0 18px}.delivery{grid-template-columns:1fr}.delivery-art{min-height:230px}.delivery-content{padding:25px}.link-row{grid-template-columns:1fr}.footer{flex-wrap:wrap}.center-card{margin:50px 18px}.hero h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Login uses the shared site palette and form components. */
.login-page{min-height:100svh;display:flex;flex-direction:column}
.login-page .topbar{flex-shrink:0}
.login-header-note{font-size:12px}
.login-main{flex:1;display:grid;place-items:center;padding:48px 20px}
.login-card{width:100%;max-width:420px;padding:32px}
.login-card h1{font-size:28px;letter-spacing:-.8px;margin-bottom:10px}
.login-card>p{font-size:14px;margin-bottom:28px}
.login-card .stack{gap:20px}
.login-card input{font-size:16px}
.login-card .remember-login{display:flex;align-items:flex-start;gap:10px;font-size:13px;font-weight:400;color:var(--muted);cursor:pointer}
.login-card .remember-login input{width:18px;height:18px;margin:2px 0 0;padding:0;flex-shrink:0;accent-color:var(--accent)}
.login-card .error{font-size:13px;min-height:0;margin:0}
.login-card .error:empty{display:none}
.login-card button{width:100%;margin-top:4px}
.login-footer{text-align:center;color:var(--muted);font-size:12px;padding:20px}
@media(max-width:480px){.login-card{padding:25px}.login-header-note{font-size:10px}.login-main{padding:32px 18px}}

.topbar{background:#0c0c10cc}
.panel,.card,.link-row,.delivery{box-shadow:0 14px 45px #00000020,inset 0 1px 0 #ffffff03}
.login-card{background:#17171bf2;box-shadow:0 24px 80px #00000050,inset 0 1px 0 #ffffff06}

/* Loading indicators retain text feedback and the shared monochrome palette. */

/* Restrained colour cues on the charcoal interface. */
:root{--blue:#9abbff;--violet:#c0adfa;--success:#91d5b1;--amber:#eac489;--ok:var(--success)}
.icon-definitions{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.ui-icon{width:16px;height:16px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.icon-heading,.field-heading{display:flex;align-items:center;gap:9px}.icon-heading .ui-icon{width:20px;height:20px}
.accent-blue .ui-icon{color:var(--blue)}.accent-violet .ui-icon{color:var(--violet)}
.status-dot{display:inline-flex;align-items:center;gap:8px}.status-dot:before,.pill:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}
.login-header-note.status-dot:before,.hero-tag:before{background:var(--success);box-shadow:0 0 10px #91d5b130}
.hero-tag{color:#b5c6bb;border-color:#364c40;background:#17231d}
.tab[data-view=packs-view] .ui-icon,.btn-create-link .ui-icon{color:var(--blue)}
.tab[data-view=links-view] .ui-icon,.btn-edit-pack .ui-icon{color:var(--violet)}
.tab.active[data-view=packs-view]{border-bottom-color:var(--blue)}.tab.active[data-view=links-view]{border-bottom-color:var(--violet)}
.pill:not(.off){background:#17271f;border-color:#355540;color:var(--success)}
.pill.is-expired,.pill.is-exhausted{background:#292319;border-color:#5d4b31;color:var(--amber)}
.meta{color:var(--blue)}
@media(max-width:480px){.tabs{gap:18px}.tab{font-size:13px;gap:6px}}

/* Compact breathing indicator, matching the Agent thinking example. */
.orb-canvas{display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px}
.orb-canvas canvas{display:block;width:20px;height:20px}
.orb-inline,.orb-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:100%;font-size:13px;font-weight:500;line-height:14px;white-space:nowrap}
.orb-pill{height:36px;padding:0 14px 0 8px;border-radius:50px;background:rgba(29,29,29,.5);box-shadow:inset 0 0 0 1px rgba(44,47,54,.22)}
.orb-loading{display:flex;align-items:center;justify-content:center;width:100%;min-height:160px;padding:24px 8px;grid-column:1/-1}
button[aria-busy=true][disabled]{width:fit-content;max-width:100%;height:36px;min-height:36px;padding:0 14px 0 8px;border:0;border-radius:50px;background:rgba(29,29,29,.5);box-shadow:inset 0 0 0 1px rgba(44,47,54,.22);color:#cfcfcf;opacity:1;cursor:wait;transform:none;filter:none;transition:none}
.login-card button[aria-busy=true]{justify-self:center}
.orb-label{display:inline-block;color:rgba(251,251,251,.5)}
@supports (background-clip:text){
 .orb-label{background-image:linear-gradient(90deg,rgba(251,251,251,.5) 0%,rgba(251,251,251,.5) 40%,#fff 50%,rgba(251,251,251,.5) 60%,rgba(251,251,251,.5) 100%);background-size:400% 100%;background-repeat:no-repeat;background-clip:text;-webkit-background-clip:text;color:transparent;animation:orb-label-shimmer 2s linear infinite}
}
@keyframes orb-label-shimmer{from{background-position:100% 0}to{background-position:0% 0}}
@media(prefers-reduced-motion:reduce){.orb-label{animation:none;background:none;color:#a5a5ad}}
@media(forced-colors:active){.orb-label{animation:none;background:none;color:ButtonText}}
.upload-progress{display:grid;gap:7px}.upload-progress[hidden]{display:none}.upload-progress-bar{height:8px;border-radius:99px;background:#26262c;border:1px solid var(--line);overflow:hidden}.upload-progress-bar span{display:block;height:100%;width:0;background:var(--accent);border-radius:99px;transition:width .25s linear}.upload-progress small{font-variant-numeric:tabular-nums}
.download-hint{margin:14px 0 0;font-size:12px;line-height:1.5}
.uploads-pending{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#1e1e24;font-size:13px}.uploads-pending[hidden]{display:none}.uploads-pending small{font-weight:400}.pending-row{display:flex;justify-content:space-between;align-items:center;gap:8px;overflow-wrap:anywhere}.pending-row button{padding:6px 10px;font-size:12px;flex-shrink:0}