:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font-stack:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--type-display:600 28px / 34px var(--font-stack);--type-title:600 22px / 28px var(--font-stack);--type-body-strong:600 17px / 24px var(--font-stack);--type-body:400 15px / 22px var(--font-stack);--type-meta:400 13px / 18px var(--font-stack);--type-micro:600 11px / 16px var(--font-stack);--space-0:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius-1:8px;--radius-2:10px;--radius-3:14px;--radius-pill:999px;--elev-1:0 1px 2px #00000014;--elev-2:0 8px 24px #00000029;--color-surface:#fff;--color-surface-2:#f4f5f7;--color-surface-3:#e9ecf1;--color-text:#16181d;--color-text-strong-muted:#3a424e;--color-text-muted:#5b6472;--color-border:#d8dce3;--color-accent:#1d5fd0;--color-on-accent:#fff;--color-accent-bg:#e7effc;--color-accent-text:#16407f;--color-danger:#b3261e;--color-on-danger:#fff;--color-danger-bg:#fbe9e7;--color-danger-text:#8c1d18;--color-attn-bg:#fff4e0;--color-attn-text:#6b4400;--color-success:#1f7a4d;--color-success-bg:#e3f5ea;--color-success-text:#0f5132;--color-neutral-bg:#edeff2;--color-neutral-text:#3a424e}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-surface:#0f1115;--color-surface-2:#1a1d24;--color-surface-3:#242932;--color-text:#edeff3;--color-text-strong-muted:#c7ceda;--color-text-muted:#a2acbb;--color-border:#2c313a;--color-accent:#7fa8f5;--color-on-accent:#0f1115;--color-accent-bg:#1b2a45;--color-accent-text:#b9d0fa;--color-danger:#f2857d;--color-on-danger:#0f1115;--color-danger-bg:#3b1512;--color-danger-text:#ffb4ab;--color-attn-bg:#3a2a0a;--color-attn-text:#ffd08a;--color-success:#5fcb95;--color-success-bg:#0e2a1c;--color-success-text:#9be8c0;--color-neutral-bg:#242932;--color-neutral-text:#c7ceda}}*{box-sizing:border-box}html,body{background:var(--color-surface);color:var(--color-text);font:var(--type-body);-webkit-text-size-adjust:100%;margin:0;padding:0}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.app{min-height:100vh}.screen{max-width:720px;padding-bottom:calc(var(--space-7) + env(safe-area-inset-bottom));margin:0 auto}.screen--centred{justify-content:center;align-items:center;min-height:100vh;display:flex}.title{font:var(--type-title);margin:0 0 var(--space-2)}.body{font:var(--type-body);color:var(--color-text-muted);margin:0 0 var(--space-4)}.topbar{z-index:2;background:var(--color-surface);border-bottom:1px solid var(--color-border);padding-top:env(safe-area-inset-top);position:sticky;top:0}.appbar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);min-height:56px;display:flex}.appbar--detail{padding-top:calc(var(--space-3) + env(safe-area-inset-top))}.appbar__text{flex:1;min-width:0}.appbar__title{font:var(--type-title);margin:0}.appbar__sub{font:var(--type-meta);color:var(--color-text-muted);margin:var(--space-0) 0 0;font-variant-numeric:tabular-nums}.appbar__session{align-items:center;gap:var(--space-2);min-width:0;display:flex}.appbar__user{font:var(--type-meta);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:40vw;overflow:hidden}.controls{gap:var(--space-2);padding:0 var(--space-4) var(--space-2);flex-wrap:wrap;display:flex}.search{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-1);min-width:0;padding:0 var(--space-2);flex:1;align-items:center;min-height:44px;display:flex;position:relative}.search__glyph{color:var(--color-text-muted);padding:0 var(--space-1)}.search__input{min-width:0;padding:var(--space-2);font:var(--type-body);background:0 0;border:0;flex:1}.search__input:focus{outline:none}.search__input::-webkit-search-cancel-button{display:none}.search:focus-within{outline:2px solid var(--color-accent);outline-offset:2px}.search__clear{color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;min-width:44px;min-height:44px}.sort{border:1px solid var(--color-border);background:var(--color-surface-2);border-radius:var(--radius-1);min-height:44px;padding:0 var(--space-2);font:var(--type-meta)}.live{font:var(--type-meta);color:var(--color-text-muted);margin:var(--space-3) var(--space-4) var(--space-1);font-variant-numeric:tabular-nums}.list{flex-direction:column;display:flex}.row{gap:var(--space-3);width:100%;min-height:96px;padding:var(--space-3) var(--space-4);border:0;border-bottom:1px solid var(--color-border);background:var(--color-surface);text-align:left;cursor:pointer;grid-template-columns:24px 64px minmax(0,1fr) 12px;align-items:start;display:grid}.row--selected{background:var(--color-surface-2)}.row__checkbox{align-self:center;width:20px;height:20px;margin:0}.row--folder{grid-template-columns:64px minmax(0,1fr) 12px}@media (hover:hover){.row:hover{background:var(--color-surface-2)}}.row:active{background:var(--color-surface-2);transition:transform .12s;transform:scale(.99)}.row__text{min-width:0;display:block}.row__title{font:var(--type-body-strong);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.row__stem{color:var(--color-text-muted);font-weight:400}.row__token{color:var(--color-text);font-weight:600}.row__line2{align-items:baseline;gap:var(--space-2);font:var(--type-body);margin-top:var(--space-0);display:flex}.row__number{font-variant-numeric:tabular-nums;color:var(--color-text);overflow-wrap:anywhere}.row__line3{font:var(--type-meta);color:var(--color-text-muted);margin-top:var(--space-0);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row__pills{gap:var(--space-1);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.row__chevron{color:var(--color-text-muted);align-self:center}@media (min-width:900px){.screen--library{max-width:1200px}.screen--library .search{max-width:480px}.screen--library .list{gap:var(--space-3);padding:var(--space-3) var(--space-4);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.screen--library .list .row,.screen--library .list .skeleton-row{border:1px solid var(--color-border);border-radius:var(--radius-2)}}.thumb{justify-content:center;align-items:center;gap:var(--space-0);border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-surface-3);color:var(--color-text-muted);flex-direction:column;display:flex;overflow:hidden}.thumb--row{width:64px;height:80px}.thumb--detail{width:168px;height:210px}.thumb__img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.thumb--placeholder .thumb__glyph{font:var(--type-title);color:var(--color-text-muted)}.thumb--pending{background:var(--color-surface-2);border-style:dashed}.thumb__kind{font:var(--type-micro);letter-spacing:.04em}.thumb__note{font:var(--type-micro);opacity:.8;font-weight:400}.thumb--folder{border-style:dashed;width:64px;height:80px}.thumb--folder .thumb__glyph{font:var(--type-title)}.breadcrumb{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-4) 0;font:var(--type-meta);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.breadcrumb__sep{color:var(--color-text-muted)}.breadcrumb__crumb{color:var(--color-text-muted);cursor:pointer;overflow-wrap:anywhere;text-align:left;background:0 0;border:0;min-height:32px;padding:0}.crumb-row{justify-content:space-between;align-items:center;gap:var(--space-2);padding-right:var(--space-4);display:flex}.crumb-row .breadcrumb{flex:1;min-width:0}.viewlinks{align-items:center;gap:var(--space-1);display:flex}.viewlink{min-height:32px;font:var(--type-meta);padding:0 var(--space-1)}.viewlink--active{color:var(--color-text);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);font-weight:600}.breadcrumb--detail{min-width:0;padding:0}.breadcrumb__crumb--current{color:var(--color-text);cursor:default;font-weight:600}.pill{align-items:center;gap:var(--space-1);padding:var(--space-0) var(--space-2);border-radius:var(--radius-pill);font:var(--type-micro);white-space:nowrap;display:inline-flex}.pill--danger{background:var(--color-danger-bg);color:var(--color-danger-text)}.pill--attn{background:var(--color-attn-bg);color:var(--color-attn-text)}.pill--neutral{background:var(--color-neutral-bg);color:var(--color-neutral-text)}.pill--success{background:var(--color-success-bg);color:var(--color-success-text)}.banner-slot{padding:var(--space-3) var(--space-4) 0}.bulk-toolbar{gap:var(--space-2);margin:var(--space-3) var(--space-4) 0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-2);background:var(--color-surface-2);font:var(--type-body);flex-direction:column;display:flex}.bulk-toolbar__row{align-items:center;gap:var(--space-3);display:flex}.bulk-toolbar__selectall{align-items:center;gap:var(--space-2);min-height:44px;display:flex}.bulk-toolbar__selectall-checkbox{width:20px;height:20px;margin:0}.bulk-toolbar__count{margin-left:auto;font-weight:600}.bulk-toolbar__actions{gap:var(--space-1);flex-wrap:wrap}.banner{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-2);font:var(--type-body);display:flex}.banner--attn{background:var(--color-attn-bg);color:var(--color-attn-text)}.banner--danger{background:var(--color-danger-bg);color:var(--color-danger-text)}.banner--success{background:var(--color-success-bg);color:var(--color-success-text)}.banner__body{flex-direction:column;flex:1;min-width:0;display:flex}.banner__title{font-weight:600}.banner__detail{font:var(--type-meta)}.banner .link{color:inherit;text-decoration:underline}.banner__dismiss{color:inherit;cursor:pointer;background:0 0;border:0;min-width:44px;min-height:24px}.dialog{border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-surface);color:var(--color-text);padding:var(--space-5);min-width:min(320px,90vw);max-width:90vw}.dialog::backdrop{background:#00000080}.dialog__title{margin:0 0 var(--space-4);font:var(--type-title);overflow-wrap:anywhere}.dialog__crumbs{align-items:center;gap:var(--space-1);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.dialog__folders{border:1px solid var(--color-border);border-radius:var(--radius-1);flex-direction:column;max-height:40vh;display:flex;overflow-y:auto}.dialog__folder{align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-3);border:0;border-bottom:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);font:var(--type-body);text-align:left;cursor:pointer;display:flex}.dialog__folder:last-child{border-bottom:0}.dialog__folder-name{overflow-wrap:anywhere;flex:1}.dialog__empty{padding:var(--space-4) 0;color:var(--color-text-muted);font:var(--type-body);margin:0}.dialog__actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-5);display:flex}.dialog__tag-picker{gap:var(--space-3);flex-direction:column;display:flex}.dialog__tags{border:1px solid var(--color-border);border-radius:var(--radius-1);flex-direction:column;max-height:40vh;display:flex;overflow-y:auto}.dialog__tag-option{align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-3);border-bottom:1px solid var(--color-border);font:var(--type-body);cursor:pointer;display:flex}.dialog__tag-option:last-child{border-bottom:0}.dialog__tag-create{gap:var(--space-2);display:flex}.dialog__tag-create .field__input{flex:1;min-width:0}.dialog__tag-name,.tag-filter-popover__name{overflow-wrap:anywhere;flex:1;min-width:0}.tag-delete{border-radius:var(--radius-1);min-width:36px;min-height:36px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;flex-shrink:0;font-size:1.25rem;line-height:1}.tag-delete:hover,.tag-delete:focus-visible{color:var(--color-danger);background:var(--color-danger-bg)}.tag-filter-trigger{min-height:44px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-1);background:var(--color-surface);color:var(--color-text);font:var(--type-body);cursor:pointer}.tag-filter-popover{z-index:3;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-surface);box-shadow:var(--elev-1);flex-direction:column;min-width:220px;max-width:min(320px,90vw);display:flex}.tag-filter-popover__mode{gap:var(--space-3);display:flex}.tag-filter-popover__mode-option{align-items:center;gap:var(--space-1);font:var(--type-meta);cursor:pointer;display:flex}.tag-filter-popover__list{flex-direction:column;max-height:40vh;display:flex;overflow-y:auto}.tag-filter-popover__option{align-items:center;gap:var(--space-2);min-height:40px;font:var(--type-body);cursor:pointer;display:flex}.btn{min-width:88px;min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-1);font:var(--type-body-strong);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.btn--primary{background:var(--color-accent);color:var(--color-on-accent)}.btn--secondary{border-color:var(--color-border);color:var(--color-text);background:0 0}.btn--danger{background:var(--color-danger);color:var(--color-on-danger)}.btn--wide{width:100%}.btn:disabled{opacity:.38;cursor:default}.link{color:var(--color-accent);font:var(--type-body);min-height:44px;padding:0 var(--space-2);cursor:pointer;background:0 0;border:0}.link--inline{min-height:44px;padding:0 var(--space-2);font:var(--type-body);font-weight:600}.link--danger{color:var(--color-danger)}.number{padding:var(--space-5) var(--space-4) var(--space-3)}.number__caption{font:var(--type-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 var(--space-1)}.number__row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.number__value{font:var(--type-display);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.number--missing{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin:var(--space-3) var(--space-4);background:var(--color-attn-bg);border:1px solid var(--color-attn-text);border-radius:var(--radius-1);display:flex}.number__missing-text{font:var(--type-body);color:var(--color-attn-text);flex:1}.detail__head{padding:0 var(--space-4) var(--space-3)}.detail__title{font:var(--type-title);margin:0}.detail__sub{font:var(--type-body);color:var(--color-text-muted);margin:var(--space-1) 0 var(--space-2)}.detail__preview{padding:var(--space-3) var(--space-4);justify-content:center;display:flex}.detail__note{padding:0 var(--space-4)}.detail__actions{gap:var(--space-2);padding:0 var(--space-4) var(--space-4);flex-wrap:wrap;display:flex}.meta{padding:0 var(--space-4);border-top:1px solid var(--color-border);margin:0}.meta__row{gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);grid-template-columns:140px minmax(0,1fr);display:grid}@media (max-width:340px){.meta__row{gap:var(--space-0);grid-template-columns:1fr}}.meta__label{font:var(--type-meta);color:var(--color-text-muted);margin:0}.meta__value{font:var(--type-body);overflow-wrap:anywhere;margin:0}.meta__muted{color:var(--color-text-muted);font:var(--type-meta)}.meta__file{overflow-wrap:anywhere}.edit{padding:0 var(--space-4) var(--space-5);border-top:1px solid var(--color-border)}.edit__title{font:var(--type-body-strong);margin:var(--space-4) 0 var(--space-3)}.field{margin-bottom:var(--space-4)}.field__label{font:var(--type-meta);color:var(--color-text-muted);margin-bottom:var(--space-1);display:block}.field__input{width:100%;min-height:44px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-1);background:var(--color-surface)}.field__help{font:var(--type-meta);color:var(--color-text-muted);margin:var(--space-1) 0 0}.field__status{font:var(--type-body);color:var(--color-attn-text);min-height:22px;margin:0 0 var(--space-2)}.edit__actions{gap:var(--space-2);display:flex}.fab{right:max(var(--space-5), env(safe-area-inset-right));bottom:calc(var(--space-6) + env(safe-area-inset-bottom));z-index:3;border-radius:var(--radius-pill);background:linear-gradient(140deg, var(--color-accent) 20%, var(--color-accent-text) 110%);width:56px;height:56px;color:var(--color-on-accent);font:var(--type-display);box-shadow:var(--elev-2);cursor:pointer;border:0;justify-content:center;align-items:center;transition:transform .16s,box-shadow .16s;display:inline-flex;position:fixed}@media (hover:hover){.fab:hover{transform:scale(1.06)}}.fab:active{transform:scale(.94)}.fab[aria-expanded=true]>span{display:inline-block;transform:rotate(45deg)}.fab>span{transition:transform .16s}.fab-menu{right:var(--space-5);bottom:calc(var(--space-6) + 56px + var(--space-2) + env(safe-area-inset-bottom));z-index:3;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2);box-shadow:var(--elev-1);flex-direction:column;display:flex;position:fixed;overflow:hidden}.fab-menu[hidden]{display:none}.fab-menu__item{align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);color:var(--color-text);font:var(--type-body);text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:0;display:flex}.fab-menu__item+.fab-menu__item{border-top:1px solid var(--color-border)}.fab__input{display:none}.uploads{right:var(--space-4);bottom:calc(var(--space-5) + 56px + var(--space-3) + env(safe-area-inset-bottom));left:var(--space-4);z-index:3;border:1px solid var(--color-border);border-radius:var(--radius-3);background:var(--color-surface);max-width:420px;box-shadow:var(--elev-2);margin-left:auto;position:fixed;overflow:hidden}.uploads__head{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.uploads__title{font:var(--type-body-strong);font-variant-numeric:tabular-nums;flex:1}.uploads__list{max-height:40vh;overflow-y:auto}.upload{gap:var(--space-1);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border);flex-direction:column;display:flex}.upload:last-child{border-bottom:0}.upload__row{align-items:center;gap:var(--space-2);min-height:32px;display:flex}.upload__name{min-width:0;font:var(--type-body);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.upload__meta{font:var(--type-meta);color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.upload__bar{border-radius:var(--radius-pill);background:var(--color-surface-3);height:4px;overflow:hidden}.upload__fill{background:var(--color-accent);height:100%}.upload__error{font:var(--type-meta);color:var(--color-danger-text);margin:0}.drop-overlay{z-index:4;pointer-events:none;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.drop-overlay__card{gap:var(--space-2);padding:var(--space-5) var(--space-6);border:2px dashed var(--color-accent);border-radius:var(--radius-3);background:var(--color-surface);font:var(--type-body-strong);flex-direction:column;align-items:center;display:flex}.drop-overlay__glyph{font:var(--type-display);color:var(--color-accent)}.empty{padding:var(--space-6) var(--space-4);text-align:center}.empty__actions{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.empty--danger .title{color:var(--color-danger-text)}.signin{padding:var(--space-5) var(--space-4);text-align:center;max-width:420px}.signin__error{font:var(--type-body);color:var(--color-attn-text);background:var(--color-attn-bg);border-radius:var(--radius-2);padding:var(--space-3)}.signin__error:empty{background:0 0;padding:0}.signin .btn{width:100%}.skeleton-row{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);grid-template-columns:64px minmax(0,1fr);min-height:96px;display:grid}.skeleton-row__lines{gap:var(--space-2);padding-top:var(--space-1);flex-direction:column;display:flex}.skeleton{background:var(--color-surface-3);border-radius:var(--radius-1);animation:1.6s ease-in-out infinite pulse}.skeleton--thumb{border-radius:var(--radius-2);width:64px;height:80px}.skeleton--line{height:12px}.skeleton--w70{width:70%}.skeleton--w50{width:50%}.skeleton--w40{width:40%}@keyframes pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.row:active{transform:none}}