:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:var(--page);color:var(--ink);--page:#f6f7f5;--ink:#202421;--muted:#68716d;--line:#d9ded8;--panel:#fff;--panel-alpha:#fffffff0;--control:#fff;--control-soft:#fbfcfb;--control-disabled:#f1f4f2;--text-disabled:#5f6a65;--soft:#eef3ef;--soft-strong:#e4f1ee;--teal:#17766f;--teal-dark:#105a55;--teal-hover:#105a55;--coral:#b75242;--gold:#b27a18;--danger-soft:#fff1ee;--warn-soft:#fff7e6;--brand-soft:#dcefeb;--brand-deep:#105a55;--topbar-bg:#f6f7f5eb;--shadow-soft:#20242114;--shadow-strong:#00000047;--stage:#edf2ef;--stage-ink:#34423e;--stage-muted:#34423ebd;--stage-line:#34423e29;--stage-control:#ffffffd1;--stage-control-hover:#17766fe0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#111716;--ink:#edf5f1;--muted:#a5b2ad;--line:#34423e;--panel:#17211e;--panel-alpha:#17211ef0;--control:#1c2825;--control-soft:#15211e;--control-disabled:#202b28;--text-disabled:#bdcac5;--soft:#22302d;--soft-strong:#203b36;--teal:#1f8f86;--teal-dark:#89d8ce;--teal-hover:#2ca59b;--coral:#ee917f;--gold:#e0b45d;--danger-soft:#3b231f;--warn-soft:#342b18;--brand-soft:#203b36;--brand-deep:#89d8ce;--topbar-bg:#111716eb;--shadow-soft:#00000047;--shadow-strong:#0000007a;--stage:#090d0c;--stage-ink:#ffffffe0;--stage-muted:#ffffffad;--stage-line:#ffffff1f;--stage-control:#0b1110a3;--stage-control-hover:#1f8f86d6}*{box-sizing:border-box}body{background:var(--page);min-width:320px;min-height:100vh;color:var(--ink);margin:0;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.loading{min-height:100vh;color:var(--teal);place-items:center;display:grid}.archive-unavailable{place-items:center;min-height:calc(100vh - 71px);padding:36px 18px;display:grid}.archive-unavailable-panel{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:14px;width:min(620px,100%);padding:28px;display:grid;box-shadow:0 18px 42px #20242114}.archive-unavailable-icon{width:54px;height:54px;color:var(--coral);background:#fff1ee;border-radius:8px;place-items:center;display:grid}.archive-unavailable-panel h1{letter-spacing:0;overflow-wrap:anywhere;margin:0;font-size:clamp(30px,5vw,46px);line-height:1}.archive-unavailable-panel p:not(.eyebrow){max-width:540px;color:var(--muted);margin:0;font-size:16px;line-height:1.5}.archive-unavailable-actions{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-layout{grid-template-columns:minmax(0,1.1fr) minmax(360px,480px);min-height:100vh;display:grid}.auth-live-layout{background-color:#202421;background-image:linear-gradient(90deg,#ffffff09 1px,#0000 1px),linear-gradient(0deg,#ffffff09 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;grid-template-columns:1fr;align-content:center;justify-items:center;gap:0;padding:36px 18px 54px;overflow:hidden}.brand-band{color:#fff;background:#202421;flex-direction:column;justify-content:flex-end;gap:18px;padding:min(9vw,96px);display:flex;position:relative;overflow:hidden}.brand-band:before{content:"";background:linear-gradient(90deg,#0000 0 58%,#17766f47 58% 72%,#0000 72%),linear-gradient(0deg,#0000 0 62%,#b27a183d 62% 76%,#0000 76%),linear-gradient(135deg,#b752422e,#0000 42%);position:absolute;inset:0}.brand-band>*{position:relative}.brand-band h1{letter-spacing:0;margin:0;font-size:clamp(42px,7vw,84px);line-height:.95}.brand-band p{color:#ffffffd1;max-width:620px;margin:0;font-size:18px;line-height:1.55}.auth-panel{align-self:center;gap:22px;padding:56px;display:grid}.auth-fade-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;background:#fffffff0;border:1px solid #d9ded82e;border-radius:8px;width:min(460px,100%);margin-top:-22px;padding:24px;animation:1.65s 1.35s forwards auth-panel-fade-in;transform:translateY(18px);box-shadow:0 24px 72px #0000003d}.eyebrow{color:var(--teal);text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:12px;font-weight:760}h2{letter-spacing:0;margin:0;font-size:28px}.primary-button,.secondary-button,.icon-button,.chip{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:0 16px;font-weight:720;display:inline-flex}.primary-button{background:var(--teal);color:#fff}.primary-button:hover{background:var(--teal-hover)}.primary-button.compact{min-height:42px;padding-inline:13px}.secondary-button.compact{min-height:42px;padding-inline:12px;font-size:13px}.secondary-button{border-color:var(--line);color:var(--ink);background:#fff}.secondary-button.danger{color:var(--coral)}.secondary-button.danger.armed{background:#fff1ee;border-color:#c54b3c73}.nav-button{text-decoration:none}.icon-button{border-color:var(--line);width:42px;color:var(--ink);background:#fff;padding:0}.email-form{gap:8px;display:grid}.auth-mode-switch{border:1px solid var(--line);background:var(--control-soft);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;display:grid}.auth-mode-switch button{min-height:38px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:7px;font-weight:760;display:inline-flex}.auth-mode-switch button.active{border-color:color-mix(in srgb, var(--teal) 42%, var(--line));background:var(--panel);color:var(--teal-dark);box-shadow:0 1px 3px #00000014}.recaptcha-slot{min-height:0}.mfa-panel{gap:14px;display:grid}.secret-link{border:1px solid var(--line);min-height:38px;color:var(--teal-dark);background:#fff;border-radius:8px;justify-content:center;align-items:center;font-weight:720;text-decoration:none;display:inline-flex}.mfa-setup-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mfa-setup-actions .secret-link,.mfa-setup-actions .secondary-button{width:100%;min-width:0}.same-device-mfa{color:var(--teal-dark);background:#f2f8f6;border:1px solid #d7e8e3;border-radius:8px;gap:3px;padding:10px 12px;display:grid}.qr-card{border:1px solid var(--line);background:#f8faf8;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:12px;display:grid}.qr-image,.qr-placeholder{border:1px solid var(--line);background:#fff;border-radius:8px;width:180px;height:180px}.qr-image{object-fit:contain;padding:8px;display:block}.qr-placeholder{color:var(--muted);place-items:center;display:grid}.secret-box{overflow-wrap:anywhere;border:1px solid var(--line);color:var(--ink);background:#f8faf8;border-radius:8px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.45}.email-form label,.collection-form label,.site-admin-form label,.upload-controls label{color:var(--muted);gap:7px;font-size:13px;font-weight:700;display:grid}.inline-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}input,select{border:1px solid var(--line);background:var(--control);width:100%;min-height:42px;color:var(--ink);border-radius:8px;padding:0 12px}input:disabled,select:disabled{background:var(--control-disabled);color:var(--text-disabled);-webkit-text-fill-color:var(--text-disabled);border-color:var(--line);opacity:1}input::placeholder{color:#8a928d;opacity:.62;font-weight:560}.status-message{color:var(--teal-dark);background:#edf8f3;border:1px solid #c6ded4;border-radius:8px;align-items:center;gap:8px;padding:11px 12px;font-size:14px;display:flex}.status-message.error{color:var(--coral);background:#fff1ee;border-color:#efc7c0}.app-shell{min-height:100vh;overflow-x:clip}.topbar{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f6f7f5eb;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex;position:sticky;top:0}.wordmark,.topbar-actions,.profile-pill,.asset-meta,.status-pill{align-items:center;display:flex}.wordmark{gap:10px;font-size:18px;font-weight:820}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px}.archive-pill,.archive-switcher{border:1px solid var(--line);max-width:min(360px,42vw);min-height:42px;color:var(--ink);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:0 13px;font-size:14px;font-weight:780;display:flex}.archive-pill .topbar-info-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.archive-switcher{padding-right:8px}.archive-switcher>span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:900}.archive-switcher select{width:min(230px,28vw);min-height:34px;color:var(--ink);background-color:#0000;border:0;padding:0 30px 0 8px;font-size:14px;font-weight:820}.profile-pill{border:1px solid var(--line);min-height:42px;color:var(--muted);background:#fff;border-radius:8px;gap:8px;padding:0 13px;font-size:14px}.topbar-info-chip{cursor:default;border-color:color-mix(in srgb, var(--line) 58%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--soft) 70%, transparent), color-mix(in srgb, var(--panel) 92%, transparent));color:var(--muted);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--panel) 82%, transparent)}.topbar-info-label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:900}.topbar-info-value{color:var(--ink);min-width:0;font-weight:680}.profile-pill .topbar-info-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar .nav-button,.topbar .icon-button{box-shadow:0 1px 0 color-mix(in srgb, var(--panel) 80%, transparent), 0 8px 22px color-mix(in srgb, var(--shadow-soft) 64%, transparent);transition:border-color .16s,background-color .16s,color .16s,transform .16s}.topbar .nav-button:hover,.topbar .icon-button:hover{border-color:color-mix(in srgb, var(--teal) 42%, var(--line));background:color-mix(in srgb, var(--control) 82%, var(--soft-strong));color:var(--teal-dark);transform:translateY(-1px)}.topbar .nav-button{border-color:color-mix(in srgb, var(--teal) 22%, var(--line));background:color-mix(in srgb, var(--control) 90%, var(--brand-soft))}.browse-page{min-height:calc(100vh - 71px);padding:28px clamp(16px,4vw,56px) 96px;position:relative}.library-workspace{padding:22px clamp(18px,3vw,34px) 96px 92px}.library-workspace>.picturebox-live-hero{width:min(410px,50vw);min-height:140px;margin:0 auto 6px;padding:7px 6px 15px}.library-workspace>.picturebox-live-hero:after{height:1px;bottom:12px}.library-workspace .browse-page{min-height:calc(100vh - 115px);padding:0 0 96px}.logo-intro-screen{background-color:#202421;background-image:linear-gradient(90deg,#ffffff09 1px,#0000 1px),linear-gradient(0deg,#ffffff09 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-items:center;min-height:100vh;padding:32px 16px;display:grid}.picturebox-live-hero{isolation:isolate;perspective:980px;place-items:center;width:min(820px,100%);min-height:230px;padding:14px 12px 30px;display:grid;position:relative;overflow:visible}.picturebox-live-hero:after{content:"";opacity:.72;background:linear-gradient(90deg,#0000,#17766f99,#b27a18b8,#0000);height:2px;position:absolute;bottom:24px;left:12%;right:12%;transform:translateZ(-160px)}.picturebox-live-svg-wrap{z-index:2;opacity:0;transform-origin:50%;place-items:center;transition:opacity .36s;animation:8.8s ease-in-out infinite picturebox-live-svg-wobble;display:grid;position:absolute;inset:0}.picturebox-live-hero.svg-ready .picturebox-live-svg-wrap{opacity:1}.picturebox-live-svg{filter:drop-shadow(0 24px 24px #2024212e);width:100%;height:100%;display:block;overflow:visible}.picturebox-live-svg g[data-letter-label][data-letter-id]{transform-box:fill-box;transform-origin:50%;animation:4.9s ease-in-out infinite picturebox-live-letter-float;animation-delay:var(--letter-delay,0s)}.picturebox-live-svg [data-layer=front]{filter:drop-shadow(0 -1px #ffffff42)}.picturebox-live-fallback{z-index:1;opacity:1;place-items:center;transition:opacity .25s;display:grid;position:absolute;inset:0}.picturebox-live-hero.svg-ready .picturebox-live-fallback{opacity:0}.picturebox-live-hero.svg-failed .picturebox-live-fallback{opacity:1}.picturebox-live-mark{z-index:1;transform-style:preserve-3d;filter:drop-shadow(0 24px 24px #20242133);justify-items:center;animation:8.5s ease-in-out infinite picturebox-live-wobble;display:grid;position:relative}.picturebox-live-hero.auth{opacity:0;width:min(760px,100%);min-height:270px;padding-bottom:8px;animation:1.1s forwards auth-logo-arrive;transform:translateY(12px)scale(.96)}.picturebox-live-hero.intro{width:min(980px,100%);min-height:520px}.toolbar-brand{flex:none;gap:0;width:118px;height:42px}.toolbar-brand-link{color:inherit;border-radius:8px;text-decoration:none}.toolbar-brand-link:focus-visible{outline:2px solid var(--teal);outline-offset:4px}.toolbar-brand .picturebox-live-hero.toolbar{perspective:520px;width:118px;height:42px;min-height:42px;padding:0;overflow:hidden}.toolbar-brand .picturebox-live-hero.toolbar:after{display:none}.toolbar-brand .picturebox-live-mark{filter:drop-shadow(0 7px 7px #105a552e)}.toolbar-brand .picturebox-live-svg-wrap{animation:none}.toolbar-brand .picturebox-live-svg{filter:drop-shadow(0 7px 7px #105a5533)}.toolbar-brand .picturebox-live-svg g[data-letter-label][data-letter-id]{animation:none}.toolbar-brand .picturebox-live-word.picturebox{font-size:24px}.toolbar-brand .picturebox-live-word.live{margin-top:2px;font-size:18px}.picturebox-live-word{color:#0000;letter-spacing:0;text-align:center;text-transform:none;transform-style:preserve-3d;white-space:nowrap;font-weight:900;line-height:.86;display:block;position:relative}.picturebox-live-word.picturebox{font-size:48px}.picturebox-live-word.live{margin-top:8px;font-size:43px}.picturebox-live-word:before,.picturebox-live-word:after{content:attr(data-text);pointer-events:none;position:absolute;inset:0}.picturebox-live-word:before{z-index:0;color:#0b4541;text-shadow:1px 1px #0a3d3a,2px 2px #0a3d3a,3px 3px #0a3d3a,4px 4px #0a3d3a,5px 5px #093734,6px 6px #093734,7px 7px #082f2d,8px 8px #082f2d,16px 20px 24px #00000052;transform:translate3d(10px,12px,-46px)}.picturebox-live-word:after{z-index:3;color:#ffffff2e;text-shadow:0 0 18px #ffffff57;animation:5.5s ease-in-out infinite picturebox-live-shimmer;transform:translate3d(-3px,-4px,26px)}.picturebox-live-face{z-index:2;color:#0000;text-shadow:0 1px #ffffff5c,0 12px 24px #105a5538;background:linear-gradient(105deg,#fff 0%,#d9f5ed 28%,#2fb4aa 52%,#ffd36d 80%,#fff7d2 100%);-webkit-background-clip:text;background-clip:text;display:block;position:relative}.picturebox-live-word.live .picturebox-live-face{background:linear-gradient(100deg,#fff7d2 0%,#ffd36d 28%,#f27f6a 58%,#b75242 100%);-webkit-background-clip:text;background-clip:text}@keyframes picturebox-live-wobble{0%{filter:brightness(.98);transform:rotateX(8deg)rotateY(-10deg)rotate(-1deg)translateY(0)}36%{filter:brightness(1.08);transform:rotateX(3deg)rotateY(9deg)rotate(1deg)translateY(-4px)}68%{filter:brightness(1.02);transform:rotateX(-5deg)rotateY(4deg)rotate(-.5deg)translateY(2px)}to{filter:brightness(.98);transform:rotateX(8deg)rotateY(-10deg)rotate(-1deg)translateY(0)}}@keyframes picturebox-live-svg-wobble{0%,to{filter:brightness(.98);transform:perspective(900px)rotateX(1.5deg)rotateY(-4deg)rotate(-.4deg)translateY(0)scale(.99)}38%{filter:brightness(1.05);transform:perspective(900px)rotateX(-1deg)rotateY(4.5deg)rotate(.5deg)translateY(-4px)scale(1.01)}68%{filter:brightness(1.02);transform:perspective(900px)rotateX(1deg)rotateY(1deg)rotate(-.2deg)translateY(2px)scale(1)}}@keyframes picturebox-live-letter-float{0%,to{transform:translateY(0)rotate(0)}42%{transform:translateY(-4px)rotate(.7deg)}72%{transform:translateY(1px)rotate(-.35deg)}}@keyframes picturebox-live-shimmer{0%,to{opacity:.14;transform:translate3d(-3px,-4px,26px)}42%{opacity:.46;transform:translate3d(4px,-7px,32px)}70%{opacity:.22;transform:translate3d(-1px,-2px,28px)}}@keyframes auth-logo-arrive{to{opacity:1;transform:translateY(0)scale(1)}}@keyframes auth-panel-fade-in{to{opacity:1;transform:translateY(0)}}.admin-page{width:min(1180px,100% - 44px);margin:0 auto;padding:24px 0 92px}.admin-hero{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;display:flex}.admin-hero h1{letter-spacing:0;overflow-wrap:anywhere;margin:0;font-size:clamp(32px,4vw,54px);line-height:1}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.admin-grid .tool-panel{width:auto;box-shadow:none;margin:0}.identity-panel{gap:0;display:grid}.identity-body{gap:14px;padding:14px 18px 18px;display:grid}.identity-list{gap:8px;display:grid}.identity-row{border:1px solid var(--soft);background:var(--control-soft);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.identity-row svg{color:var(--teal-dark)}.identity-state{background:var(--soft);min-height:26px;color:var(--muted);border-radius:8px;align-items:center;padding:0 8px;font-size:12px;font-weight:800;display:inline-flex}.identity-state.linked{background:var(--soft-strong);color:var(--teal-dark)}.identity-ready{margin:0}.passkey-manage-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-grid .site-admin-panel,.admin-grid .family-panel,.admin-grid .export-panel{grid-column:1/-1}.admin-grid .mfa-panel>.primary-button,.admin-grid .mfa-panel>.secondary-button,.admin-grid .mfa-panel>.detail-line,.admin-grid .mfa-panel>.mfa-session-note{margin-inline:18px}.app-shell>.mfa-panel,.app-shell>.site-admin-panel{width:min(840px,100% - 32px);margin:18px auto 0}.left-rail .mfa-panel,.left-rail .site-admin-panel{width:auto;margin:0}.modern-workspace{grid-template-columns:minmax(0,1fr) minmax(310px,360px);align-items:start;gap:20px;padding:22px clamp(18px,3vw,34px) 96px 92px;display:grid}.modern-workspace .browse-page{min-height:calc(100vh - 115px);padding:0 0 96px}.modern-side{gap:14px;max-height:calc(100vh - 112px);padding:0 2px 20px;display:grid;position:sticky;top:92px;overflow:auto}@media (width>=560px){.picturebox-live-word.picturebox{font-size:64px}.picturebox-live-word.live{font-size:54px}}@media (width>=900px){.picturebox-live-hero{min-height:280px}.picturebox-live-word.picturebox{font-size:92px}.picturebox-live-word.live{font-size:74px}}@media (width>=1180px){.picturebox-live-word.picturebox{font-size:112px}.picturebox-live-word.live{font-size:88px}}@media (prefers-reduced-motion:reduce){.picturebox-live-mark,.picturebox-live-svg-wrap,.picturebox-live-svg g[data-letter-label][data-letter-id],.picturebox-live-word:after,.picturebox-live-hero.auth,.auth-fade-panel{animation:none}.picturebox-live-hero.auth,.auth-fade-panel{opacity:1;transform:none}}.modern-side .tool-panel{width:auto;box-shadow:none;margin:0}.modern-side .panel-heading{padding:14px 16px}.modern-side .panel-heading h2{overflow-wrap:anywhere;font-size:19px;line-height:1.2}.modern-side .eyebrow{margin-bottom:6px}.modern-side .mfa-panel{gap:10px}.modern-side .mfa-panel>.primary-button,.modern-side .mfa-panel>.secondary-button,.modern-side .mfa-panel>.detail-line{margin-inline:14px}.modern-side .site-admin-form{grid-template-columns:1fr;align-items:stretch;padding:14px 16px 16px}.modern-side .site-admin-form .primary-button{width:100%;min-width:0}.modern-side .site-admin-locked{grid-template-columns:auto minmax(0,1fr);margin:0 14px 14px}.modern-side .site-admin-locked .secondary-button{grid-column:1/-1;width:100%}.modern-side .archive-name-form,.modern-side .invite-form{padding-inline:16px}.modern-side .member-list{max-height:260px;padding:10px 16px;overflow:auto}.modern-side .access-note{margin-inline:16px}.site-admin-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.site-admin-form .primary-button{min-width:118px}.site-admin-body{gap:14px;padding:14px 18px 18px;display:grid}.archive-directory-head,.archive-row,.archive-row-actions,.archive-row-stats{align-items:center;display:flex}.archive-directory-head{justify-content:space-between;gap:12px;padding-top:2px}.archive-directory{border-top:1px solid var(--soft);display:grid}.archive-directory-toggle{justify-self:start}.archive-admin-cost{display:grid}.storage-cost-card{border:1px solid var(--soft);background:color-mix(in srgb, var(--brand-soft) 45%, white);border-radius:8px;gap:14px;padding:14px;display:grid}.storage-cost-main,.storage-cost-breakdown{align-items:center;gap:14px;display:flex}.storage-cost-main{min-width:0;color:var(--brand-deep)}.storage-cost-main>div{min-width:0}.storage-cost-total{color:var(--ink);font-size:32px;font-weight:900;line-height:1.05}.storage-cost-breakdown{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.storage-cost-breakdown>div{border:1px solid var(--soft);background:#ffffffb8;border-radius:8px;gap:4px;min-width:0;padding:10px 12px;display:grid}.storage-cost-breakdown span,.storage-cost-breakdown small,.storage-cost-note{color:var(--muted);font-size:12px;font-weight:700}.storage-cost-breakdown strong{color:var(--ink);overflow-wrap:anywhere;font-size:18px}.storage-cost-note{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.storage-cost-note a{color:var(--brand-deep);text-decoration:none}.archive-row{border-bottom:1px solid var(--soft);justify-content:space-between;gap:14px;min-width:0;padding:12px 0}.archive-row.deleted{opacity:.64}.archive-row-main{gap:7px;min-width:0;display:grid}.archive-row-stats{color:var(--muted);flex-wrap:wrap;gap:6px;font-size:12px;font-weight:700}.archive-row-stats span{background:var(--soft);border-radius:8px;padding:3px 7px}.archive-row-cost{border:1px solid var(--soft);background:color-mix(in srgb, var(--brand-soft) 38%, white);width:fit-content;max-width:100%;color:var(--muted);border-radius:8px;grid-template-columns:repeat(2,minmax(112px,auto));align-items:center;gap:7px 10px;padding:8px 10px;font-size:12px;font-weight:800;display:grid}.archive-row-cost>div{gap:2px;min-width:0;display:grid}.archive-row-cost span,.archive-row-cost small{color:var(--muted)}.archive-row-cost strong{color:var(--ink);overflow-wrap:anywhere;font-size:16px;line-height:1.1}.archive-row-cost small{grid-column:1/-1;font-size:11px;font-weight:700}.archive-row-actions{flex:none;justify-content:flex-end;gap:8px}.browse-upload-button{z-index:6;background:var(--teal);color:#fff;border:1px solid #a9c8bf;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-width:132px;min-height:52px;padding:0 16px;font-weight:820;display:inline-flex;position:fixed;top:92px;left:24px;box-shadow:0 14px 32px #105a5538}.tag-console{z-index:8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border:1px solid #cfd9d3;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;width:min(860px,100% - 84px);margin:0 auto 10px;padding:10px;display:grid;position:sticky;top:82px;box-shadow:0 18px 46px #20242114}.filter-detail-console{gap:10px;width:min(920px,100% - 84px);margin:0 auto 22px;padding:0 2px;display:grid}.tag-filter-main,.tag-filter-subtract{border:1px solid var(--line);min-height:46px;color:var(--teal-dark);background:#fbfcfb;border-radius:8px;align-items:center;gap:14px;padding:0 12px;display:grid}.tag-filter-main{grid-template-columns:auto minmax(0,1fr) auto}.tag-filter-subtract{grid-template-columns:auto minmax(0,1fr)}.tag-filter-main input,.tag-filter-subtract input{background:0 0;border:0;min-height:42px;padding:0 8px;font-size:17px;font-weight:720}.match-count-subtle{white-space:nowrap;color:var(--muted);opacity:.74;justify-self:end;font-size:12px;font-weight:760}.tag-filter-subtract{color:var(--coral);background:#fff8f6}.subtract-toggle{border:1px solid var(--line);min-height:46px;color:var(--muted);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-weight:760;display:inline-flex}.subtract-toggle.open{color:var(--coral);border-color:#e0aaa0}.subtract-row{grid-column:1/-1;display:none}.subtract-row.open{gap:6px;display:grid}.subtract-helper{color:var(--muted);font-size:12px;font-weight:700}.filter-mode-row{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:8px;display:grid}.visibility-toggle{border:1px solid var(--line);min-height:36px;color:var(--muted);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;min-width:0;padding:0 11px;font-size:13px;font-weight:760;display:inline-flex}.visibility-toggle span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.visibility-toggle.active{color:var(--teal-dark);background:#eaf6f2;border-color:#a9c8bf}.uploader-filter-row{grid-column:1/-1;min-width:0;display:flex;position:relative}.uploader-filter{width:min(420px,100%);min-width:0;position:relative}.uploader-filter-button{border:1px solid var(--line);width:100%;min-height:36px;color:var(--muted);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:0 10px;font-size:13px;font-weight:760;display:inline-flex}.uploader-filter-button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.uploader-filter-button.active{color:var(--teal-dark);background:#eaf6f2;border-color:#a9c8bf}.uploader-filter-menu{z-index:32;border:1px solid var(--line);background:#fff;border-radius:8px;gap:4px;width:min(420px,100vw - 48px);padding:8px;display:grid;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 18px 42px #1a221f24}.uploader-filter-option{color:var(--ink);border-radius:7px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:8px;font-size:13px;font-weight:760;display:grid}.uploader-filter-option:hover{background:#17766f14}.uploader-filter-option input{accent-color:var(--teal);margin:0}.uploader-filter-option span{gap:1px;min-width:0;display:grid}.uploader-filter-option strong,.uploader-filter-option small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.uploader-filter-option small{color:var(--muted);font-size:11px;font-weight:650}.uploader-filter-clear{border:1px solid var(--line);background:var(--soft);min-height:34px;color:var(--teal-dark);border-radius:7px;font-size:12px;font-weight:780}.bulk-action-row{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px;min-height:38px;padding-top:2px;display:flex}.bulk-private-button{color:var(--teal-dark);border-color:#c8ded7}.bulk-public-button{color:var(--teal-dark);background:#f7fbf9;border-color:#c8ded7}.bulk-private-button.armed{color:var(--coral);background:#fff1ee;border-color:#e0aaa0}.bulk-public-button.armed,.locked-vault-button.active{background:var(--teal);color:#fff;border-color:#7cb7a7}.bulk-action-note{color:var(--muted);font-size:12px;font-weight:700}.share-package-button.active{color:#70510f;background:#fff7e3;border-color:#d8bd7d}.share-package-panel{background:#fffbf0;border:1px solid #ead6a8;border-radius:8px;grid-column:1/-1;gap:10px;padding:12px;display:grid;box-shadow:0 12px 30px #70510f14}.share-package-copy{gap:2px;display:grid}.share-package-copy strong{color:var(--ink);font-size:15px;font-weight:820}.share-package-copy span,.share-package-note,.share-package-source-note{color:var(--muted);font-size:12px;font-weight:700;line-height:1.4}.share-package-source-note.warning{background:var(--danger-soft);color:var(--coral);border:1px solid #b7524247;border-radius:8px;padding:9px 10px}.share-package-fields{grid-template-columns:minmax(0,.9fr) minmax(140px,.45fr) minmax(0,1.1fr);gap:10px;display:grid}.share-package-fields label{color:var(--muted);gap:5px;font-size:12px;font-weight:780;display:grid}.share-package-fields input,.share-package-fields select,.share-package-link-output{border:1px solid var(--line);min-height:38px;color:var(--ink);background:#fff;border-radius:8px;padding:0 12px;font-weight:700}.share-package-private-option{color:var(--muted);align-items:center;gap:8px;font-size:12px;font-weight:760;display:inline-flex}.share-package-private-option input{accent-color:var(--teal);margin:0}.share-package-preview-picker{background:#ffffff9e;border:1px solid #1f8f8638;border-radius:8px;gap:8px;padding:10px;display:grid}.share-package-preview-copy{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.share-package-preview-copy strong{color:var(--ink);font-size:13px;font-weight:820}.share-package-preview-copy span{color:var(--muted);font-size:12px;font-weight:700}.share-package-preview-options{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.share-package-preview-option{width:88px;min-width:88px;color:var(--ink);cursor:pointer;background:#fff;border:2px solid #0000;border-radius:8px;grid-template-rows:64px auto;gap:5px;padding:5px;display:grid;box-shadow:0 1px #0d1f1c0a}.share-package-preview-option.active{border-color:var(--teal);background:var(--teal-soft)}.share-package-preview-option img{object-fit:cover;background:var(--soft);border-radius:6px;width:100%;height:64px}.share-package-preview-option span{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px;font-weight:750;overflow:hidden}.share-package-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.share-package-link-output{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.browse-loading{min-height:220px;color:var(--teal);place-items:center;display:grid}.browse-tile.selected .browse-thumb{border-color:var(--teal);box-shadow:0 0 0 3px #17766f2e}.browse-thumb img{object-fit:cover;width:100%;height:100%;display:block}.browse-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;max-width:1180px;margin:0 auto;display:grid}.browse-tile{min-width:0;color:var(--ink);text-align:left;background:0 0;border:0;gap:8px;padding:0;display:grid}.browse-thumb-shell{min-width:0;position:relative}.browse-thumb-button{width:100%;color:inherit;cursor:pointer;font:inherit;text-align:inherit;background:0 0;border:0;padding:0;display:grid}.browse-thumb-button.double-clickable,.asset-thumb.double-clickable{cursor:zoom-in}.browse-thumb{aspect-ratio:1;border:1px solid var(--line);color:var(--teal-dark);background:linear-gradient(145deg,#17766f2e,#b7524224),#eef3ef;border-radius:8px;place-items:center;font-size:34px;font-weight:860;display:grid;overflow:hidden}.browse-select,.browse-info{z-index:2;opacity:0;pointer-events:none;background:#ffffffeb;width:34px;min-height:34px;transition:opacity .14s,transform .14s,background-color .14s,border-color .14s,color .14s;position:absolute;top:8px;transform:translateY(-2px)}.browse-select{left:8px}.browse-info{right:8px}.browse-select.selected{background:var(--teal);border-color:var(--teal);color:#fff;opacity:1;pointer-events:auto;transform:translateY(0)}.browse-thumb-shell:hover .browse-info,.browse-thumb-shell:focus-within .browse-info,.browse-thumb-shell:hover .browse-select,.browse-thumb-shell:focus-within .browse-select,.browse-info:focus-visible,.browse-select:focus-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.browse-thumb.has-image{background:#111716}.browse-tile-meta{gap:3px;min-width:0;display:grid}.browse-tile-meta span,.browse-tile-meta small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.browse-tile-meta span{font-weight:760}.browse-tile-meta small{color:var(--muted);font-size:12px}.browse-sentinel{min-height:72px;color:var(--muted);place-items:center;font-size:13px;display:grid}.browse-empty{max-width:760px;margin:48px auto}.upload-modal-layer{z-index:18;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .16s;position:fixed;inset:0}.upload-modal-layer.open{pointer-events:auto;opacity:1;visibility:visible}.upload-modal-scrim{background:#14181794;position:absolute;inset:0}.upload-modal-panel{width:min(780px,100vw - 28px);max-height:calc(100vh - 120px);transition:transform .16s;position:absolute;top:84px;left:50%;overflow:auto;transform:translate(-50%)translateY(-12px)}.upload-modal-layer.open .upload-modal-panel{transform:translate(-50%)translateY(0)}.upload-modal-close{z-index:1;position:absolute;top:12px;right:12px}.modal-upload-panel{box-shadow:0 24px 80px #00000047}.modal-upload-panel .panel-heading{padding-right:82px}.modal-upload-panel .dropzone{min-height:168px;margin:20px;padding:22px 18px}.upload-ticker{z-index:17;max-width:min(560px,100vw - 28px);min-height:42px;color:var(--teal-dark);background:#fff;border:1px solid #bfd7cf;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:0 16px;font-weight:760;display:inline-flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 18px 46px #20242124}.upload-ticker.error{color:var(--coral);border-color:#e0aaa0}.audio-active .library-workspace,.public-share.audio-active{padding-bottom:170px}.audio-active .upload-ticker{bottom:100px}.persistent-audio-player{z-index:19;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border:1px solid #bfd7cf;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(260px,430px) auto;align-items:center;gap:12px;width:min(860px,100vw - 24px);padding:10px 12px;display:grid;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 18px 54px #2024212e}.persistent-audio-info{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;appearance:none;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:4px;display:flex}.persistent-audio-info:hover,.persistent-audio-info:focus-visible{background:#17786d14;outline:none}.persistent-audio-info:focus-visible{box-shadow:0 0 0 3px #17786d2e}.persistent-audio-info:disabled{cursor:default}.persistent-audio-art{aspect-ratio:1;color:#fff;background:linear-gradient(135deg,#17786d,#8a6a16);border-radius:8px;flex:none;place-items:center;width:44px;font-weight:900;display:grid}.persistent-audio-copy{gap:3px;min-width:0;display:grid}.persistent-audio-copy .asset-title,.persistent-audio-copy .asset-meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.persistent-audio-copy .asset-meta{color:var(--muted);font-size:13px}.persistent-audio-player audio{width:100%;min-width:0}.now-playing-marquee{z-index:20;border:1px solid color-mix(in srgb, var(--teal) 34%, var(--line));background:color-mix(in srgb, var(--panel) 92%, transparent);width:min(860px,100vw - 24px);min-height:38px;color:var(--ink);box-shadow:0 14px 44px var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font:inherit;cursor:pointer;appearance:none;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 12px;display:grid;position:fixed;left:50%;overflow:hidden;transform:translate(-50%)}.now-playing-marquee.offset-low{bottom:16px}.now-playing-marquee.offset-high{bottom:96px}.now-playing-state{background:var(--teal);color:#fff;border-radius:999px;place-items:center;width:24px;height:24px;display:grid}.now-playing-window{white-space:nowrap;min-width:0;overflow:hidden}.now-playing-track{min-width:100%;font-weight:860;animation:14s linear infinite now-playing-marquee;display:inline-block}.now-playing-marquee.paused .now-playing-track{animation-play-state:paused}.now-playing-subtitle{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:820}@keyframes now-playing-marquee{0%{transform:translate(0)}18%{transform:translate(0)}82%{transform:translate(-38%)}to{transform:translate(0)}}.workspace{grid-template-columns:minmax(340px,430px) minmax(0,1fr);gap:22px;padding:22px;display:grid}.left-rail{align-self:start;gap:16px;display:grid}.tool-panel,.library-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px}.tool-panel{align-self:start}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:18px;display:flex}.panel-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.panel-copy{color:var(--muted);margin:0;padding:14px 18px 0;font-size:13px;font-weight:700;line-height:1.45}.dropzone{border:1px dashed color-mix(in srgb, var(--teal) 38%, var(--line));background:color-mix(in srgb, var(--soft) 70%, var(--panel));min-height:150px;color:var(--teal-dark);text-align:center;border-radius:8px;place-items:center;gap:10px;margin:18px;font-weight:780;display:grid}.dropzone.active{border-color:var(--teal);background:var(--soft-strong)}.dropzone.locked{background:color-mix(in srgb, var(--control-soft) 72%, var(--panel));color:var(--ink);border-style:solid}.dropzone-hint{color:var(--muted);font-size:13px;font-weight:700}.upload-selection-summary{text-align:center;justify-items:center;gap:8px;display:grid}.upload-selection-title{overflow-wrap:anywhere;max-width:100%;color:var(--ink);font-size:16px;font-weight:820}.upload-selection-meta{color:var(--teal-dark);flex-wrap:wrap;justify-content:center;gap:8px;font-size:13px;font-weight:760;display:flex}.upload-selection-meta span{background:#e8f4f1;border-radius:999px;padding:5px 9px}.upload-selection-note{color:var(--muted);font-size:13px;font-weight:700}.upload-scan-summary{text-align:center;justify-items:center;gap:9px;width:min(600px,100% - 18px);display:grid}.upload-scan-summary .upload-selection-meta span,.upload-scan-card .detail-line{overflow-wrap:anywhere;max-width:100%}.upload-scan-card{border:1px dashed color-mix(in srgb, var(--teal) 34%, var(--line));background:color-mix(in srgb, var(--soft) 72%, var(--panel));border-radius:8px;gap:10px;padding:16px;display:grid}.upload-scan-progress{background:color-mix(in srgb, var(--line) 64%, transparent);border-radius:999px;width:min(420px,100%);height:8px;position:relative;overflow:hidden}.upload-scan-progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--teal), var(--gold));min-width:0;height:100%;transition:width .18s}.upload-scan-progress.indeterminate .upload-scan-progress-fill{width:38%;min-width:88px;animation:1.15s ease-in-out infinite upload-scan-progress;position:absolute}.upload-activity-panel{border:1px solid color-mix(in srgb, var(--teal) 30%, var(--line));background:color-mix(in srgb, var(--soft) 72%, var(--panel));border-radius:8px;gap:10px;margin:14px 32px 0;padding:14px 16px;display:grid;box-shadow:inset 0 0 0 1px #ffffff57}.upload-activity-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.upload-activity-eyebrow{color:var(--teal);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:900}.upload-activity-title{color:var(--ink);font-size:18px;font-weight:880}.upload-activity-message{color:var(--muted);font-weight:760}.upload-activity-path{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:760;overflow:hidden}.upload-activity-stats{flex-wrap:wrap;gap:8px;display:flex}.upload-activity-stats span{background:color-mix(in srgb, var(--teal) 10%, var(--panel));color:var(--teal-dark);border-radius:999px;padding:4px 8px;font-size:12px;font-weight:820}@keyframes upload-scan-progress{0%{transform:translate(-120%)}to{transform:translate(320%)}}.choose-wrapper{display:inline-flex;position:relative}.choose-menu{z-index:3;border:1px solid var(--line);background:#fff;border-radius:8px;gap:6px;width:190px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 16px 40px #00000024}.choose-menu .secondary-button{justify-content:flex-start;width:100%}.upload-selection-error{text-align:center;max-width:520px}.apple-library-tip{max-width:min(560px,100% - 22px);color:var(--muted);text-align:left;background:#ffffffa8;border:1px solid #d7e6e1;border-radius:8px;align-items:flex-start;gap:8px;padding:9px 11px;font-size:12px;font-weight:700;line-height:1.35;display:flex}.apple-library-tip svg{color:var(--teal-dark);flex:none;margin-top:1px}.upload-defaults-panel{border:1px solid var(--line);background:color-mix(in srgb, var(--control-soft) 72%, var(--panel));border-radius:8px;gap:12px;margin:0 18px 16px;padding:14px;display:grid}.upload-defaults-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.upload-defaults-heading span{color:var(--ink);font-size:14px;font-weight:840}.upload-defaults-heading small{color:var(--muted);font-size:12px;font-weight:700}.upload-controls{grid-template-columns:minmax(130px,.8fr) minmax(150px,.9fr) minmax(220px,1.6fr);gap:14px;padding:0;display:grid}.field-label-with-help{color:var(--muted);align-items:center;gap:6px;display:inline-flex}.field-help{color:var(--muted);font-size:11px;font-weight:650;line-height:1.3}.encrypted-upload-panel{border:1px solid color-mix(in srgb, var(--teal) 42%, var(--line));background:color-mix(in srgb, var(--teal-soft) 72%, transparent);border-radius:8px;gap:12px;padding:13px;display:grid}.encrypted-upload-panel>div:first-child{gap:3px;display:grid}.encrypted-upload-panel strong{color:var(--ink);font-size:14px;font-weight:850}.encrypted-upload-panel span{color:var(--muted);font-size:12px;font-weight:700}.encrypted-upload-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.encrypted-upload-status{color:var(--muted);align-items:center;gap:7px;font-size:12px;font-weight:760;display:flex}.encrypted-upload-status.ok{color:var(--teal-dark)}.encrypted-upload-status.needs-attention{color:var(--coral)}.tag-input{min-width:0;position:relative}.tag-input>input{width:100%}.tag-suggestion-menu{z-index:12;border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:4px;max-height:236px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 18px 42px #0000002e}.tag-suggestion{min-width:0;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;padding:8px 9px;font-size:13px;font-weight:760;display:flex}.tag-suggestion.active,.tag-suggestion:hover{background:var(--soft-strong);color:var(--teal-dark)}.tag-suggestion span,.tag-suggestion small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tag-suggestion small{color:var(--muted);flex:none;font-size:11px;font-weight:750}.countdown-chip{background:var(--soft-strong);min-width:28px;color:var(--teal-dark);border-radius:999px;padding:2px 7px;font-size:12px;font-weight:850}.queue{gap:10px;padding:0 18px 12px;display:grid}.queue-row,.asset-card{border:1px solid var(--line);background:#fff;border-radius:8px;display:grid}.queue-row{grid-template-columns:54px minmax(0,1fr) auto;align-items:start;gap:12px;padding:12px}.file-icon{color:#7b5315;background:#efe9dc;border-radius:8px;place-items:center;width:54px;height:54px;font-weight:820;display:grid;overflow:hidden}.file-icon.has-preview{background:var(--soft);color:#0000}.file-icon img{object-fit:cover;width:100%;height:100%}.queue-remove{align-self:center;width:34px;min-height:34px}.queue-main,.asset-body{min-width:0}.queue-name,.asset-title{text-overflow:ellipsis;white-space:nowrap;font-weight:760;overflow:hidden}.queue-meta,.detail-line,.asset-meta{color:var(--muted);font-size:12px}.progress-track{background:var(--soft);border-radius:999px;height:6px;margin-top:8px;overflow:hidden}.progress-fill{border-radius:inherit;background:var(--teal);height:100%;transition:width .2s}.detail-line{overflow-wrap:anywhere;margin-top:6px}.upload-action-bar{z-index:2;border-top:1px solid var(--line);background:color-mix(in srgb, var(--panel) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 18px;display:grid;position:sticky;bottom:0}.upload-action-state{gap:3px;min-width:0;display:grid}.upload-action-state span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:900}.upload-action-state strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:780;overflow:hidden}.upload-action-buttons{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.mfa-session-note{color:var(--teal-dark);background:#f2f8f6;border:1px solid #d7e8e3;border-radius:8px;padding:12px}.member-count,.member-row{align-items:center;display:flex}.member-count{border:1px solid var(--line);min-height:34px;color:var(--muted);border-radius:8px;gap:6px;padding:0 10px;font-size:13px;font-weight:760}.member-list{gap:8px;padding:14px 18px;display:grid}.access-note{color:#775314;background:#fff7e6;border-radius:8px;margin:0 18px;padding:8px 10px;font-size:12px;font-weight:740}.site-admin-locked{color:var(--teal-dark);background:#f2f8f6;border:1px solid #d7e8e3;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 18px 18px;padding:12px;display:grid}.archive-name-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;padding:0 18px 12px;display:grid}.archive-name-form label{color:var(--muted);gap:7px;font-size:13px;font-weight:700;display:grid}.member-row{border-bottom:1px solid var(--soft);justify-content:space-between;gap:12px;min-width:0;padding:10px 0}.member-row:last-child{border-bottom:0}.member-name,.member-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.member-name{font-weight:760}.member-email{color:var(--muted);font-size:12px}.access-pills{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:6px;display:flex}.member-row-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:8px;display:flex}.access-state-button{gap:6px;min-width:92px}.role-pill{background:var(--soft);min-height:24px;color:var(--muted);text-transform:capitalize;border-radius:8px;flex:none;padding:4px 8px;font-size:12px;font-weight:760}.role-pill.admin{color:var(--teal);background:#e9f7f1}.role-pill.pending{color:#775314;background:#fff7e6}.role-pill.disabled{color:var(--coral);background:#fff1ee}.invite-form{gap:10px;padding:0 18px 18px;display:grid}.invite-form label{color:var(--muted);gap:7px;font-size:13px;font-weight:700;display:grid}.invite-result{color:var(--teal-dark);overflow-wrap:anywhere;background:#f2f7f5;border:1px solid #c6ded4;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:700}.collection-form{gap:10px;padding:14px 18px;display:grid}.selection-summary{border:1px dashed var(--line);min-height:32px;color:var(--muted);border-radius:8px;flex-wrap:wrap;gap:6px;padding:8px;font-size:12px;display:flex}.selection-summary span{background:var(--soft);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;max-width:100%;padding:4px 7px;overflow:hidden}.collection-list{gap:8px;padding:0 18px 18px;display:grid}.collection-row{border-bottom:1px solid var(--soft);gap:9px;padding:10px 0;display:grid}.collection-row:last-child{border-bottom:0}.collection-row-head,.collection-share-form{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.collection-share-form input{min-height:34px;font-size:13px}.collection-result{margin:0 18px 18px}.export-controls{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px 18px;display:grid}.export-list{gap:8px;padding:0 18px 18px;display:grid}.export-row{border-bottom:1px solid var(--soft);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;display:grid}.export-row:last-child{border-bottom:0}.export-error{padding:0 18px 18px}.library-panel{min-width:0}.library-heading{z-index:3;background:#fff;position:sticky;top:71px}.filters{gap:12px;padding:16px 18px 0;display:grid}.search-box{color:var(--muted);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.search-box input{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;padding-inline:2px}.tag-strip{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.facet-groups{gap:10px;display:grid}.facet-group{gap:6px;display:grid}.facet-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:760}.chip{border-color:var(--line);min-height:34px;color:var(--muted);background:#fff;flex:none;padding-inline:12px;font-size:13px}.chip.selected{color:var(--teal-dark);background:#e4f1ee;border-color:#9ec7be}.chip-count{background:var(--soft);min-width:20px;height:20px;color:var(--muted);border-radius:999px;place-items:center;padding-inline:5px;font-size:11px;display:inline-grid}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;padding:18px;display:grid}.asset-card{overflow:hidden}.asset-card.compact-public-card{background:0 0;border:0;position:relative}.compact-public-card .asset-thumb{border-radius:8px;height:100%;min-height:190px;overflow:hidden}.book-public-card .asset-thumb{aspect-ratio:3/4;background:linear-gradient(145deg,#17766f33,#e0b45d33),#eaf1ee}.book-public-card .asset-thumb img{object-fit:contain;background:#f5f7f3}.public-card-actions{z-index:2;align-items:center;gap:8px;display:flex;position:absolute;bottom:10px;right:10px}.public-card-actions .asset-action{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0918169e;border-color:#ffffff47}.public-card-actions .asset-action:hover:not(:disabled){color:#fff;background:#17766fdb}@media (hover:hover) and (pointer:fine){.compact-public-card .public-card-actions{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .16s,transform .16s;transform:translateY(4px)}.compact-public-card:hover .public-card-actions,.compact-public-card:focus-within .public-card-actions{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}}.asset-card.selected{border-color:#8dbdb3;box-shadow:0 0 0 2px #17766f1f}.asset-thumb{aspect-ratio:4/3;color:var(--teal-dark);background:linear-gradient(145deg,#17766f2e,#b27a182e),#eef3ef;place-items:center;font-size:46px;font-weight:860;display:grid;position:relative}.thumb-button{cursor:pointer;width:100%;font:inherit;border:0;padding:0}.thumb-button:disabled{cursor:default}.asset-thumb.has-image{background:#111716}.asset-thumb img{object-fit:cover;width:100%;height:100%;display:block}.asset-select{z-index:1;opacity:0;pointer-events:none;background:#ffffffeb;width:34px;min-height:34px;transition:opacity .14s,transform .14s,background-color .14s,border-color .14s,color .14s;position:absolute;top:10px;left:10px;transform:translateY(-2px)}.asset-select.selected{background:var(--teal);border-color:var(--teal);color:#fff;opacity:1;pointer-events:auto;transform:translateY(0)}.asset-thumb:hover .asset-select,.asset-thumb:focus-within .asset-select,.asset-select:focus-visible{opacity:1;pointer-events:auto;transform:translateY(0)}@media (hover:none){.browse-select,.browse-info,.asset-select{opacity:1;pointer-events:auto;transform:none}}.asset-body{gap:8px;padding:12px;display:grid}.asset-meta{gap:7px}.asset-tags{flex-wrap:wrap;gap:6px;min-height:22px;display:flex}.asset-tags span{background:var(--soft);max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;padding:3px 7px;font-size:12px;overflow:hidden}.tag-editor{grid-template-columns:minmax(0,1fr) 34px 34px;align-items:center;gap:7px;display:grid}.tag-editor.autosave-pending{row-gap:5px}.tag-editor input{min-height:34px;font-size:13px}.tag-autosave-feedback{--autosave-progress:0;min-height:18px;color:var(--muted);letter-spacing:0;visibility:hidden;opacity:0;grid-column:1/-1;gap:5px;font-size:11px;font-weight:750;transition:opacity .12s;display:grid}.tag-autosave-feedback.visible{visibility:visible;opacity:1}.autosave-cooldown-bar{background:#1581761f;border-radius:999px;height:3px;position:relative;overflow:hidden}.autosave-cooldown-bar:after{content:"";width:calc(var(--autosave-progress) * 100%);border-radius:inherit;background:var(--teal);transition:width 80ms linear;position:absolute;inset:0}.asset-footer{justify-content:space-between;align-items:center;gap:10px;min-height:34px;display:flex}.asset-actions{align-items:center;gap:7px;display:flex}.asset-action-divider{background:var(--line);align-self:stretch;width:1px;min-height:28px;margin-inline:3px}.quiet-management-action{border-color:color-mix(in srgb, var(--line) 74%, var(--muted));background:color-mix(in srgb, var(--control-soft) 82%, white);color:color-mix(in srgb, var(--muted) 82%, var(--ink))}.quiet-management-action:hover:not(:disabled),.quiet-management-action:focus-visible,.quiet-management-action.armed{background:color-mix(in srgb, var(--control) 78%, var(--soft-strong));color:var(--ink)}.quiet-management-action.danger:hover:not(:disabled),.quiet-management-action.danger:focus-visible,.quiet-management-action.danger.armed{color:var(--coral);background:#fff1ee;border-color:#c54b3c6b}.preview-backdrop{z-index:20;overscroll-behavior:contain;background:#141817c7;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.preview-modal{background:#fff;border-radius:8px;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"header""stage";width:min(1180px,100vw - 48px);height:min(860px,100vh - 48px);max-height:calc(100vh - 48px);display:grid;overflow:hidden;box-shadow:0 24px 80px #00000059}.preview-modal.book-preview-modal{height:min(980px,100vh - 32px);max-height:calc(100vh - 32px)}.preview-modal.book-preview-modal.book-cover-preview.with-filmstrip.filmstrip-open{grid-template-rows:auto minmax(0,1fr) 104px}.preview-modal.book-preview-modal.book-cover-preview.managed.with-filmstrip.filmstrip-open{grid-template-rows:auto minmax(0,1fr) 104px auto}.preview-modal.managed{grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"header""stage""manage"}.preview-modal.with-filmstrip{grid-template-rows:auto minmax(0,1fr);grid-template-areas:"header""stage"}.preview-modal.with-filmstrip.filmstrip-open{grid-template-rows:auto minmax(0,1fr) 116px;grid-template-areas:"header""stage""filmstrip"}.preview-modal.managed.with-filmstrip{grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"header""stage""manage"}.preview-modal.managed.with-filmstrip.filmstrip-open{grid-template-rows:auto minmax(0,1fr) 116px auto;grid-template-areas:"header""stage""filmstrip""manage"}:is(.preview-backdrop.fullscreen-active,.preview-backdrop:fullscreen){background:#111716;padding:0}:is(.preview-backdrop.fullscreen-active>.preview-modal,.preview-backdrop:fullscreen>.preview-modal){width:100vw;height:100vh;max-height:none;box-shadow:none;border-radius:0}.preview-modal.fullscreen-active.book-preview-modal{background:var(--stage)}.preview-modal.fullscreen-active.book-preview-modal.managed,.preview-modal.fullscreen-active.book-preview-modal.managed.with-filmstrip,.preview-modal.fullscreen-active.book-preview-modal.managed.with-filmstrip.filmstrip-open{grid-template-rows:auto minmax(0,1fr);grid-template-areas:"header""stage"}.preview-modal.fullscreen-active.book-preview-modal .preview-header{background:color-mix(in srgb, var(--panel) 92%, transparent);min-height:54px;padding-block:8px}.preview-modal.fullscreen-active.book-preview-modal .preview-manage,.preview-modal.fullscreen-active.book-preview-modal .preview-header .asset-meta{display:none}.preview-modal.fullscreen-active.book-preview-modal .preview-header .asset-title{white-space:nowrap;text-overflow:ellipsis;max-width:min(62vw,980px);overflow:hidden}.preview-header{border-bottom:1px solid var(--line);grid-area:header;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.preview-modal.book-preview-modal .preview-header{grid-template-columns:minmax(160px,1fr) minmax(0,auto) auto;align-items:center;gap:10px;padding-block:8px;display:grid}.preview-modal.book-preview-modal .preview-header>div:first-child{min-width:0}.book-header-reader-controls{justify-content:flex-end;align-items:center;min-width:0;display:flex}.book-header-reader-controls:empty{display:none}.book-header-reader-controls .book-reader-toolbar-stack{align-items:flex-end;width:min(54vw,740px);max-width:min(54vw,740px);position:relative}.book-header-reader-controls .book-reader-toolbar{max-width:100%;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;flex-wrap:nowrap;justify-content:flex-end;padding:0}.book-header-reader-controls .book-reader-toolbar-stack.options-open{width:min(54vw,740px);max-width:min(54vw,740px)}.book-header-reader-controls .book-reader-primary-controls{flex:none}.book-header-reader-controls .book-reader-options-panel{justify-content:flex-end;width:max-content;max-width:min(70vw,640px);position:absolute;top:calc(100% + 8px);right:0}.preview-stage{background:var(--stage);overscroll-behavior:contain;grid-area:stage;place-items:center;min-width:0;min-height:260px;display:grid;position:relative;overflow:hidden}.preview-media-frame{z-index:0;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:absolute;inset:0}.preview-media-frame.pending-swap{visibility:hidden}.preview-media-frame>img,.preview-media-frame>video,.preview-media-frame>iframe,.preview-media-frame>.book-reader{opacity:1;width:100%;height:100%;transition:opacity .14s;display:block}.preview-media-frame>img,.preview-media-frame>video{object-fit:contain;object-position:center}.preview-media-frame>iframe{background:#fff;border:0}.preview-media-frame.pending-swap>img,.preview-media-frame.pending-swap>video,.preview-media-frame.pending-swap>iframe,.preview-media-frame.pending-swap>.book-reader,.preview-media-frame.pending-swap>.audio-preview{opacity:0;transition:none}.book-reader{width:100%;height:100%;color:var(--stage-ink);perspective:1400px;place-items:center;padding:clamp(6px,1.2vh,16px) clamp(18px,4vw,54px) clamp(10px,1.8vh,24px);display:grid;position:relative}.preview-modal.book-preview-modal .preview-stage{min-height:0}.preview-modal.book-preview-modal.book-cover-preview .preview-stage{background:radial-gradient(circle at 50% 52%, #ffffff8a, transparent 34%), radial-gradient(circle at 50% 82%, #e0b45d1f, transparent 34%), var(--stage)}.book-reader.page-mode{background:0 0;grid-template-rows:auto minmax(0,1fr);place-items:stretch center;gap:8px;position:relative}.book-reader.header-controls{padding-top:0}.book-reader.header-controls.page-mode{grid-template-rows:auto minmax(0,1fr);gap:4px}.book-reader-toolbar-spacer{pointer-events:none;width:100%;height:0;min-height:0}.book-reader.chrome-idle .book-reader-toolbar-stack,.book-reader.chrome-idle .book-page-nav,.book-reader.chrome-idle .book-page-turn-zone{opacity:0;pointer-events:none}.book-reader.page-mode>*{justify-self:center}.book-reader-toolbar-stack{z-index:3;flex-direction:column;justify-content:center;justify-self:center;align-items:center;gap:7px;width:auto;max-width:min(100%,960px);transition:opacity .18s,transform .18s;display:flex}.book-reader-toolbar-stack.options-open{width:min(100%,960px)}.book-reader-toolbar{border:1px solid var(--stage-line);background:color-mix(in srgb, var(--stage-control) 82%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;flex-wrap:nowrap;justify-content:center;align-items:center;gap:9px;width:auto;max-width:100%;padding:5px 8px;display:flex;box-shadow:0 12px 34px #0000002e}.book-reader-toolbar-stack.options-open .book-reader-toolbar{border-radius:18px}.book-reader-primary-controls,.book-reader-options-panel{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:inline-flex}.book-reader-options-panel{border:1px solid var(--stage-line);background:color-mix(in srgb, var(--stage-control) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;padding:7px 9px;box-shadow:0 12px 34px #00000029}.book-reader.chrome-idle .book-reader-toolbar-stack{transform:translateY(-6px)}.book-mode-switch{border:1px solid var(--stage-line);background:#ffffff14;border-radius:999px;align-items:center;gap:3px;padding:2px;display:inline-flex}.book-mode-button{min-height:26px;color:var(--stage-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 10px;font-size:12px;font-weight:900}.book-mode-button:hover,.book-mode-button:focus-visible{color:var(--stage-ink);outline:none}.book-mode-button.active{background:var(--stage-control-hover);color:#fff;box-shadow:0 8px 24px #0000002e}.book-background-controls,.book-scale-controls,.book-speech-controls{align-items:center;gap:6px;display:inline-flex}.book-background-swatch{background:var(--swatch-color);cursor:pointer;border:2px solid #ffffff5c;border-radius:999px;width:24px;height:24px;box-shadow:inset 0 0 0 1px #05100f3d}.book-background-swatch.active{border-color:var(--stage-ink);box-shadow:0 0 0 2px #ffffff38,inset 0 0 0 1px #05100f3d}.book-reader-control{border:1px solid var(--stage-line);background:var(--stage-control);min-height:30px;color:var(--stage-ink);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:0 9px;font-weight:900;display:inline-flex}.book-reader-control:disabled{opacity:.38;cursor:default}.book-reader-control:hover:not(:disabled),.book-reader-control:focus-visible{background:var(--stage-control-hover);color:#fff;outline:none}.book-reader-control.active{color:#fff;background:#1f8f86;border-color:#ffffff3d}.book-reader-control.book-read-control{justify-content:center;width:34px;min-width:34px;padding:0}.book-reader-control.book-read-control svg{flex:none}.book-scale-value{min-width:46px;color:var(--stage-ink);text-align:center;font-size:12px;font-weight:900}.book-speech-status{max-width:180px;color:var(--stage-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:850;overflow:hidden}.book-speech-status.error{color:#f3a199}.book-cover-button{width:min(560px,92%);color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;justify-items:center;gap:0;padding:0;display:grid;position:relative}.preview-modal.book-preview-modal.book-cover-preview .book-reader.cover-mode{padding-block:clamp(28px,5vh,64px) clamp(12px,2vh,28px);padding-inline:clamp(38px,7vw,110px)}.preview-modal.book-preview-modal.book-cover-preview .book-cover-button{transform:translateY(clamp(10px,3vh,36px))}.book-cover{aspect-ratio:7/9;border:1px solid var(--stage-line);background:linear-gradient(120deg, #fff3, transparent 38%), linear-gradient(145deg, #17766f52, #e0b45d3d), var(--stage-control);width:clamp(330px,min(34vw,45vh),500px);max-width:100%;color:var(--stage-ink);transform-origin:0;border-radius:8px 14px 14px 8px;place-items:center;transition:transform .22s,box-shadow .22s;display:grid;position:relative;overflow:hidden;transform:rotateY(-10deg)rotate(-1deg);box-shadow:0 30px 70px #00000061,inset 18px 0 24px #00000029}.book-cover-button:hover .book-cover,.book-cover-button:focus-visible .book-cover{transform:rotateY(-18deg)rotate(-1deg)translate(8px);box-shadow:0 34px 82px #0000006b,inset 18px 0 24px #00000024}.book-cover:not(.generated-cover).has-image img{object-fit:contain;background:#f9fbf8;width:100%;height:100%;display:block}.book-cover.rendered-cover{isolation:isolate;background:linear-gradient(90deg,#00000057,#ffffff14 12%,#0000 24%),linear-gradient(145deg,#17766f47,#e0b45d26),#eee8d938;padding:clamp(12px,3.2%,18px) clamp(12px,3.4%,20px) clamp(14px,3.6%,22px) clamp(30px,8%,44px);box-shadow:0 34px 82px #00000070,inset 24px 0 34px #00000038,inset -10px 0 24px #ffffff14}.book-cover.rendered-cover:before{content:"";z-index:1;pointer-events:none;border:1px solid #ffffff38;border-radius:6px 12px 12px 6px;position:absolute;inset:3.5%;box-shadow:inset 22px 0 26px #00000029,inset -8px 0 18px #ffffff24}.book-cover.rendered-cover:after{content:"";z-index:5;mix-blend-mode:soft-light;pointer-events:none;background:linear-gradient(110deg,#ffffff47,#0000 18% 64%,#ffffff1a),linear-gradient(90deg,#0003,#0000 12% 94%,#0000002e);position:absolute;inset:0}.book-cover-page-wrap{z-index:3;background:#fbfaf5;border-radius:4px 9px 9px 4px;place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 46px #00000038,0 0 0 1px #ffffff61,inset 10px 0 18px #0000000f}.book-cover.rendered-cover .book-cover-page-image{object-fit:contain;background:#fbfaf5;width:100%;height:100%;display:block}.book-cover.rendered-cover .book-cover-spine{z-index:4;background:linear-gradient(90deg,#00000085,#ffffff1f,#0000),repeating-linear-gradient(#ffffff0a 0 1px,#0000 1px 13px);width:clamp(28px,8%,42px)}.book-cover-page-shadow{z-index:4;opacity:.72;pointer-events:none;background:linear-gradient(90deg,#0000,#00000029 55%,#ffffff80);border-radius:0 10px 10px 0;width:22px;position:absolute;inset:clamp(12px,3.2%,18px) clamp(12px,3.4%,20px) clamp(14px,3.6%,22px) auto}.book-cover-page-count{z-index:6;color:#fff8e7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#101f1db8;border:1px solid #ffffff2e;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:850;position:absolute;bottom:clamp(16px,5.5%,30px);left:clamp(42px,11%,62px);box-shadow:0 8px 24px #0000002e}.book-cover.generated-cover{isolation:isolate;color:#fff7e4;background:radial-gradient(circle at 85% 14%,#ffd2503d,#0000 27%),radial-gradient(circle at 4% 88%,#31cea033,#0000 30%),linear-gradient(135deg,#102d28 0%,#0c1918 58%,#0a0e0f 100%);box-shadow:0 34px 82px #00000070,inset 22px 0 30px #0000005c,inset 0 0 0 1px #ffffff1f}.book-cover.generated-cover:before{content:"";z-index:1;pointer-events:none;border:1px solid #f6db8e57;border-radius:5px 10px 10px 5px;position:absolute;inset:5%;box-shadow:inset 0 0 0 1px #ffffff0a,inset 18px 0 22px #ffffff0a}.book-cover.generated-cover:after{content:"";z-index:2;mix-blend-mode:screen;pointer-events:none;background:linear-gradient(110deg,#ffffff42,#0000 18% 60%,#ffffff14),repeating-linear-gradient(#ffffff09 0 1px,#0000 1px 8px);position:absolute;inset:0}.book-cover-base{z-index:0;background:linear-gradient(90deg,#0000006b,#0000 18%),linear-gradient(160deg,#3ac89b1f,#f4be501a);position:absolute;inset:0}.book-cover-source-image{z-index:0;object-fit:cover;opacity:.16;filter:grayscale()sepia(.2)contrast(1.12);mix-blend-mode:screen;border-radius:6px;width:82%;height:51%;position:absolute;top:11%;left:10%}.book-cover-watermark{z-index:1;color:#f6db8e2e;position:absolute;bottom:12%;right:12%}.book-cover-brand{z-index:4;color:#84efd7e0;letter-spacing:.18em;text-transform:uppercase;font-size:clamp(10px,1.2vw,13px);font-weight:950;position:absolute;top:clamp(18px,5%,30px);left:clamp(42px,11%,62px)}.book-cover-spine{z-index:2;pointer-events:none;background:linear-gradient(90deg,#00000047,#ffffff14,#0000);width:26px;position:absolute;inset:0 auto 0 0}.book-cover.generated-cover .book-cover-spine{background:linear-gradient(90deg,#00000094,#ffffff14,#0000),repeating-linear-gradient(#ffffff0a 0 1px,#0000 1px 13px);width:clamp(30px,9%,46px)}.book-cover-title{z-index:3;background:color-mix(in srgb, var(--stage-control) 78%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;border-radius:7px;gap:4px;padding:14px;display:grid;position:absolute;bottom:18px;left:22px;right:18px}.book-cover.generated-cover .book-cover-title{z-index:4;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;gap:10px;padding:0;inset:24% clamp(24px,7%,42px) auto clamp(42px,11%,62px)}.book-cover-title strong{text-overflow:ellipsis;font-size:clamp(20px,3vw,34px);font-weight:900;line-height:1.02;overflow:hidden}.book-cover.generated-cover .book-cover-title strong{-webkit-line-clamp:4;color:#fff9e9;text-shadow:0 3px 16px #00000052;-webkit-box-orient:vertical;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,4.2vw,50px);line-height:.98;display:-webkit-box}.book-cover-title span{color:var(--stage-muted);font-size:13px;font-weight:800}.book-cover.generated-cover .book-cover-title span{color:#f6db8eeb;text-transform:uppercase;letter-spacing:.08em;font-size:clamp(13px,1.4vw,16px)}.book-cover-rule{z-index:4;background:linear-gradient(90deg,#f0c15c,#f0c15c38);border-radius:999px;height:2px;position:absolute;bottom:22%;left:clamp(42px,11%,62px);right:clamp(28px,8%,48px)}.book-cover-edition{z-index:4;color:#fff9e9b8;font-size:clamp(11px,1.2vw,14px);font-style:italic;position:absolute;bottom:clamp(20px,7%,42px);left:clamp(42px,11%,62px);right:clamp(24px,7%,42px)}.book-open-cta{z-index:8;border:1px solid var(--stage-line);background:var(--stage-control);color:var(--stage-ink);opacity:0;pointer-events:none;border-radius:999px;align-items:center;gap:8px;padding:10px 15px;font-weight:900;transition:opacity .18s,transform .18s,background .18s;display:inline-flex;position:absolute;bottom:clamp(24px,9%,48px);left:50%;transform:translate(-50%,10px);box-shadow:0 12px 34px #0003}.book-cover-button:hover .book-open-cta,.book-cover-button:focus-visible .book-open-cta,.book-cover-button:focus-within .book-open-cta{opacity:1;transform:translate(-50%)}@media (hover:none){.book-open-cta{opacity:1;transform:translate(-50%)}}.book-page-shell{isolation:isolate;perspective:1800px;grid-template-columns:auto minmax(0,1fr) auto;justify-self:center;align-items:center;gap:14px;width:min(100%,960px);height:min(100%,1000px);min-height:0;max-height:100%;display:grid;position:relative}.book-page-shell.spread-open{width:min(100%,1320px)}.book-page-shell:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 0,#ffffff2e,#0000 30%),linear-gradient(90deg,#050d0c57,#ffffff14 10% 90%,#050d0c52),linear-gradient(135deg,#24514c6b,#e0b45d2e);border:1px solid #ffffff2e;border-radius:14px;position:absolute;inset:clamp(8px,1.4vh,18px) clamp(46px,6vw,72px);transform:rotateX(1.1deg);box-shadow:0 28px 80px #00000057,inset 0 1px #ffffff29,inset 18px 0 36px #0000002e,inset -18px 0 36px #00000024}.book-page-shell.spread-open:before{background:radial-gradient(circle at 50% 0,#fff3,#0000 30%),linear-gradient(90deg,#050d0c57,#ffffff14 7% 48%,#0000002e 50%,#ffffff14 52% 93%,#050d0c52),linear-gradient(135deg,#24514c6b,#e0b45d2e);inset:clamp(8px,1.4vh,18px) clamp(38px,4vw,66px)}.book-page-shell>*{z-index:1;position:relative}.book-page-center{isolation:isolate;width:100%;height:100%;min-height:0;display:grid;position:relative}.book-page-center>.book-page-surface,.book-page-center>.book-page-spread{z-index:2;grid-area:1/1}.book-page-spread{isolation:isolate;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:0;width:100%;height:100%;min-height:0;display:grid}.book-page-spread .book-page-surface{border-radius:0;width:100%;min-width:0;height:100%;box-shadow:0 24px 74px #0000003d,inset 22px 0 34px #030a091a,inset -22px 0 34px #030a091a,inset 0 1px #fff3}.book-page-spread .book-page-side-left{border-right-color:color-mix(in srgb, var(--stage-line) 58%, #00000038);border-radius:11px 0 0 11px}.book-page-spread .book-page-side-right{border-left:0;border-radius:0 11px 11px 0}.book-page-spread .book-page-side-left:after{background:linear-gradient(90deg,#0000,#030a0933),repeating-linear-gradient(#141c1a1a 0 1px,#0000 1px 5px);border-left:1px solid #030a091f;border-radius:0;width:clamp(18px,2.4vw,34px);right:0}.book-page-spread .book-page-side-right:before{background:linear-gradient(90deg,#030a0933,#0000),linear-gradient(#ffffff1f,#0000 28%,#0000001a);border-radius:0;width:clamp(18px,2.4vw,34px);left:0}.book-page-drag-preview{z-index:1;pointer-events:none;opacity:.88;filter:saturate(.92)brightness(.98);display:grid;position:absolute;inset:0;transform:scale(.988)}.book-page-drag-preview-content{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--stage-line) 76%, #ffffff38);background:linear-gradient(90deg,#030a0924,#0000 9% 91%,#030a091f),linear-gradient(#fff3,#0000 18%),#eee8d92e;border-radius:11px;place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 46px #0000003d,inset 18px 0 32px #030a091f,inset -14px 0 28px #030a0914}.book-page-drag-preview-content.image-mode{padding:clamp(10px,2vw,24px)}.book-page-drag-preview-content.image-mode img{object-fit:contain;background:#fff;border-radius:6px;width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:0 14px 44px #050d0c24}.book-page-drag-preview-content.cover-page-mode{padding:clamp(18px,3vw,42px)}.book-page-drag-preview-content.cover-page-mode .book-cover{width:min(72%,clamp(320px,44vh,520px));max-height:100%;transform:rotateY(-8deg)rotate(-.6deg)}.book-page-drag-preview-content.text-mode{align-content:stretch;justify-items:center;padding:clamp(14px,2.4vw,28px)}.book-page-drag-preview-content.text-mode .book-text-paper{width:min(100%,820px);height:100%;min-height:100%;overflow:hidden;transform:none;box-shadow:0 12px 34px #050d0c29,inset 0 0 0 1px #ffffff57,inset 14px 0 24px #00000009}.book-page-drag-preview-placeholder{min-height:100%;color:color-mix(in srgb, currentColor 46%, transparent);font-family:var(--font-sans);letter-spacing:0;place-items:center;font-size:.78em;font-weight:850;display:grid}.book-reader.fullscreen-mode{grid-template-rows:auto minmax(0,1fr);place-items:stretch center;gap:10px;padding:clamp(12px,2vh,22px) clamp(58px,6vw,132px)}.book-reader.fullscreen-mode .book-reader-toolbar-stack{width:min(100%,1120px)}.book-reader.fullscreen-mode .book-page-shell{grid-template-columns:54px minmax(0,1fr) 54px;gap:18px;width:min(100%,1120px);height:100%}.book-reader.fullscreen-mode .book-page-shell.spread-open{width:min(100%,1560px)}.book-reader.fullscreen-mode .book-page-surface{align-content:start}.book-reader.fullscreen-mode .book-text-paper{width:min(100%,880px);min-height:100%;padding:clamp(30px,4vh,68px) clamp(34px,5vw,76px)}.book-page-surface{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--stage-line) 76%, #ffffff38);cursor:default;touch-action:pan-y;width:100%;height:100%;min-height:0;transform-style:preserve-3d;transform-origin:50%;background:linear-gradient(90deg,#030a0938,#0000 9% 91%,#030a092e),linear-gradient(#ffffff3d,#0000 18%),#eee8d92e;border-radius:11px;align-content:start;justify-items:center;display:grid;position:relative;overflow:auto;transform:translate(0,0)rotateY(0)rotate(0)scale(1);box-shadow:0 24px 74px #0000005c,inset 28px 0 42px #030a0929,inset -20px 0 34px #030a091a,inset 0 1px #fff3}.book-page-surface.dragging,.book-page-surface.settling{cursor:grabbing;-webkit-user-select:none;user-select:none;transform:translate3d(var(--book-page-drag-x,0), var(--book-page-drag-y,0), 0) rotateY(var(--book-page-drag-rotate,0deg)) rotateZ(var(--book-page-drag-tilt,0deg)) scale(var(--book-page-drag-scale,1));will-change:transform;box-shadow:0 30px 86px #0000006b,inset 28px 0 42px #030a0929,inset -20px 0 34px #030a091a,inset 0 1px #fff3}.book-page-surface.dragging{transition:none}.book-page-surface.settling{transition:transform var(--book-page-settle-ms,.21s) cubic-bezier(.2, .72, .24, 1), box-shadow var(--book-page-settle-ms,.21s) ease}.book-page-surface.drag-forward{transform-origin:0}.book-page-surface.drag-back{transform-origin:100%}.book-page-surface.drag-blocked{filter:saturate(.96)}.book-page-surface:before,.book-page-surface:after{content:"";z-index:1;pointer-events:none;position:absolute;top:0;bottom:0}.book-page-surface:before{background:linear-gradient(90deg,#0000003d,#ffffff1f 40%,#0000),linear-gradient(#ffffff1f,#0000 28%,#0000001a);border-radius:10px 0 0 10px;width:clamp(18px,3vw,42px);left:0}.book-page-surface:after{opacity:.72;background:repeating-linear-gradient(#141c1a29 0 1px,#0000 1px 5px),linear-gradient(90deg,#0000,#ffffff29);border-left:1px solid #ffffff24;border-radius:0 10px 10px 0;width:clamp(10px,1.4vw,18px);right:0}.book-page-surface:disabled{cursor:default}.book-page-surface img{z-index:2;object-fit:contain;background:#fff;border-radius:6px;width:100%;min-width:0;max-width:100%;height:auto;display:block;position:relative;box-shadow:0 14px 44px #050d0c2e,0 0 0 1px #ffffff2e}.book-page-surface.image-mode{align-content:center;justify-items:center;padding:clamp(10px,2vw,24px);overflow:hidden}.book-page-surface.image-mode img{width:auto;max-width:100%;height:auto;max-height:100%}.book-page-surface.cover-page-mode{align-content:center;justify-items:center;padding:clamp(18px,3vw,42px);overflow:hidden}.book-page-surface.blank-mode{padding:clamp(14px,2.4vw,28px);overflow:hidden}.book-page-surface.blank-mode .book-text-paper{opacity:.46;width:min(100%,820px);height:100%;min-height:100%}.book-page-surface.cover-page-mode:before,.book-page-surface.cover-page-mode:after{display:none}.book-reader-cover-page{z-index:2;place-items:center;width:100%;height:100%;min-height:0;display:grid;position:relative}.book-reader-cover-page .book-cover{width:min(72%,clamp(320px,44vh,520px));max-height:100%;transform:rotateY(-8deg)rotate(-.6deg)}.book-scroll-cover-page{place-items:center;min-height:min(82dvh,820px);display:grid}.book-scroll-cover-page .book-cover{width:min(78vw,460px);transform:rotateY(-7deg)rotate(-.6deg)}.book-page-surface.text-mode{scrollbar-gutter:stable;scrollbar-color:color-mix(in srgb, var(--stage-ink) 30%, transparent) transparent;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;grid-template-rows:minmax(0,1fr);align-content:start;place-items:stretch center;padding:clamp(14px,2.4vw,28px);overflow:hidden}.book-page-surface.text-mode:before,.book-page-surface.text-mode:after{display:none}.book-page-surface.text-mode::-webkit-scrollbar{width:10px}.book-page-surface.text-mode::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--stage-ink) 22%, transparent);border-radius:999px}.book-page-surface.text-mode::-webkit-scrollbar-track{background:0 0}.book-page-surface.text-mode .book-text-paper{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;width:min(100%,820px);height:100%;min-height:0;overflow:auto}.book-page-turn-zone{z-index:3;cursor:pointer;opacity:0;background:0 0;border:0;width:min(24%,180px);transition:opacity .18s,background .18s;position:absolute;top:0;bottom:0}.book-page-turn-zone.previous{left:0}.book-page-turn-zone.next{right:0}.book-page-surface.text-mode .book-page-turn-zone{width:min(12%,88px)}.book-page-turn-zone:not(:disabled):hover,.book-page-turn-zone:not(:disabled):focus-visible{opacity:1;outline:none}.book-page-turn-zone.previous:not(:disabled):hover,.book-page-turn-zone.previous:not(:disabled):focus-visible{background:linear-gradient(90deg,#2aa59c2e,#0000)}.book-page-turn-zone.next:not(:disabled):hover,.book-page-turn-zone.next:not(:disabled):focus-visible{background:linear-gradient(270deg,#2aa59c2e,#0000)}.book-page-turn-zone:disabled{cursor:default}.book-text-paper{z-index:2;box-sizing:border-box;background:linear-gradient(90deg, #0000000b, transparent 9%, transparent 92%, #00000009), linear-gradient(180deg, #ffffff47, transparent 24%), var(--book-paper-background,#f7f1df);color:#15201e;width:min(100%,820px);height:auto;min-height:100%;font-size:var(--book-text-size,20px);text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #0d1d1b24;border-radius:7px 10px 10px 7px;place-self:start center;padding:clamp(22px,4vw,58px);line-height:1.65;position:relative;box-shadow:0 20px 54px #050d0c38,inset 0 0 0 1px #ffffff5c,inset 14px 0 24px #00000009}.book-text-content{display:block}.book-chapter-content{white-space:normal;overflow-wrap:normal;width:min(100%,680px);margin:0 auto;padding-block:clamp(10px,3vh,34px)}.book-chapter-kicker{color:color-mix(in srgb, currentColor 48%, transparent);letter-spacing:.16em;text-align:center;text-transform:uppercase;margin:0 0 clamp(10px,2vh,18px);font-size:.68em;font-weight:800;line-height:1.25}.book-chapter-content h2{color:color-mix(in srgb, currentColor 92%, transparent);font-family:Georgia,Times New Roman,serif;font-size:clamp(28px, calc(var(--book-text-size,20px) * 1.82), 50px);letter-spacing:0;text-align:center;text-wrap:balance;margin:0 auto;font-weight:700;line-height:1.12}.book-chapter-body{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:clamp(22px,4vh,44px);line-height:1.7;display:block}.book-toc-content{width:min(100%,640px);font-size:clamp(14px, calc(var(--book-text-size,20px) * .76), 17px);white-space:normal;overflow-wrap:normal;margin:0 auto;padding-block:clamp(4px,1.2vh,14px)}.book-toc-content h2{color:color-mix(in srgb, currentColor 86%, transparent);font-family:Georgia,Times New Roman,serif;font-size:clamp(24px, calc(var(--book-text-size,20px) * 1.45), 34px);letter-spacing:0;text-align:center;margin:0 0 clamp(16px,3vh,28px);font-weight:700;line-height:1.08}.book-toc-list{gap:clamp(5px,.72vh,9px);display:grid}.book-toc-row{appearance:none;width:100%;color:color-mix(in srgb, currentColor 92%, transparent);font-family:Georgia,Times New Roman,serif;font-size:1em;font-weight:inherit;text-align:left;background:0 0;border:0;grid-template-columns:minmax(0,auto) minmax(28px,1fr) auto;align-items:end;gap:10px;padding:0;line-height:1.26;display:grid}.book-toc-row.clickable{cursor:pointer}.book-toc-row.clickable:hover,.book-toc-row.clickable:focus-visible{color:color-mix(in srgb, #0f8179 72%, currentColor);outline:none}.book-toc-row.clickable:hover .book-toc-leader,.book-toc-row.clickable:focus-visible .book-toc-leader{border-bottom-color:#0f817994}.book-toc-title{overflow-wrap:break-word;min-width:0}.book-toc-leader{border-bottom:1px dotted color-mix(in srgb, currentColor 38%, transparent);min-width:28px;height:.78em;transform:translateY(-.2em)}.book-toc-page{text-align:right;font-variant-numeric:tabular-nums;min-width:2.2ch}.book-toc-notes{color:color-mix(in srgb, currentColor 68%, transparent);text-align:center;margin-top:clamp(18px,4vh,34px);font-size:.78em;line-height:1.45}.book-toc-notes p{margin:0 0 .55em}.book-text-paper:before{content:"";pointer-events:none;border:1px solid #1a2f2b1f;border-radius:5px;position:absolute;inset:clamp(12px,2vw,22px)}.book-text-paper:after{content:"";pointer-events:none;background:linear-gradient(#0000,#1a2f2b24,#0000);width:1px;position:absolute;top:clamp(18px,3vw,36px);bottom:clamp(18px,3vw,36px);left:clamp(18px,3vw,34px)}.book-text-paper.dark{color:#eef7f3;border-color:#ffffff1f}.book-page-loading{z-index:4;color:#fff;background:#11171638;place-items:center;display:grid;position:absolute;inset:0}.book-page-nav{border:1px solid var(--stage-line);background:var(--stage-control);width:42px;height:64px;color:var(--stage-ink);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;place-items:center;transition:opacity .18s,background .18s,color .18s;display:grid}.book-page-nav:hover:not(:disabled),.book-page-nav:focus-visible{background:var(--stage-control-hover);color:#fff;outline:none}.book-page-nav:disabled{opacity:.28;cursor:default}.book-page-corner-number{z-index:4;color:color-mix(in srgb, currentColor 38%, transparent);letter-spacing:0;pointer-events:none;text-shadow:0 1px 10px #ffffff52;background:0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(11px,.68em,14px);font-weight:600;line-height:1;position:absolute;bottom:clamp(16px,3vw,34px);right:clamp(20px,4vw,46px)}.preview-modal.book-preview-modal.book-reader-open .preview-header{grid-template-columns:minmax(0,1fr) auto}.preview-modal.book-preview-modal.book-reader-open .preview-header>div:first-child{display:none}.book-scroll-shell{border:1px solid color-mix(in srgb, var(--stage-line) 74%, #fff3);scroll-behavior:smooth;background:linear-gradient(#ffffff1c,#0000 18%),#060c0b2e;border-radius:14px;align-content:start;gap:clamp(18px,4vh,34px);width:min(100%,960px);height:min(100%,1000px);min-height:0;padding:clamp(18px,3vw,36px);display:grid;overflow:auto;box-shadow:0 24px 74px #00000052,inset 0 1px #ffffff1f}.book-reader.fullscreen-mode .book-scroll-shell{width:min(100%,1120px);height:100%}.book-scroll-page{justify-items:center;scroll-margin-block:24px;display:grid}.book-scroll-page.active .book-scroll-paper{border-color:#2aa59c4d;box-shadow:0 24px 64px #050d0c42,inset 0 0 0 1px #fff6,inset 14px 0 24px #00000009}.book-scroll-paper{white-space:pre-wrap;min-height:min(72vh,780px)}.book-scroll-placeholder{color:#15201e8f;text-align:center;place-items:center;gap:10px;min-height:260px;font-weight:850;display:grid}.book-text-paper.dark .book-scroll-placeholder{color:#eef7f3ad}.book-scroll-fallback{color:#15201e94;text-transform:uppercase;gap:12px;font-size:12px;font-weight:900;display:grid}.book-scroll-fallback img{background:#fff;border-radius:6px;width:100%;height:auto;box-shadow:0 12px 36px #050d0c2e}.book-reader.pdf-mode iframe{background:#fff;border:0;border-radius:8px;width:100%;height:100%}.book-reader.fallback-mode{text-align:center;align-content:center;gap:8px}.preview-hold-frame{z-index:1;background:var(--stage);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.preview-hold-frame img{object-fit:contain;opacity:1;width:100%;height:100%}.preview-loading-indicator{z-index:2;color:var(--stage-ink);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.preview-stage-nav{z-index:3;pointer-events:none;opacity:0;transition:opacity .16s;position:absolute;inset:0}.preview-stage.controls-visible .preview-stage-nav,.preview-stage:hover .preview-stage-nav,.preview-stage:focus-within .preview-stage-nav{opacity:1}.preview-stage:not(.controls-visible):not(:hover):not(:focus-within) .preview-stage-arrow{pointer-events:none}.preview-stage-arrow{border:1px solid var(--stage-line);background:var(--stage-control);width:54px;height:78px;color:var(--stage-ink);pointer-events:auto;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 14px 40px #00000047}.preview-stage-arrow.previous{left:18px}.preview-stage-arrow.next{right:18px}.preview-stage-arrow:hover:not(:disabled),.preview-stage-arrow:focus-visible{background:var(--stage-control-hover);color:#fff;outline:none}.preview-stage-arrow:disabled{opacity:.24;cursor:default}.preview-filmstrip-stage-toggle{z-index:4;border:1px solid var(--stage-line);background:var(--stage-control);width:46px;height:46px;color:var(--stage-ink);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;place-items:center;display:grid;position:absolute;bottom:18px;right:18px;box-shadow:0 14px 34px #0000004d}.preview-filmstrip-stage-toggle:hover,.preview-filmstrip-stage-toggle:focus-visible{background:var(--stage-control-hover);color:#fff;outline:none}.preview-filmstrip-stage-toggle.closed{background:var(--stage-control-hover);color:#fff}.preview-unavailable{border:1px solid var(--stage-line);background:color-mix(in srgb, var(--stage-control) 72%, transparent);width:min(560px,100% - 32px);color:var(--stage-ink);border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:18px;display:grid}.preview-unavailable p{color:var(--stage-muted);margin:4px 0 0;font-size:13px;line-height:1.35}.preview-unavailable .secondary-button{background:#fffffff0;grid-column:1/-1;justify-self:start}.preview-filmstrip{z-index:1;border-top:1px solid var(--stage-line);background:var(--stage);min-width:0;color:var(--stage-ink);grid-area:filmstrip;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:9px 12px 10px;display:grid;position:relative}.preview-filmstrip-count{min-width:54px;color:var(--stage-muted);text-align:center;font-size:12px;font-weight:800}.preview-filmstrip-scroll{scroll-snap-type:x proximity;gap:8px;min-width:0;padding:2px 2px 5px;display:flex;overflow-x:auto}.preview-filmstrip-item{border:1px solid var(--stage-line);background:color-mix(in srgb, var(--stage-control) 48%, transparent);width:86px;color:var(--stage-ink);text-align:left;scroll-snap-align:center;cursor:pointer;border-radius:7px;flex:0 0 86px;gap:5px;padding:4px;display:grid}.preview-filmstrip-item.active{color:var(--stage-ink);cursor:default;background:#8bbab138;border-color:#8bbab1}.preview-filmstrip-item:disabled{opacity:1}.preview-filmstrip-thumb{aspect-ratio:4/3;background:color-mix(in srgb, var(--stage) 72%, var(--ink));color:var(--stage-ink);border-radius:5px;place-items:center;font-size:20px;font-weight:900;display:grid;position:relative;overflow:hidden}.preview-filmstrip-thumb img{object-fit:cover;width:100%;height:100%}.preview-filmstrip-thumb.state-pending.has-image img,.preview-filmstrip-thumb.state-loading.has-image img{opacity:.72}.preview-filmstrip-load{background:linear-gradient(90deg,#8bbab12e,#8bbab1,#8bbab12e) 0 0/180% 100%;width:100%;height:3px;animation:1.1s linear infinite filmstrip-load;position:absolute;bottom:0;left:0}.preview-filmstrip-thumb.state-failed .preview-filmstrip-load{background:#c54b3c;animation:none}.preview-filmstrip-loaded{color:#d8eee9;background:#111716b8;border-radius:999px;place-items:center;width:17px;height:17px;display:grid;position:absolute;bottom:4px;right:4px}@keyframes filmstrip-load{0%{background-position:0 0}to{background-position:180% 0}}.preview-filmstrip-name{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:800;line-height:1.15;overflow:hidden}.audio-preview{color:#fff;text-align:center;justify-items:center;gap:18px;width:min(560px,100% - 32px);padding:34px;display:grid}.audio-preview-art{aspect-ratio:1;background:linear-gradient(135deg,#17786d,#8a6a16);border-radius:8px;place-items:center;width:124px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 48px #00000047}.audio-preview-art.compact{width:44px;box-shadow:none;flex:none}.audio-preview-art.has-image{background:#202421}.audio-preview-art img{object-fit:cover;width:100%;height:100%}.audio-preview-art span{color:#fff;font-size:54px;font-weight:900}.audio-preview-art.compact span{font-size:22px}.audio-visual-count{color:#fff;background:#00000094;border-radius:999px;padding:3px 7px;font-size:11px;font-weight:800;position:absolute;bottom:6px;right:6px}.audio-preview-copy{gap:4px;max-width:100%;display:grid}.audio-preview-copy .asset-title{color:#fff}.audio-preview-copy .asset-meta{color:#ffffffb8;justify-content:center}.audio-preview audio{width:min(460px,100%)}.audio-preview-note{color:#ffffffd1;background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;justify-content:center;align-items:center;min-height:38px;padding:0 14px;font-weight:720;display:inline-flex}.audio-association-editor{border-top:1px solid var(--line);gap:12px;padding-top:14px;display:grid}.association-head,.association-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.association-title{color:var(--ink);font-size:15px;font-weight:850}.association-note,.association-empty{color:var(--muted);font-size:13px;font-weight:700}.association-delay{width:118px}.association-picker{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;max-height:230px;padding-right:2px;display:grid;overflow:auto}.association-choice{border:1px solid var(--line);background:var(--control);min-width:0;color:var(--ink);text-align:left;border-radius:8px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;padding:6px;font-weight:760;display:grid}.association-choice.selected{border-color:var(--teal);background:var(--soft-strong);box-shadow:inset 0 0 0 1px var(--teal)}.association-choice span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.association-thumb{aspect-ratio:1;background:var(--soft);color:var(--teal-dark);border-radius:6px;place-items:center;display:grid;overflow:hidden}.association-thumb img{object-fit:cover;width:100%;height:100%}.asset-metadata-backdrop{z-index:22;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08100f94;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.asset-metadata-modal{border:1px solid var(--line);background:var(--panel);width:min(760px,100%);max-height:calc(100vh - 44px);color:var(--ink);border-radius:8px;display:grid;overflow:auto;box-shadow:0 24px 80px #07131147}.asset-metadata-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.asset-metadata-header h2{overflow-wrap:anywhere;margin:0;font-size:24px;line-height:1.08}.asset-metadata-summary{border-bottom:1px solid var(--line);grid-template-columns:138px minmax(0,1fr);gap:16px;padding:16px 20px;display:grid}.asset-metadata-thumb{aspect-ratio:1;border:1px solid var(--line);background:linear-gradient(145deg, #17766f29, #b752421f), var(--control-soft);color:var(--teal-dark);border-radius:8px;place-items:center;font-size:32px;font-weight:880;display:grid;overflow:hidden}.asset-metadata-thumb img{object-fit:cover;width:100%;height:100%;display:block}.asset-metadata-summary-copy{align-content:start;gap:12px;min-width:0;display:grid}.metadata-tags span{max-width:100%}.asset-metadata-editor{border-bottom:1px solid var(--line);background:var(--control-soft);grid-template-columns:minmax(124px,170px) minmax(0,1fr) auto;align-items:end;gap:12px;padding:16px 20px;display:grid}.asset-metadata-editor label{min-width:0;color:var(--muted);gap:6px;font-size:12px;font-weight:820;display:grid}.asset-metadata-editor input,.asset-metadata-editor select{border:1px solid var(--line);background:var(--control);width:100%;min-height:42px;color:var(--ink);font:inherit;border-radius:8px;padding:0 12px;font-weight:740}.asset-metadata-editor input:disabled,.asset-metadata-editor select:disabled{background:var(--control-disabled);color:var(--text-disabled);-webkit-text-fill-color:var(--text-disabled)}.asset-metadata-tags-field{min-width:0}.asset-metadata-save{border:1px solid var(--line);background:var(--control);min-height:42px;color:var(--muted);font:inherit;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:13px;font-weight:860;display:inline-flex}.asset-metadata-save.ready{border-color:var(--teal);background:var(--teal);color:#fff;cursor:pointer;box-shadow:0 10px 26px #1581762e}.asset-metadata-save.saved{border-color:color-mix(in srgb, var(--teal) 30%, var(--line));background:color-mix(in srgb, var(--soft-strong) 66%, var(--control));color:var(--teal-dark)}.asset-metadata-save:disabled{opacity:1}.asset-metadata-modal .status-message{margin:14px 20px 0}.asset-metadata-list{padding:12px 20px 18px;display:grid}.asset-metadata-row{border-bottom:1px solid color-mix(in srgb, var(--line) 72%, transparent);grid-template-columns:minmax(120px,180px) minmax(0,1fr);gap:14px;padding:9px 0;display:grid}.asset-metadata-row:last-child{border-bottom:0}.asset-metadata-row span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:840}.asset-metadata-row strong{overflow-wrap:anywhere;min-width:0;color:var(--ink);font-size:13px;font-weight:760}.preview-manage{border-top:1px solid var(--line);background:var(--control-soft);grid-area:manage;gap:8px;padding:10px 14px;display:grid}.preview-modal.book-preview-modal .preview-manage{gap:6px;padding:5px 14px 7px}.preview-manage-grid{grid-template-columns:minmax(200px,260px) minmax(0,1fr);align-items:center;gap:10px;display:grid}.preview-modal.book-preview-modal .preview-manage-grid{gap:8px}.preview-manage label{color:var(--muted);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-height:38px;font-size:12px;font-weight:800;display:grid}.preview-field-label{white-space:nowrap}.preview-manage input,.preview-manage select{border:1px solid var(--line);background:var(--control);width:100%;min-height:38px;color:var(--ink);font:inherit;border-radius:8px;padding:0 12px;font-weight:700}.preview-manage input:disabled,.preview-manage select:disabled{background:var(--control-disabled);color:var(--text-disabled);-webkit-text-fill-color:var(--text-disabled)}.preview-tags-field{min-width:0}.preview-tags-row{--autosave-progress:0;grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;display:grid;position:relative}.preview-tags-row.autosave-pending{grid-template-columns:minmax(0,1fr) auto}.preview-autosave-feedback{grid-column:1/-1;height:0;min-height:0;overflow:hidden}.preview-autosave-feedback.visible{height:auto;min-height:18px}.preview-inline-save{border:1px solid var(--line);background:var(--control);min-height:38px;color:var(--muted);font:inherit;cursor:default;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:13px;font-weight:850;display:inline-flex}.preview-inline-save.ready{border-color:var(--teal);background:var(--teal);color:#fff;cursor:pointer;box-shadow:0 10px 26px #1581762e}.preview-inline-save.saving{cursor:progress}.preview-inline-save.saved{border-color:color-mix(in srgb, var(--teal) 32%, var(--line));background:color-mix(in srgb, var(--soft-strong) 68%, var(--control));color:var(--teal-dark)}.preview-inline-save:disabled{opacity:1}.preview-manage-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.preview-manage-actions .hide-action{min-width:74px}.preview-manage-actions .hard-delete-action{gap:7px}.preview-manage-actions .hide-action.armed{color:var(--coral);background:#fff1ee;border-color:#c54b3c73}.preview-manage-message{color:var(--muted);align-items:center;font-size:13px;font-weight:720;display:flex}.status-pill{min-height:26px;color:var(--gold);background:#fff5e5;border-radius:8px;justify-self:start;gap:5px;padding:0 8px;font-size:12px;font-weight:760}.asset-action{flex:0 0 34px;width:34px;min-height:34px}.status-pill.ok{color:var(--teal);background:#e9f7f1}.error-line{color:var(--coral)}.empty-state{border:1px dashed var(--line);min-height:76px;color:var(--muted);border-radius:8px;place-items:center;font-size:14px;display:grid}.empty-state.wide{grid-column:1/-1;min-height:180px}.public-share{background:#f6f7f5;min-height:100vh}.public-topbar{position:static}.public-share-hero{gap:10px;max-width:1120px;margin:0 auto;padding:44px 22px 22px;display:grid}.public-share-hero h1{letter-spacing:0;overflow-wrap:anywhere;margin:0;font-size:clamp(34px,7vw,64px);line-height:1}.public-share-hero p{max-width:720px;color:var(--muted);margin:0;font-size:17px;line-height:1.5}.birthday-share .public-share-hero{background:linear-gradient(135deg,#fff7e3c7,#eaf6f2bd);border-bottom:1px solid #e0b45d42}.birthday-share .public-share-hero .eyebrow{color:#87610f}.birthday-share .public-share-hero h1{color:var(--teal-dark)}.public-grid{max-width:1120px;margin:0 auto;padding-top:8px}.public-grid.single-book-grid{grid-template-columns:minmax(320px,460px);justify-content:center;align-items:start;padding-top:28px}.public-grid.single-book-grid .compact-public-card{align-self:start;width:100%}.public-grid.single-book-grid .book-public-card .asset-thumb{aspect-ratio:3/4;height:auto;min-height:0;box-shadow:0 28px 70px #070d0c2e}.birthday-share .public-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.public-share-progress{max-width:1120px;color:var(--muted);align-items:center;gap:10px;margin:0 auto;padding:0 18px 28px;font-weight:720;display:flex}.share-player{border:1px solid var(--line);background:var(--panel);width:min(1120px,100vw - 36px);box-shadow:0 18px 46px var(--shadow-soft);border-radius:8px;grid-template-columns:minmax(280px,.95fr) minmax(320px,1.05fr);gap:0;margin:0 auto 18px;display:grid;overflow:hidden}.share-player-stage{aspect-ratio:16/10;background:linear-gradient(135deg, #17766f38, #e0b45d2e), var(--stage);place-items:center;min-height:320px;display:grid;position:relative;overflow:hidden}.share-player-stage.clickable{cursor:zoom-in}.share-player-cover,.share-player-video{width:100%;height:100%}.share-player-cover{color:#fff;background:#202421;place-items:center;display:grid;position:relative}.share-player-cover img,.share-player-video{object-fit:contain;width:100%;height:100%}.share-player-cover.has-image img{background:#101615}.share-player-cover span{font-size:clamp(58px,10vw,128px);font-weight:920}.share-player-cover-count{color:#fff;background:#0000009e;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:840;position:absolute;bottom:12px;right:12px}.share-player-stage-actions{z-index:4;align-items:center;gap:7px;display:flex;position:absolute;top:10px;right:10px}.share-player-stage-actions .icon-button{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#070d0c94;border-color:#fff3;width:38px;min-height:38px}.share-player-stage-actions .icon-button:hover:not(:disabled){color:#fff;background:#17766fdb;border-color:#89d8ce85}.share-player-stage-play{z-index:3;background:var(--teal);color:#fff;border:1px solid #ffffff29;border-radius:20px;place-items:center;width:72px;height:72px;transition:transform .16s,background-color .16s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 42px #00000047}.share-player-stage-play:hover{background:var(--teal-hover);transform:translate(-50%,-50%)scale(1.04)}.share-player-panel{grid-template-rows:auto auto auto minmax(0,1fr);gap:12px;min-width:0;padding:18px;display:grid}.share-player-now{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.share-player-now h2{overflow-wrap:anywhere;letter-spacing:0;margin:0;font-size:clamp(22px,3vw,34px);line-height:1.04}.share-player-actions,.share-player-controls{align-items:center;gap:8px;display:flex}.share-player-controls{justify-content:center}.share-player-controls .primary-play{border-color:var(--teal);background:var(--teal);color:#fff;width:52px;height:52px}.share-player-timeline{color:var(--muted);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;font-size:12px;font-weight:800;display:grid}.share-player-timeline input[type=range]{width:100%;accent-color:var(--teal)}.share-player-list{gap:7px;min-height:0;max-height:260px;padding-right:2px;display:grid;overflow:auto}.share-track{border:1px solid var(--line);background:var(--control);min-height:44px;color:var(--ink);text-align:left;border-radius:8px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 10px;display:grid}.share-track:hover,.share-track:focus-visible{border-color:color-mix(in srgb, var(--teal) 48%, var(--line));background:var(--soft);outline:none}.share-track.active{border-color:var(--teal);background:var(--soft-strong);color:var(--teal-dark)}.share-track span{color:var(--muted);font-size:12px;font-weight:860}.share-track strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.share-track small{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.inline-loading{min-height:120px}.share-package-loading{align-items:start;padding:28px 18px}.share-package-loading-card{width:min(620px,100vw - 36px);color:var(--teal-dark);background:#fff7e3db;border:1px solid #e0b45d57;border-radius:8px;align-items:center;gap:14px;padding:18px 20px;display:flex;box-shadow:0 18px 42px #20242114}.share-package-loading-card p{margin:0;font-size:17px;font-weight:760;line-height:1.35}.theme-toggle{flex:none}.theme-toggle.with-label{width:auto;min-width:98px;padding-inline:14px}.auth-theme-control{z-index:2;position:fixed;top:16px;right:16px}.auth-theme-control .theme-toggle{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border-color:#ffffff2e}:root[data-theme=light] .auth-theme-control .theme-toggle{border-color:var(--line);color:var(--ink);background:#ffffffd1}.app-shell,.public-share{background:var(--page);color:var(--ink)}.topbar{background:var(--topbar-bg)}.auth-fade-panel,.archive-unavailable-panel,.tool-panel,.family-panel,.export-panel,.site-admin-panel,.mfa-panel,.tag-console,.preview-modal,.queue-row,.asset-card,.choose-menu,.library-heading{background:var(--panel);color:var(--ink)}.auth-fade-panel,.tag-console{background:var(--panel-alpha)}.secondary-button,.icon-button,.secret-link,input,select,.archive-pill,.archive-switcher,.profile-pill,.subtract-toggle,.visibility-toggle,.chip,.upload-ticker,.browse-select,.asset-select,.qr-image,.qr-placeholder,.secret-box,.qr-card,.choose-menu,.preview-header,.tag-filter-main,.storage-cost-breakdown>div{background-color:var(--control);color:var(--ink);border-color:var(--line)}.tag-filter-main,.secret-box,.qr-card{background-color:var(--control-soft)}.tag-filter-subtract,.secondary-button.danger.armed,.status-message.error,.bulk-private-button.armed{background-color:var(--danger-soft)}.same-device-mfa,.status-message,.visibility-toggle.active,.chip.selected,.upload-selection-meta span,.role-pill.admin,.archive-row-cost,.storage-cost-card{background-color:var(--soft-strong);color:var(--teal-dark);border-color:color-mix(in srgb, var(--teal) 42%, var(--line))}:root[data-theme=dark] .status-message:not(.error),:root[data-theme=dark] .invite-result{color:#d9fff8;background-color:#173d38;border-color:#2aa89d}.bulk-public-button,.apple-library-tip{background-color:color-mix(in srgb, var(--soft) 58%, var(--panel))}.file-icon{background:var(--warn-soft);color:var(--gold)}.archive-unavailable-icon,.role-pill.pending{background:var(--danger-soft)}.logo-intro-screen,.auth-live-layout,.brand-band{background-color:#202421}.preview-stage,.browse-thumb.has-image,.asset-thumb.has-image{background:var(--stage)}:root[data-theme=dark] input::placeholder{color:#8c9994;opacity:.72}:root[data-theme=dark] .picturebox-live-mark{filter:drop-shadow(0 24px 24px #0000006b)}:root[data-theme=dark] .browse-thumb,:root[data-theme=dark] .asset-thumb{background:linear-gradient(145deg, #1f8f8638, #e0b45d29), var(--soft)}:root[data-theme=dark] .uploader-filter-button,:root[data-theme=dark] .uploader-filter-menu{background:var(--panel)}:root[data-theme=dark] .uploader-filter-button.active{background:#1f8f862e}:root[data-theme=dark] .share-package-button.active,:root[data-theme=dark] .share-package-panel{color:var(--ink);background:#e0b45d14;border-color:#e0b45d57}:root[data-theme=dark] .share-package-fields input,:root[data-theme=dark] .share-package-fields select,:root[data-theme=dark] .share-package-link-output{background:var(--panel);color:var(--ink)}:root[data-theme=dark] .share-package-preview-picker{background:#ffffff0a;border-color:#8bd3cc38}:root[data-theme=dark] .share-package-preview-option{background:var(--panel)}:root[data-theme=dark] .share-package-preview-option.active{border-color:var(--teal-bright);background:#1f8f8633}:root[data-theme=dark] .birthday-share .public-share-hero{background:linear-gradient(135deg,#e0b45d14,#1f8f8617)}:root[data-theme=dark] .birthday-share .public-share-hero .eyebrow{color:#f0d38d}:root[data-theme=dark] .share-package-loading-card{color:var(--ink);background:#e0b45d1a;border-color:#e0b45d57;box-shadow:0 18px 42px #00000038}:root[data-theme=dark] .book-page-surface,:root[data-theme=dark] .book-cover:not(.generated-cover).has-image img{background:#f5f7f3}:root[data-theme=dark] .book-cover-page-wrap,:root[data-theme=dark] .book-cover.rendered-cover .book-cover-page-image{background:#f7f4eb}:root[data-theme=dark] .book-cover:not(.generated-cover) .book-cover-title,:root[data-theme=dark] .book-open-cta,:root[data-theme=dark] .book-page-nav{color:var(--stage-ink);background:#122420d6}:root[data-theme=dark] .uploader-filter-option:hover,:root[data-theme=dark] .uploader-filter-clear{background:var(--soft)}:root[data-theme=dark] .preview-backdrop,:root[data-theme=dark] .upload-modal-scrim{background:#030606c7}@media (width<=1180px){.share-player{grid-template-columns:1fr}.share-player-stage{min-height:260px}.admin-grid{grid-template-columns:1fr}.admin-grid .family-panel,.admin-grid .export-panel{grid-column:auto}.modern-workspace{grid-template-columns:1fr;padding-right:clamp(18px,3vw,34px)}.modern-side{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-height:none;position:static;overflow:visible}.modern-side .family-panel{grid-column:1/-1}}@media (width<=960px){.auth-layout,.workspace,.site-admin-form,.storage-cost-breakdown{grid-template-columns:1fr}.storage-cost-note{flex-direction:column;align-items:flex-start}.archive-row-cost{grid-template-columns:1fr;width:100%}.brand-band{min-height:42vh}.auth-panel{padding:32px 22px 48px}}@media (width<=720px){.public-share-hero{gap:8px;min-width:0;padding:24px 20px 16px}.public-share-hero h1{font-size:clamp(36px,13vw,52px)}.public-share-hero p{font-size:18px;line-height:1.35}.share-player{width:calc(100vw - 24px);margin-bottom:14px}.share-player-stage{aspect-ratio:16/9;min-height:0}.share-player-panel{gap:10px;padding:12px}.share-player-now{grid-template-columns:1fr;gap:4px}.share-player-now h2{font-size:22px;line-height:1.08}.share-player-controls{justify-content:space-between}.share-player-controls .primary-play{width:58px;height:58px}.share-player-stage-actions{gap:6px;top:8px;right:8px}.share-player-stage-actions .icon-button{width:36px;min-height:36px}.share-player-stage-play{border-radius:18px;width:64px;height:64px}.share-player-timeline{gap:8px}.share-player-list{max-height:150px}.share-track{grid-template-columns:24px minmax(0,1fr)}.share-track small{display:none}.topbar{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:8px;padding:8px 10px;display:grid;overflow:hidden}.topbar .toolbar-brand{display:none}.wordmark{min-width:0}.wordmark span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar-actions{grid-template-columns:minmax(0,1fr) repeat(3,42px);gap:7px;width:100%;display:grid}.profile-pill{display:none}.archive-pill,.archive-switcher{grid-column:1/-1;width:100%;min-width:0;max-width:none;min-height:38px}.archive-switcher{grid-template-columns:auto minmax(0,1fr);gap:7px;padding-inline:9px 6px;display:grid}.archive-switcher select{width:100%;min-width:0;min-height:32px;font-size:13px}.topbar-actions .nav-button{width:100%;min-width:0;padding-inline:10px}.topbar-actions .icon-button{width:42px;min-height:42px}.library-workspace{padding:10px 10px calc(86px + env(safe-area-inset-bottom))}.library-workspace>.picturebox-live-hero{display:none}.library-workspace .browse-page{min-height:auto;padding:0}.admin-page{width:auto;padding:18px 12px 80px}.admin-hero{flex-direction:column;align-items:flex-start}.admin-hero .nav-button{width:100%}.modern-workspace{grid-template-columns:1fr;padding:18px 12px 92px}.modern-workspace .browse-page{min-height:auto;padding:0}.modern-side{grid-template-columns:1fr;margin-top:14px;padding:0}.modern-side .family-panel{grid-column:auto}.modern-side .member-list{max-height:none}.browse-page{padding:10px 10px calc(86px + env(safe-area-inset-bottom))}.browse-upload-button{top:auto;left:auto;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:18;border-radius:18px;width:56px;min-width:56px;min-height:56px;padding:0;box-shadow:0 16px 34px #105a5547}.browse-upload-button span{display:none}.audio-active .browse-upload-button{bottom:calc(116px + env(safe-area-inset-bottom))}.tag-console{grid-template-columns:1fr;gap:8px;width:100%;margin-bottom:8px;padding:8px;position:sticky;top:8px}.filter-detail-console{gap:8px;width:100%;margin-bottom:14px;padding:0}.tag-filter-main,.tag-filter-subtract{gap:10px;min-height:52px;padding-inline:12px}.tag-filter-main{grid-template-columns:auto minmax(0,1fr)}.match-count-subtle{grid-column:1/-1;justify-self:start;padding-left:32px;font-size:11px}.qr-card{text-align:center;grid-template-columns:1fr;justify-items:center}.mfa-setup-actions{grid-template-columns:1fr}.subtract-toggle{width:100%;min-height:44px}.filter-mode-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%}.visibility-toggle{width:100%;min-height:44px;padding-inline:9px}.uploader-filter,.uploader-filter-button{width:100%}.uploader-filter-menu{top:auto;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:48;width:auto;max-height:min(58vh,420px);margin-top:0;position:fixed;overflow:auto;box-shadow:0 22px 54px #030a0947}.bulk-action-row,.bulk-action-row .secondary-button{width:100%}.bulk-action-row{grid-template-columns:1fr;display:grid}.bulk-action-note{text-align:left;width:100%}.share-package-fields{grid-template-columns:1fr}.share-package-actions,.share-package-actions .primary-button,.share-package-actions .secondary-button{width:100%}.tag-filter-main input,.tag-filter-subtract input{min-height:46px;padding-inline:4px;font-size:17px}.browse-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}.browse-tile-meta{gap:1px}.browse-tile-meta span{font-size:13px}.browse-tile-meta small{font-size:11px}.asset-metadata-backdrop{align-items:stretch;padding:10px}.asset-metadata-modal{max-height:calc(100vh - 20px)}.asset-metadata-header,.asset-metadata-summary,.asset-metadata-editor,.asset-metadata-list{padding-inline:14px}.asset-metadata-summary{grid-template-columns:92px minmax(0,1fr)}.asset-metadata-editor{grid-template-columns:1fr}.asset-metadata-save{width:100%}.asset-metadata-row{grid-template-columns:1fr;gap:4px}.upload-ticker{max-width:calc(100vw - 92px);bottom:18px;left:calc(50% + 30px)}.audio-active .upload-ticker{bottom:136px}.persistent-audio-player{grid-template-columns:minmax(0,1fr) auto;gap:10px;width:calc(100vw - 20px);bottom:10px}.now-playing-marquee{grid-template-columns:auto minmax(0,1fr);width:calc(100vw - 20px)}.now-playing-marquee.offset-high{bottom:132px}.now-playing-subtitle{display:none}.persistent-audio-player audio{grid-column:1/-1}.workspace{gap:12px;padding:12px}.upload-modal-panel{width:100vw;max-height:100dvh;inset:0;transform:translateY(18px)}.upload-modal-layer.open .upload-modal-panel{transform:translateY(0)}.modal-upload-panel{min-height:100dvh;box-shadow:none;border-inline:0;border-radius:0}.upload-modal-close{top:calc(10px + env(safe-area-inset-top));width:54px;min-height:54px;right:10px}.modal-upload-panel .panel-heading{padding:calc(18px + env(safe-area-inset-top)) 76px 18px 18px}.upload-controls,.encrypted-upload-fields{grid-template-columns:1fr}.upload-defaults-panel,.upload-activity-panel{margin-inline:12px}.upload-activity-header{grid-template-columns:1fr}.upload-defaults-heading{gap:4px;display:grid}.upload-action-bar{padding-bottom:calc(12px + env(safe-area-inset-bottom));grid-template-columns:1fr}.upload-action-buttons,.upload-action-buttons .secondary-button,.upload-action-buttons .primary-button{width:100%}.asset-grid{box-sizing:border-box;grid-template-columns:1fr;width:100%;min-width:0}.public-share{overflow-x:hidden}.public-grid{max-width:100vw;padding-inline:12px}.public-grid.single-book-grid{grid-template-columns:minmax(0,1fr);justify-content:stretch;padding-top:8px}.public-grid .asset-card,.public-grid .asset-thumb{min-width:0;max-width:100%}.public-grid .book-public-card .asset-thumb{max-height:min(72vh,560px)}.preview-backdrop{width:100vw;padding:0;overflow:hidden}.preview-modal{border-radius:0;width:100vw;min-width:0;height:100dvh;max-height:100dvh}.preview-modal.with-filmstrip.filmstrip-open{grid-template-rows:auto minmax(0,1fr) 96px}.preview-modal.managed.with-filmstrip.filmstrip-open{grid-template-rows:auto minmax(0,1fr) 96px auto}.preview-header{min-width:0;padding:calc(8px + env(safe-area-inset-top)) 8px 8px;align-items:center;gap:8px;overflow:hidden}.preview-header>div:first-child{min-width:0;overflow:hidden}.preview-header .asset-title{-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:14px;line-height:1.1;display:-webkit-box;overflow:hidden}.preview-header .asset-meta{font-size:11px}.preview-header .asset-actions{flex:none;gap:5px}.preview-header .asset-actions .icon-button{width:40px;min-height:40px}.preview-modal.book-preview-modal .preview-header{grid-template-columns:minmax(0,1fr) auto}.preview-modal.book-preview-modal.book-cover-preview.with-filmstrip.filmstrip-open{grid-template-rows:auto minmax(0,1fr);grid-template-areas:"header""stage"}.preview-modal.book-preview-modal.book-cover-preview.managed.with-filmstrip.filmstrip-open{grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"header""stage""manage"}.preview-modal.book-preview-modal .book-header-reader-controls{grid-column:1/-1;justify-content:stretch}.preview-modal.book-preview-modal.book-reader-open .book-header-reader-controls{grid-column:auto;justify-content:flex-end}.preview-modal.book-preview-modal .book-header-reader-controls .book-reader-toolbar-stack{align-items:flex-end;width:auto;max-width:100%}.preview-modal.book-preview-modal .book-header-reader-controls .book-reader-toolbar{flex-wrap:nowrap;justify-content:flex-end;width:100%;max-width:100%}.preview-modal.book-preview-modal .book-header-reader-controls .book-reader-primary-controls{flex:none;width:auto}.preview-modal.book-preview-modal .book-header-reader-controls .book-reader-options-panel{border:1px solid var(--stage-line);justify-content:flex-end;width:min(100vw - 16px,520px);min-width:0;padding:8px;overflow-x:auto;transform:translate(0)}.preview-modal.book-preview-modal.with-filmstrip.filmstrip-open{grid-template-rows:auto minmax(0,1fr);grid-template-areas:"header""stage"}.preview-modal.book-preview-modal.managed.with-filmstrip.filmstrip-open{grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"header""stage""manage"}.preview-modal.book-preview-modal .preview-filmstrip,.preview-modal.book-preview-modal .preview-filmstrip-stage-toggle,.preview-modal.book-preview-modal .preview-stage-nav,.preview-modal.book-preview-modal .preview-header .asset-meta{display:none}.preview-filmstrip{grid-template-columns:minmax(0,1fr);gap:8px;padding:8px}.preview-filmstrip-stage-toggle{width:42px;height:42px;bottom:12px;right:12px}.preview-filmstrip-count{display:none}.preview-filmstrip-item{flex-basis:72px;width:72px}.preview-filmstrip-name{font-size:10px}.book-reader{min-width:0;padding:0;overflow:hidden}.book-reader.fullscreen-mode{grid-template-rows:auto minmax(0,1fr) auto auto;gap:8px;padding:0}.book-reader.page-mode{grid-template-rows:auto minmax(0,1fr) auto auto;gap:8px}.book-reader-toolbar-stack{align-items:center;width:calc(100% - 16px)}.book-reader-toolbar{border-radius:18px;gap:8px;width:auto;max-width:100%;padding:7px}.book-reader-toolbar-stack.options-open{width:calc(100% - 16px)}.book-reader-primary-controls{width:100%}.book-reader-options-panel{justify-content:center;width:100%;padding:8px}.book-mode-switch{order:-1;width:100%}.book-mode-button{flex:1 1 0;min-height:34px}.book-reader.fullscreen-mode .book-reader-toolbar-stack{width:calc(100% - 16px)}.book-background-controls,.book-scale-controls,.book-speech-controls{gap:6px}.book-background-swatch{width:30px;height:30px}.book-reader-control{min-height:34px;padding-inline:8px}.book-reader-control.book-read-control{width:36px;min-width:36px;padding:0}.book-scale-value{min-width:40px;font-size:11px}.book-speech-controls{flex:100%;justify-content:center}.book-speech-status{max-width:150px;font-size:11px}.book-reader.cover-mode{padding:clamp(14px, 3dvh, 28px) 18px calc(16px + env(safe-area-inset-bottom))}.book-cover-button{place-content:center;gap:0;width:min(100%,360px);min-width:0;max-width:360px;height:auto;overflow:visible}.preview-modal.book-preview-modal.book-cover-preview .book-cover-button{transform:none}.book-cover{justify-self:center;width:min(82vw,340px);max-width:calc(100vw - 48px);max-height:min(60dvh,520px);transform:none}.book-cover.generated-cover{width:min(82vw,340px)}.book-cover.rendered-cover{padding:10px 10px 12px 30px}.book-cover.rendered-cover .book-cover-spine{width:30px}.book-cover-page-shadow{width:16px;inset:10px 10px 12px auto}.book-cover-page-count{font-size:11px;bottom:16px;left:34px}.book-cover.generated-cover .book-cover-title{padding:0;inset:24% 18px auto 36px}.book-cover.generated-cover .book-cover-title strong{font-size:clamp(22px,7vw,30px)}.book-cover-brand,.book-cover-edition,.book-cover-rule{left:36px}.book-cover-edition{bottom:20px}.book-cover-title{padding:10px;bottom:10px;left:14px;right:10px}.book-cover-title strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(17px,5.4vw,24px);display:-webkit-box}.book-open-cta{opacity:1;max-width:calc(100vw - 32px);padding:10px 14px;bottom:18px;transform:translate(-50%)}.book-page-shell{perspective:none;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:0;width:100%;height:100%;max-height:none}.book-page-shell:before{display:none}.book-page-center{width:100%;height:100%}.book-reader.fullscreen-mode .book-page-shell{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:0;width:100%;height:100%}.book-scroll-shell,.book-reader.fullscreen-mode .book-scroll-shell{width:100%;max-width:100%;height:100%;box-shadow:none;background:0 0;border:0;border-radius:0;gap:14px;padding:10px}.book-scroll-page{justify-items:stretch;scroll-margin-block:12px}.book-scroll-paper{min-height:auto}.book-scroll-placeholder{min-height:180px}.book-page-surface{box-shadow:none;border:0;border-radius:0}.book-page-surface.dragging,.book-page-surface.settling{border-radius:8px;box-shadow:0 18px 46px #00000057}.book-page-drag-preview{border-radius:8px;overflow:hidden}.book-page-drag-preview-content{box-shadow:none;border:0;border-radius:8px}.book-page-surface.image-mode{padding:0}.book-page-surface.cover-page-mode{padding:16px}.book-reader-cover-page .book-cover,.book-scroll-cover-page .book-cover{width:min(78vw,330px);max-height:calc(100dvh - 180px);transform:none}.book-page-surface:before,.book-page-surface:after,.book-text-paper:before,.book-text-paper:after{display:none}.book-page-surface img{object-fit:contain;object-position:center;width:100%;min-width:100%;max-width:100%;height:auto}.book-page-surface.text-mode{padding:10px}.book-page-turn-zone{display:none}.book-text-paper{width:100%;min-height:100%;padding:18px 16px calc(18px + env(safe-area-inset-bottom));font-size:var(--book-text-size,20px);border-radius:6px;line-height:1.7}.book-chapter-content{width:100%;padding-block:6px 16px}.book-chapter-kicker{letter-spacing:.14em;margin-bottom:10px;font-size:.62em}.book-chapter-content h2{font-size:clamp(24px, calc(var(--book-text-size,20px) * 1.28), 34px);line-height:1.14}.book-chapter-body{margin-top:22px;line-height:1.72}.book-toc-content{width:100%;font-size:clamp(14px, calc(var(--book-text-size,20px) * .82), 17px);padding-block:4px 10px}.book-toc-content h2{margin-bottom:16px;font-size:clamp(24px,7vw,32px)}.book-toc-list{gap:8px}.book-toc-row{grid-template-columns:minmax(0,auto) minmax(18px,1fr) auto;gap:8px;font-size:.95em}.book-toc-leader{min-width:18px}.book-reader.fullscreen-mode .book-text-paper{width:100%;padding:18px 16px calc(18px + env(safe-area-inset-bottom))}.book-page-nav{display:none}.book-page-corner-number{right:calc(16px + env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));font-size:11px}.preview-manage-grid{grid-template-columns:1fr}.preview-manage label{grid-template-columns:1fr;gap:5px}.preview-tags-row{grid-template-columns:1fr}.preview-manage-actions{align-items:stretch}.preview-manage-actions .secondary-button{flex:auto}}