@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(/cabinet/archivo-400.ttf) format('truetype');
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(/cabinet/archivo-500.ttf) format('truetype');
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(/cabinet/archivo-600.ttf) format('truetype');
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(/cabinet/archivo-700.ttf) format('truetype');
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
  font-display: swap;
  src: url(/cabinet/archivo-800.ttf) format('truetype');
}


:root{--navy:#163065;--blue:#2563eb;--sky:#38bdf8;--paper:#f6f9ff;--ink:#182b4e;--muted:#73809a;--line:#dce4f1;--rail:222px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 Archivo,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select{outline-offset:5px}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue)}svg{display:block}button svg{width:18px;height:18px}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.rail{background:var(--navy);color:#fff;width:var(--rail);height:100vh;position:fixed;top:0;left:0;z-index:20;display:flex;flex-direction:column;padding:32px 22px}.brand{display:flex;gap:10px;align-items:center;font-size:35px;font-weight:750;letter-spacing:-1.7px}.brandmark{width:43px;height:47px;filter:brightness(0) invert(1);object-fit:contain}.brand-note{color:#b4c7ed;font-size:10px;letter-spacing:2.1px;margin:14px 0 46px;text-transform:uppercase}.nav-label{font-size:10px;letter-spacing:1.8px;color:#a4b7db;padding:0 14px;margin-bottom:12px}.nav{display:grid;gap:7px}.nav button{background:none;border:0;text-align:left;display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:7px;color:#d0dcf1;font-size:13px;font-weight:500}.nav button.active{background:#fff;color:var(--navy)}.nav button:disabled{color:#c1cfeb}.nav .count{margin-left:auto;font-size:10px;opacity:.65}.rail-divider{border-top:1px solid #ffffff21;margin:27px 14px}.rail-bottom{margin-top:auto}.cabinet-sketch{width:85px;height:108px;margin:0 12px 12px;color:#8dabdf}.rail-quote{margin:0 12px 32px;font-size:15px;line-height:1.3;letter-spacing:-.3px;color:#c2d2ef}.profile{padding-top:21px;border-top:1px solid #ffffff26;display:flex;align-items:center;gap:10px}.avatar{width:32px;height:32px;background:#b8d9ff;color:var(--navy);display:grid;place-items:center;border-radius:50%;font-size:11px;font-weight:700}.profile strong{font-size:12px}.profile small{display:block;font-size:10px;color:#afc0df}.app{margin-left:var(--rail)}.topbar{height:74px;border-bottom:1px solid var(--line);padding:0 45px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#f6f9ffed}.breadcrumb{font-size:12px;color:#71809b}.breadcrumb span{color:#233e6d;margin-left:11px}.top-right{display:flex;align-items:center;gap:18px}.prototype{font-size:9px;letter-spacing:1.2px;text-transform:uppercase;border:1px solid #cad6e8;border-radius:4px;padding:5px 7px;color:#617391;white-space:nowrap}.private{display:flex;gap:7px;align-items:center;color:#687d9f;font-size:11px}.private svg{width:13px;height:13px}.content{max-width:1480px;margin:auto;padding:43px 45px 60px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:9px}.eyebrow:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--blue)}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-heading h2{font-size:14px;letter-spacing:-.15px;font-weight:650;margin:0}.section-heading h2 span{font-weight:400;color:#8a97ac;font-size:11px;margin-left:8px}.text-button{background:transparent;border:0;display:flex;gap:7px;align-items:center;color:var(--blue);font-size:11px;padding:4px 0}.text-button svg{width:13px;height:13px}.shelves{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:34px}.shelf{border:1px solid var(--line);border-radius:7px;background:#edf2fc;text-align:left;overflow:hidden;padding:0;transition:transform .2s,border-color .2s}.shelf:hover{transform:translateY(-3px);border-color:#a7bae1}.shelf.active{outline:2px solid var(--blue);outline-offset:3px}.shelf-art{height:97px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:flex-end;padding-top:18px;background:var(--shelf-bg,#e9f0fc)}.shelf-art:after{content:'';position:absolute;width:100%;height:8px;border-top:1px solid #d2dcf0;background:#f2f5fd;bottom:0;box-shadow:0 6px 6px #1630650c}.tiny-page{width:87px;height:72px;background:white;box-shadow:0 0 0 1px #1630650c,1px 3px 8px #16306511;transform:rotate(-9deg);padding:9px 9px 0;display:block;font-size:5px;line-height:1.3;margin-right:-3px}.tiny-page:nth-child(2){transform:rotate(3deg);height:80px;z-index:1}.tiny-page:nth-child(3){transform:rotate(12deg);height:66px}.tiny-page strong{font-size:11px;letter-spacing:-.6px;display:block;margin-bottom:5px;line-height:1}.tiny-lines{height:19px;background:repeating-linear-gradient(to bottom,#d7e0f0 0,#d7e0f0 1px,transparent 1px,transparent 5px);margin-top:6px}.shelf-label{display:flex;align-items:center;padding:13px 15px;background:white}.shelf-label strong{font-size:12px;font-weight:550}.shelf-label span{font-size:10px;color:#7e8ca5;margin-left:8px}.shelf-label svg{margin-left:auto;width:14px;height:14px;color:#7285a8}.toolbar{display:flex;align-items:center;gap:14px;margin-bottom:19px}.tabs{display:flex;gap:19px;align-items:center}.tab{background:transparent;border:0;padding:9px 0;font-size:13px;color:#7b88a0;border-bottom:2px solid transparent;white-space:nowrap}.tab.active{color:var(--navy);font-weight:650;border-bottom-color:var(--blue)}.tab span{font-size:10px;color:#8c99ac;margin-left:6px}.search{margin-left:auto;position:relative;max-width:263px;width:40%}.search svg{position:absolute;left:12px;top:11px;width:15px;height:15px;color:#8492aa}.search input{width:100%;padding:9px 32px 9px 35px;background:#fff;border:1px solid var(--line);border-radius:5px;font-size:11px;color:var(--ink);height:37px}.search kbd{font-size:10px;position:absolute;right:11px;top:10px;color:#91a0b7}.sort{background:transparent;border:0;color:#617390;font-size:11px;padding:6px;max-width:115px}.filter-summary{margin:-3px 0 16px;display:flex;gap:10px;align-items:center;font-size:12px;color:#6d7e9d}.filter-summary button{font-size:11px;border:0;background:#e3ebff;border-radius:4px;padding:4px 7px;color:var(--blue)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 20px}.card{min-width:0}.cover-link{display:block;background:white;border:1px solid #dce4f1;border-radius:6px;overflow:hidden;position:relative;aspect-ratio:1.48;transition:box-shadow .22s,transform .22s}.cover-link:hover{transform:translateY(-3px);box-shadow:0 10px 28px #16306512}.cover{width:100%;height:100%;position:absolute;inset:0}.cover svg{width:100%;height:100%;object-fit:cover}.cover img{width:100%;height:100%;object-fit:cover}.open-hint{position:absolute;bottom:10px;right:10px;background:#fff;color:var(--navy);border:1px solid #dce4f1;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;opacity:0;transform:translateY(3px);transition:.2s;box-shadow:0 2px 7px #16306516}.open-hint svg{width:14px;height:14px}.cover-link:hover .open-hint,.cover-link:focus-visible .open-hint{opacity:1;transform:none}.card-body{padding:12px 1px 0}.card-title-line{display:flex;align-items:center;gap:9px}.card h3{font-size:13px;font-weight:550;letter-spacing:-.18px;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.card h3 a:hover{color:var(--blue)}.icon-button{border:0;background:transparent;display:grid;place-items:center;width:27px;height:27px;padding:5px;border-radius:4px;color:#7890b0;flex-shrink:0}.icon-button:hover{background:#e6edfa;color:var(--blue)}.icon-button.favorite{color:var(--blue)}.icon-button.favorite svg{fill:#2563eb1a}.card-meta{display:flex;align-items:center;gap:6px;color:#8592a9;font-size:10px;margin-top:3px;min-height:16px}.card-meta .expiry{margin-left:auto;display:flex;align-items:center;gap:4px;font-size:9px}.card-meta .expiry.warning{color:#9a6231}.card-meta svg{width:11px;height:11px}.tag-dot{width:4px;height:4px;background:#a6b7d0;border-radius:50%}.empty{grid-column:1/-1;border:1px dashed #c9d7ee;text-align:center;padding:55px 20px;border-radius:7px}.empty h3{font-size:22px;font-weight:500;letter-spacing:-.7px;margin:12px}.empty p{color:#7a8aa5;font-size:13px}.bottom-note{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:35px;padding-top:18px;color:#8b98af;font-size:10px}.bottom-note span:first-child{display:flex;gap:7px;align-items:center}.bottom-note svg{width:12px;height:12px}.backdrop{position:fixed;inset:0;background:#0b244838;z-index:40;backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .25s}.backdrop.open{opacity:1;pointer-events:auto}.panel{position:fixed;right:0;top:0;bottom:0;width:440px;max-width:100%;background:#fff;z-index:50;box-shadow:-10px 0 60px #16306513;transform:translateX(105%);transition:transform .25s;overflow-y:auto;padding:26px 28px}.panel.open{transform:none}.panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;color:#8592a9;font-size:10px;letter-spacing:1.4px;text-transform:uppercase}.panel-preview{aspect-ratio:1.65;border-radius:5px;border:1px solid var(--line);overflow:hidden;position:relative;margin-bottom:9px}.panel-cover-actions{display:flex;justify-content:space-between;align-items:center;color:#8c98ac;font-size:10px;margin-bottom:24px}.panel label{display:block;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#8b97ad;margin-bottom:7px}.panel input,.panel select{width:100%;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:4px;padding:10px 11px;font-size:12px;margin-bottom:18px}.panel .title-input{font-size:21px;line-height:1.3;padding:8px 0;font-weight:550;border:0;border-bottom:1px solid var(--line);border-radius:0;letter-spacing:-.5px}.panel .row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel .help{color:#8795ac;font-size:10px;margin-top:-10px;margin-bottom:20px}.storage{background:#f5f8fe;border-radius:5px;padding:15px;margin-bottom:20px}.storage-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.storage strong{font-weight:550;font-size:12px}.storage p{font-size:11px;color:#8190a9;margin:3px 0 13px}.switch{width:30px;height:18px;border:0;border-radius:15px;background:#c8d4e8;padding:2px;flex-shrink:0}.switch:after{content:'';width:14px;height:14px;background:#fff;border-radius:50%;display:block;box-shadow:0 1px 4px #16306533;transition:.2s}.switch.on{background:var(--blue)}.switch.on:after{transform:translateX(12px)}.storage small{font-size:10px;color:#6e7f9a}.link-row{display:flex;align-items:center;gap:9px;border-bottom:1px solid #eef2f9;padding:11px 0}.link-row>svg{width:16px;height:16px;color:#8193b2}.link-row div{flex:1;min-width:0}.link-row strong{display:block;font-size:11px;font-weight:550}.link-row span{color:#8c9bb1;font-size:10px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-row button{background:transparent;border:0;color:var(--blue);font-size:11px}.vault-box{border:1px solid #dce5f5;border-radius:6px;padding:15px;margin-top:21px;background:linear-gradient(100deg,#f5f8ff,#fff)}.vault-box h3{font-size:13px;font-weight:550;margin:0 0 5px;display:flex;gap:8px;align-items:center}.vault-box h3 svg{width:17px;height:17px;color:var(--blue)}.vault-box p{font-size:11px;color:#8190a8;margin:0 0 12px;line-height:1.6}.btn{border-radius:5px;padding:10px 14px;background:var(--blue);border:1px solid var(--blue);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:550}.btn svg{width:14px;height:14px}.btn.secondary{background:white;color:var(--navy);border-color:var(--line)}.btn.danger{background:#ae3d45;border-color:#ae3d45}.panel-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.delete{color:#a66569;border:0;background:transparent;font-size:11px;padding:7px 0}.toast{position:fixed;bottom:26px;left:calc(50% + 100px);transform:translate(-50%,20px);background:var(--navy);color:#fff;border-radius:6px;padding:13px 18px;z-index:100;opacity:0;pointer-events:none;font-size:12px;box-shadow:0 6px 30px #16306533;transition:.2s;max-width:calc(100vw - 30px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid var(--line);border-radius:9px;box-shadow:0 15px 80px #16306533;width:410px;padding:28px;color:var(--ink);max-width:calc(100% - 30px)}dialog::backdrop{background:#13294766;backdrop-filter:blur(3px)}dialog h2{font-size:24px;letter-spacing:-.7px;font-weight:550;margin:0 0 12px}dialog p{font-size:13px;color:#72829d}dialog .actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}dialog textarea{width:100%;min-height:110px;font-size:12px;padding:12px;border:1px solid var(--line);color:var(--ink);resize:vertical}.identity{display:none}.identity.visible{display:block}.library.hidden{display:none}.identity-intro{max-width:640px}.identity h1{font-size:56px;font-weight:550;letter-spacing:-2.7px;line-height:1.05;margin:18px 0}.identity-intro p{color:#74839c;font-size:14px;line-height:1.8}.identity-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:35px}.identity-card{border:1px solid var(--line);background:#fff;border-radius:7px;overflow:hidden}.logo-stage{height:245px;background:#eef4ff;display:flex;align-items:center;justify-content:center;gap:17px;position:relative}.logo-stage img{width:89px;height:100px;object-fit:contain}.logo-stage strong{font-size:67px;letter-spacing:-3.7px;font-weight:750}.logo-stage:before{content:'A';font-size:10px;position:absolute;left:20px;top:18px;letter-spacing:1px;color:#91a0bb}.identity-card:nth-child(2) .logo-stage{background:#163065;color:#fff}.identity-card:nth-child(2) .logo-stage:before{content:'B';color:#b8c9e9}.identity-card:nth-child(2) .logo-stage img{filter:brightness(0) invert(1)}.identity-description{padding:25px}.identity-description h2{font-size:20px;font-weight:550;letter-spacing:-.6px;margin:0 0 9px}.identity-description p{font-size:12px;line-height:1.8;color:#7a8aa4;min-height:64px}.identity-description .btn{margin-top:9px}.swatches{display:flex;margin-top:36px;border-radius:5px;overflow:hidden}.swatch{height:84px;padding:12px 17px;flex:1;font-size:10px;display:flex;justify-content:space-between;align-items:flex-end}.identity-note{margin-top:26px;color:#7788a3;font-size:12px;line-height:1.8;max-width:760px}.mobile-brand{display:none}.mobile-nav{display:none}[hidden]{display:none!important}
@media(min-width:1600px){.content{padding-top:55px}.shelf-art{height:116px}.grid{gap:30px 24px}}
@media(max-width:1180px){:root{--rail:186px}.rail{padding:28px 17px}.brand{font-size:31px}.brandmark{width:36px}.content{padding:34px 30px}.topbar{padding:0 30px}.shelves{gap:12px}.grid{gap:25px 15px}.tabs{gap:13px}.sort{display:none}.search{width:36%}.tiny-page{width:68px}.card-meta{font-size:9px}.card-meta .expiry{font-size:8px}.logo-stage strong{font-size:48px}.logo-stage img{width:68px}}
@media(max-width:930px){:root{--rail:78px}.rail{padding:25px 15px}.brand{justify-content:center}.brand>span,.brand-note,.nav-label,.nav button>span,.nav .count,.rail-quote,.cabinet-sketch,.profile>div:not(.avatar){display:none}.nav{margin-top:45px}.nav button{padding:14px;justify-content:center}.rail-divider{margin:26px 7px}.rail-bottom .nav{margin-top:0}.profile{justify-content:center}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toast{left:calc(50% + 35px)}.identity h1{font-size:45px}.identity-grid{gap:15px}.logo-stage{height:210px;gap:10px}.logo-stage strong{font-size:42px}.logo-stage img{width:62px;height:75px}}
@media(max-width:650px){:root{--rail:0px}.rail{display:none}.topbar{height:65px;padding:0 20px;gap:12px}.breadcrumb{display:none}.private{display:none}.top-right{gap:3px;flex-direction:column;align-items:flex-end}.mobile-brand{display:flex;align-items:center;gap:5px;font-size:25px;font-weight:750;letter-spacing:-1px}.mobile-brand img{width:30px;height:35px}.prototype{font-size:6.5px;padding:3px 5px;letter-spacing:.8px}.mobile-nav{display:flex;gap:12px}.mobile-nav button{background:none;border:0;font-size:11px;padding:6px 0;color:#657c9f}.mobile-nav button.active{color:var(--blue)}.content{padding:31px 20px 35px}.eyebrow{font-size:9px;letter-spacing:1.6px}.shelves{display:flex;overflow-x:auto;margin-right:-20px;padding-right:20px;padding-bottom:8px;margin-bottom:21px;scroll-snap-type:x mandatory}.shelf{min-width:224px;scroll-snap-align:start}.shelf-art{height:89px}.tiny-page{width:76px}.toolbar{flex-wrap:wrap;gap:13px;margin-bottom:19px}.tabs{gap:22px}.tab{font-size:12px}.search{order:-1;width:100%;max-width:none;margin:0}.search input{height:40px;font-size:12px}.search svg{top:12px}.search kbd{display:none}.grid{gap:23px 13px}.card h3{font-size:12px;line-height:1.3;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-title-line{align-items:flex-start;gap:0}.card-title-line .icon-button{width:23px;height:23px;padding:4px}.card-title-line .star-button{display:none}.card-meta{flex-wrap:wrap;row-gap:3px;font-size:9px}.card-meta .expiry{flex-basis:100%;margin:0;font-size:9px}.card-body{padding-top:10px}.cover-link{aspect-ratio:1.22}.cover svg{width:120%;max-width:none;margin-left:-10%}.open-hint{display:none}.bottom-note{gap:15px;line-height:1.6}.bottom-note>span:last-child{text-align:right}.toast{left:50%;width:max-content;bottom:18px;font-size:11px}.panel{padding:22px;width:100%}.identity h1{font-size:39px;letter-spacing:-1.9px}.identity-grid{grid-template-columns:1fr;margin-top:27px}.logo-stage{height:215px}.logo-stage strong{font-size:61px}.logo-stage img{width:76px}.identity-description p{min-height:0}.swatches{flex-wrap:wrap}.swatch{flex-basis:50%;height:70px;font-size:9px}.identity-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Production cabinet: native dialogs and server-backed forms. */
.nav a{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:7px;color:#d0dcf1;font-size:13px;font-weight:500}.nav a.active{background:#fff;color:var(--navy)}.nav a:hover{background:#ffffff18}.nav a.active:hover{background:#fff}.nav-icon{width:20px;font-size:21px;line-height:1}.mobile-nav a{padding:6px 0;color:#657c9f}.mobile-nav a.active{color:var(--blue)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.notice{padding:14px 18px;border:1px solid #c6dcdd;border-radius:6px;background:#edf7f4;color:#2a6253;margin-bottom:24px}.dim{color:#73809a}.filters{flex-wrap:wrap}.filters .search{flex:1;min-width:170px;max-width:none}.filter-label{width:115px}.filter-label input{width:100%;border:1px solid var(--line);border-radius:5px;padding:9px;background:white;font-size:11px;height:37px}.sort{max-width:130px}.shelves-empty{grid-column:1/-1;display:flex;align-items:center;gap:20px;padding:22px;border:1px dashed #c9d7ee;border-radius:7px;color:var(--navy)}.shelves-empty>img{width:44px;height:53px;opacity:.65}.shelves-empty strong{font-weight:550}.shelves-empty p{margin:5px 0 0;font-size:12px;color:#71809b}.tiny-page{padding:0;overflow:hidden}.tiny-page>img{width:100%;height:100%;object-fit:cover;object-position:top}.tiny-page>strong{font-size:10px;padding:8px;overflow-wrap:anywhere}.shelf-arrow{margin-left:auto!important}.cover-placeholder{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(130deg,#e9effb,#f5f8ff);padding:22px;color:var(--navy);text-align:center}.cover .cover-placeholder img{width:43px;height:52px;object-fit:contain;opacity:.5}.cover-placeholder strong{font-weight:550;max-width:90%;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.cover-placeholder span{font-size:10px;color:#637b9f}.cover>img{object-position:top}.card-title-line form{margin:0}.card-meta>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:62%}.card-meta .expiry{white-space:nowrap}.pagination{display:flex;gap:12px;margin-top:30px}.panel{margin:0 0 0 auto;height:100dvh;max-height:100dvh;border-radius:0;border:0;transform:none;display:none;max-width:100%;width:440px;inset:0 0 0 auto}.panel[open]{display:block}.panel::backdrop{background:#0b244850}.panel input[type=checkbox]{width:auto;margin:0}.check-label{display:flex!important;align-items:center;gap:9px;text-transform:none!important;letter-spacing:0!important;font-size:12px!important;color:var(--ink)!important;margin:12px 0!important}.check-label small{margin-left:auto;color:var(--muted)}.cover-upload{padding-bottom:8px}.cover-upload input{font-size:11px;padding:7px;margin-bottom:9px}.cover-upload label{margin-bottom:5px}.panel .organization{margin-top:23px}.panel .name-help{margin:12px 0 24px;line-height:1.5}.panel .help{line-height:1.5}.panel .storage{margin-top:22px}.panel .link-row a{display:block;color:#6d809f;font-size:10px;overflow-wrap:anywhere}.panel .link-row button{max-width:85px;text-align:right}.path-note{font-size:10px;color:#8190a8;overflow-wrap:anywhere;line-height:1.6;margin-top:24px}.panel-top .icon-button{font-size:25px}.panel-bottom{gap:12px}.collection-choices{max-height:50vh;overflow:auto}.collection-choices .check-label{padding:11px 0;border-bottom:1px solid var(--line)}.dashboard-content{max-width:1450px}.dashboard-content table{background:white}.dashboard-content th{background:#edf2fc}.dashboard-content td,.dashboard-content th{border-color:var(--line);padding:10px 12px;font-size:12px}.dashboard-content h1{font-size:36px;font-weight:550;letter-spacing:-1px}.dashboard-content h2{font-size:18px;font-weight:550;margin-top:32px}.dashboard-content button,.dashboard-content input,.dashboard-content select{font:inherit}.dashboard-content button{background:#fff;border:1px solid var(--line);border-radius:5px;padding:7px 12px;color:var(--navy)}.dashboard-content pre{background:#edf2fc;border-radius:6px;line-height:1.7}.dashboard-content a{color:var(--blue)}.dashboard-content input[type=password]{max-width:100%}.dashboard-content .who{float:none;display:inline-block}.dashboard-content form.login{max-width:100%}dialog button:focus-visible{outline:2px solid var(--blue)}
@media(max-width:1180px){.sort{display:block}.filters{gap:10px}.filters .tabs{flex-basis:100%}}
@media(max-width:930px){.nav a>span:not(.nav-icon),.nav a>.count{display:none}.nav a{padding:14px;justify-content:center}.rail .nav + .rail-divider + .nav{margin-top:0}}
@media(max-width:650px){.topbar{gap:10px;padding:0 16px}.topbar .text-button{font-size:10px}.mobile-nav{gap:10px}.mobile-nav a{font-size:11px}.shelves-empty{min-width:100%;padding:16px;gap:14px}.shelves-empty p{font-size:11px}.filters .search{flex-basis:100%;order:-1}.filter-label{flex:1;min-width:90px}.sort-label{flex:1}.filters .btn{padding:9px 12px}.panel{padding:22px;width:100%}.card-meta .expiry{flex-basis:100%}.dashboard-content h1{font-size:29px}.dashboard-content .who{font-size:11px;overflow-wrap:anywhere}.dashboard-content td,.dashboard-content th{padding:7px;font-size:11px}.dashboard-content table{display:block;overflow-x:auto}.cover-placeholder{padding:12px;gap:7px}.cover-placeholder strong{font-size:11px}.cover .cover-placeholder img{width:28px;height:33px}.cover-placeholder span{font-size:8px}.section-heading h2 span{display:none}.section-heading .text-button{font-size:10px}.panel .title-input{font-size:20px}}
@media(max-width:360px){.content{padding-left:16px;padding-right:16px}.mobile-brand{font-size:22px}.mobile-brand img{width:25px}.mobile-nav{gap:8px}.topbar{gap:7px}.grid{gap:21px 11px}.tabs{gap:17px}.topbar .text-button{font-size:9px}.cover-placeholder span{max-width:90%;line-height:1.3}}
@media(max-width:360px){.shelves{margin-right:-16px;padding-right:16px}}
.rail .cabinet-sketch{filter:brightness(0) invert(1);opacity:.24}

/* The library starts with working tools; the brand lives in the shell. */
.library-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px}
.library-heading h1{font-size:27px;font-weight:650;letter-spacing:-.8px;line-height:1.2;margin:0}
.library-heading h1 span{font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted);margin-left:10px;white-space:nowrap}
.library-heading p{margin:0;color:var(--muted);font-size:12px}
.content:has(.library-actions){padding-top:25px}
.library-actions{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:start;gap:20px;margin-bottom:24px}
.primary-search{display:flex;align-items:center;gap:8px;min-width:0;padding:5px;border:2px solid var(--blue);border-radius:8px;background:#fff;box-shadow:0 3px 12px #2563eb0a}
.primary-search:focus-within{box-shadow:0 0 0 3px #2563eb20}
.primary-search .search{position:relative;flex:1;min-width:0;max-width:none;width:auto;margin:0;order:0}
.primary-search .search input{height:48px;border:0;padding:10px 28px 10px 34px;font-size:16px;font-weight:500;background:transparent;outline-offset:0}
.primary-search .search input::placeholder{color:#526a93;opacity:1}
.primary-search .search svg{top:14px;left:8px;width:20px;height:20px;fill:none;stroke:var(--blue);stroke-width:1.8}
.primary-search .search kbd{top:13px;right:10px;font-size:13px}
.primary-search .btn{height:46px;font-size:12px;flex-shrink:0}
.file-uploader{min-width:0}
.dropzone,.dashboard-content .dropzone{width:100%;min-height:62px;display:flex;align-items:center;text-align:left;gap:13px;padding:11px 17px;border:1.5px dashed #7c9ed7;border-radius:8px;background:#edf3ff;color:var(--navy)}
.dropzone:hover,.dropzone.dragging{border-color:var(--blue);background:#e1ebff}
.dropzone svg{width:25px;height:25px;fill:none;stroke:var(--blue);stroke-width:1.65;flex-shrink:0}
.dropzone strong{display:block;font-size:14px;font-weight:650}
.dropzone small{display:block;font-size:11px;color:#657d9e;margin-top:1px}
.upload-arrow{margin-left:auto;font-size:21px;color:var(--blue)}
.upload-options{font-size:11px;color:#64799a;margin-top:5px}
.upload-options summary{cursor:pointer;padding:3px 0}
.upload-options summary span{margin-left:8px;color:#8190aa}
.upload-settings{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 0 5px}
.upload-settings select{border:1px solid var(--line);border-radius:4px;padding:5px;background:#fff;color:var(--navy)}
.upload-private{display:flex;align-items:center;gap:5px}
.upload-settings p{flex-basis:100%;margin:0;font-size:11px}
.upload-output{font-size:12px;overflow-wrap:anywhere}
.upload-output:has(#out:not(:empty)){margin-top:10px}
.upload-output strong{display:block;color:var(--navy);margin-bottom:3px}
.upload-link{display:flex;gap:10px;align-items:center;margin-top:6px}
.upload-link a{flex:1;min-width:0;color:var(--blue);text-decoration:underline;font-size:11px}
.upload-output button{border:1px solid var(--line);background:#fff;border-radius:4px;padding:5px 8px;flex-shrink:0;font-size:11px}
#cancel-upload{margin:6px 0 0}
.library-actions~section .shelves{margin-bottom:24px}
.library-actions~section .shelf-art{height:76px}
.library-actions~section .section-heading{margin-bottom:12px}
.library-actions~section .shelves-empty{padding:15px 20px;min-height:82px}
.library-actions~section .shelves-empty img{height:48px;width:42px}
@media(max-width:1180px){.library-actions{gap:14px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.primary-search .search input{font-size:14px}.primary-search .btn{padding:10px}.dropzone{padding:11px 12px;gap:9px}.library-heading p{display:none}}
@media(max-width:750px){.library-actions{grid-template-columns:1fr;gap:11px;margin-bottom:20px}.primary-search .search input{font-size:16px}.library-heading{margin-bottom:16px}.library-heading h1{font-size:24px}.library-actions~section .shelves{margin-bottom:18px}.library-actions~section .shelf{min-width:195px}.library-actions~section .shelf-art{height:65px}.content:has(.library-actions){padding-top:20px}.dropzone{min-height:59px}.upload-options{margin-top:2px}.primary-search .search kbd{display:none}}
@media(max-width:360px){.primary-search .search input{font-size:14px;padding-left:27px;padding-right:0}.primary-search .search svg{left:4px;width:17px}.primary-search .btn{font-size:11px;padding:8px}.library-heading h1 span{margin-left:6px;font-size:11px}}

.library-actions~section .shelves-empty{min-height:0;padding:0;border:0;background:none;display:block}
.library-actions~section .shelves-empty p{margin:0;font-size:12px;color:var(--muted)}
.library-actions~section .shelves:has(.shelves-empty){margin-bottom:22px;padding-bottom:0}
/* Shared account control: rail on desktop, header on small screens. */
.account-menu{position:relative;color:var(--ink);font-size:12px}
.account-menu summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;min-width:0;border-radius:6px;padding:7px 0}
.account-menu summary::-webkit-details-marker{display:none}
.account-menu summary:focus-visible{outline:2px solid var(--sky);outline-offset:4px}
.account-avatar{width:36px;height:36px;flex-shrink:0;position:relative;display:grid;place-items:center;background:#c5ddff;border-radius:50%;color:var(--navy);font-size:12px;font-weight:650;overflow:hidden}
.account-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.account-caption{min-width:0;flex:1}.account-caption strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:550}.account-caption small{display:block;font-size:10px;opacity:.65}
.account-chevron{font-size:17px;margin-left:auto;opacity:.6}
.rail .account-menu{color:#fff;border-top:1px solid #ffffff26;padding-top:12px}
.account-popover{position:absolute;bottom:calc(100% + 8px);left:0;width:245px;max-width:calc(100vw - 30px);padding:8px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 35px #16306526;z-index:35}
.account-identity{padding:10px 9px 12px;border-bottom:1px solid var(--line);margin-bottom:5px;overflow-wrap:anywhere}
.account-identity strong,.account-identity span{display:block}.account-identity span{font-size:11px;color:var(--muted);margin-top:3px}
.account-popover a,.account-popover button{width:100%;border:0;background:transparent;border-radius:4px;display:flex;justify-content:space-between;align-items:center;padding:10px 9px;font-size:12px;text-align:left;color:var(--navy)}
.account-popover a:hover,.account-popover button:hover{background:#edf3ff}
.mobile-account{display:none}
@media(max-width:930px){.rail .account-caption,.rail .account-chevron{display:none}.rail .account-menu summary{justify-content:center}.rail .account-popover{left:0}}
@media(max-width:650px){.mobile-account{display:block;margin-left:auto}.mobile-account .account-caption,.mobile-account .account-chevron{display:none}.mobile-account .account-avatar{width:31px;height:31px;font-size:10px}.mobile-account .account-popover{left:auto;right:0;bottom:auto;top:calc(100% + 8px)}.mobile-account summary{padding:3px}.topbar{justify-content:initial}.mobile-nav{margin-left:auto}}
.notice.error{border-color:#ecc9cc;background:#fbf1f2;color:#8e3139}.storage .retention{margin:0 0 12px}.storage .retention select{margin-bottom:10px}