:root{--bg:#faf8f3;--surface:#fff;--surface-2:#f2efe8;--surface-3:#e8e4db;--ink:#0f0f10;--ink-2:#2a2a2c;--ink-3:#5a5a5e;--ink-4:#8a8a8e;--line:#e0dcd1;--line-2:#d4cfc1;--accent:#cfff3d;--accent-ink:#0f0f10;--danger:#e23d3d;--warn:#e2a03d;--ok:#2e9e5b;--info:#3d7be2;--shadow-sm:0 1px 2px #0f0f100a, 0 1px 3px #0f0f100a;--shadow:0 1px 2px #0f0f100a, 0 6px 16px -4px #0f0f1014;--shadow-lg:0 2px 4px #0f0f100a, 0 16px 40px -8px #0f0f102e;--unit:4px;--row-h:48px;--card-pad:20px;--gap:16px;--radius:10px;--radius-sm:6px;--radius-lg:14px;--sidebar-w:240px;--serif:"Instrument Serif", "Times New Roman", serif;--sans:"Work Sans", ui-sans-serif, system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", monospace}[data-theme=dark]{--bg:#0b0b0c;--surface:#141416;--surface-2:#1c1c1f;--surface-3:#26262a;--ink:#f4f2ed;--ink-2:#dddad1;--ink-3:#9c9a94;--ink-4:#6a6864;--line:#26262a;--line-2:#32323780;--accent:#cfff3d;--accent-ink:#0f0f10;--shadow-sm:0 1px 2px #0000004d;--shadow:0 1px 2px #0000004d, 0 8px 20px -4px #00000080;--shadow-lg:0 2px 4px #0006, 0 20px 50px -8px #000000b3}[data-density=compact]{--row-h:40px;--card-pad:14px;--gap:10px}[data-density=airy]{--row-h:56px;--card-pad:28px;--gap:22px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-feature-settings:"ss01", "cv11";margin:0;padding:0;font-size:14px;line-height:1.45}button{cursor:pointer;color:inherit;background:0 0;border:0;font-family:inherit}input,textarea{font-family:inherit}a{color:inherit;text-decoration:none}.serif{font-family:var(--serif);letter-spacing:-.01em;font-weight:400}.mono{font-family:var(--mono)}.eyebrow{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-size:11px;font-weight:500}.display{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);font-size:64px;font-weight:400;line-height:1}.title{font-family:var(--serif);letter-spacing:-.015em;font-size:40px;font-weight:400;line-height:1.05}.h2{letter-spacing:-.01em;margin:0;font-size:18px;font-weight:600}.body{color:var(--ink-2);font-size:14px}.caption{color:var(--ink-3);font-size:12px}.num{font-family:var(--serif);letter-spacing:-.02em;font-weight:400}.app{grid-template-columns:var(--sidebar-w) 1fr;background:var(--bg);grid-template-rows:1fr;width:100vw;height:100vh;display:grid;overflow:hidden}.app[data-sidebar=collapsed]{--sidebar-w:68px}.app[data-auth=true]{grid-template-columns:1fr}.sidebar{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;padding:20px 14px;display:flex;position:relative;overflow:hidden}.sidebar-brand{align-items:center;gap:10px;padding:4px 8px 20px;display:flex}.sidebar-brand .logo{background:var(--ink);width:28px;height:28px;color:var(--accent);font-family:var(--serif);border-radius:8px;flex-shrink:0;place-items:center;font-size:20px;font-style:italic;display:grid}.sidebar-brand .brand-name{font-family:var(--serif);letter-spacing:-.02em;white-space:nowrap;font-size:22px}.collapsed .brand-name,.collapsed .nav-label,.collapsed .nav-count,.collapsed .storage-card,.collapsed .nav-section-label{display:none}.collapsed .nav-item{justify-content:center;padding:10px 0}.nav-section{margin-top:12px}.nav-section-label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-4);padding:8px 10px 6px;font-size:10px;font-weight:500}.nav-item{color:var(--ink-2);text-align:left;border-radius:8px;align-items:center;gap:12px;width:100%;padding:8px 10px;font-size:13.5px;font-weight:500;transition:background .18s,color .18s;display:flex;position:relative}.nav-item:hover{background:var(--surface-2);color:var(--ink)}.nav-item.active{background:var(--ink);color:var(--bg)}.nav-item.active .nav-count{color:var(--ink-4);background:0 0}.nav-item svg{flex-shrink:0}.nav-label{flex:1}.nav-count{font-family:var(--mono);color:var(--ink-4);font-size:11px;font-weight:500}.sidebar-footer{border-top:1px solid var(--line);flex-direction:column;gap:8px;margin-top:auto;padding-top:12px;display:flex}.storage-card{background:var(--surface-2);border-radius:12px;padding:14px}.storage-card .eyebrow{margin-bottom:6px}.storage-card .storage-num{font-family:var(--serif);letter-spacing:-.02em;font-size:24px}.storage-card .storage-total{color:var(--ink-3);margin-left:2px;font-size:12px}.storage-bar{background:var(--surface-3);border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.storage-bar .fill{background:var(--ink);border-radius:2px;height:100%;transition:width .3s}.storage-card .upgrade{background:var(--accent);width:100%;color:var(--accent-ink);text-align:center;letter-spacing:-.005em;border-radius:8px;margin-top:10px;padding:8px 10px;font-size:12px;font-weight:600;display:block}.collapse-toggle{background:var(--surface);border:1px solid var(--line);z-index:5;width:20px;height:20px;color:var(--ink-3);border-radius:10px;place-items:center;display:grid;position:absolute;top:22px;right:-10px}.collapse-toggle:hover{color:var(--ink);background:var(--surface-2)}.main{background:var(--bg);flex-direction:column;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:var(--bg);flex-shrink:0;align-items:center;gap:16px;height:64px;padding:14px 28px;display:flex}.topbar .breadcrumbs{color:var(--ink-3);align-items:center;gap:6px;font-size:13px;display:flex}.topbar .breadcrumbs .current{color:var(--ink);font-weight:500}.topbar .breadcrumbs .sep{color:var(--ink-4)}.search{flex:1;max-width:520px;position:relative}.search input{background:var(--surface-2);width:100%;color:var(--ink);border:1px solid #0000;border-radius:8px;padding:9px 12px 9px 38px;font-size:13px;transition:border-color .18s,background .18s}.search input:focus{border-color:var(--ink-2);background:var(--surface);outline:none}.search input::placeholder{color:var(--ink-4)}.search .search-icon{color:var(--ink-4);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search .kbd{font-family:var(--mono);background:var(--surface);border:1px solid var(--line);color:var(--ink-3);border-radius:4px;padding:2px 6px;font-size:10px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.topbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.icon-btn{width:36px;height:36px;color:var(--ink-2);border-radius:8px;place-items:center;transition:background .18s,color .18s;display:grid;position:relative}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}.icon-btn .dot{background:var(--accent);border:2px solid var(--bg);border-radius:3px;width:6px;height:6px;position:absolute;top:7px;right:8px}.avatar-btn{background:var(--ink);width:36px;height:36px;color:var(--bg);font-family:var(--serif);cursor:pointer;border-radius:10px;place-items:center;font-size:16px;display:grid}.btn{letter-spacing:-.005em;white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:600;transition:background .18s,color .18s,transform .12s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--ink);color:var(--bg)}.btn-primary:hover{background:var(--ink-2)}.btn-accent{background:var(--accent);color:var(--accent-ink)}.btn-accent:hover{filter:brightness(.95)}.btn-secondary{color:var(--ink);border:1px solid var(--line-2);background:0 0}.btn-secondary:hover{background:var(--surface-2)}.btn-ghost{color:var(--ink-2);background:0 0}.btn-ghost:hover{background:var(--surface-2);color:var(--ink)}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:6px 10px;font-size:12px}.page{flex:1;overflow:auto}.page-inner{max-width:1400px;padding:32px 28px 48px}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px;display:flex}.page-header .eyebrow{margin-bottom:12px}.page-header h1{margin:0}.hero-grid{grid-template-columns:1.3fr 1fr;gap:20px;margin-bottom:32px;display:grid}.storage-hero{background:var(--ink);color:var(--bg);border-radius:20px;flex-direction:column;justify-content:space-between;min-height:240px;padding:32px;display:flex;position:relative;overflow:hidden}.storage-hero .eyebrow{color:color-mix(in oklab, var(--bg) 55%, transparent)}.storage-hero .hero-num{font-family:var(--serif);letter-spacing:-.04em;margin-top:8px;font-size:96px;line-height:1}.storage-hero .hero-num .unit{color:color-mix(in oklab, var(--bg) 50%, transparent);margin-left:4px;font-size:36px}.storage-hero .hero-of{color:color-mix(in oklab, var(--bg) 55%, transparent);margin-top:4px;font-size:14px}.storage-hero .accent-ring{background:radial-gradient(circle, var(--accent) 0%, transparent 70%);opacity:.35;pointer-events:none;border-radius:50%;width:260px;height:260px;position:absolute;top:-60px;right:-60px}.storage-hero .hero-bar{background:color-mix(in oklab, var(--bg) 15%, transparent);border-radius:3px;height:6px;margin-top:20px;overflow:hidden}.storage-hero .hero-bar .fill{background:var(--accent);border-radius:3px;height:100%;transition:width .6s}.storage-hero .hero-foot{justify-content:space-between;align-items:flex-end;margin-top:16px;display:flex}.storage-hero .hero-foot .label{color:color-mix(in oklab, var(--bg) 60%, transparent);font-size:12px;font-family:var(--mono)}.breakdown-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;flex-direction:column;padding:24px;display:flex}.breakdown-card h3{justify-content:space-between;align-items:center;margin:0 0 20px;font-size:14px;font-weight:600;display:flex}.breakdown-card h3 .eyebrow{font-size:10px}.breakdown-list{flex-direction:column;flex:1;gap:14px;display:flex}.breakdown-row{align-items:center;gap:12px;display:flex}.breakdown-row .swatch{border-radius:3px;flex-shrink:0;width:10px;height:10px}.breakdown-row .bar-wrap{background:var(--surface-2);border-radius:2px;flex:1;height:4px;overflow:hidden}.breakdown-row .bar{border-radius:2px;height:100%;transition:width .6s}.breakdown-row .name{flex:1;font-size:13px;font-weight:500}.breakdown-row .size{font-family:var(--mono);color:var(--ink-3);text-align:right;min-width:60px;font-size:11px}.quick-row{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px;display:grid}.quick-card{background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:16px;flex-direction:column;gap:12px;padding:20px;transition:border-color .18s,transform .18s;display:flex}.quick-card:hover{border-color:var(--ink-3);transform:translateY(-2px)}.quick-card .head{justify-content:space-between;align-items:center;display:flex}.quick-card .icon-wrap{background:var(--surface-2);width:36px;height:36px;color:var(--ink);border-radius:10px;place-items:center;display:grid}.quick-card .arrow{color:var(--ink-4)}.quick-card .num{font-size:32px}.quick-card .label{color:var(--ink-3);font-size:13px}.section-head{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex}.section-head .h2{font-family:var(--serif);letter-spacing:-.02em;font-size:28px;font-weight:400}.section-head a{color:var(--ink-3);font-size:12px;font-weight:500}.section-head a:hover{color:var(--ink)}.browser-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:10px;margin-bottom:20px;padding:10px 0;display:flex}.browser-toolbar .filters{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--surface-2);color:var(--ink-2);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:background .18s;display:inline-flex}.chip:hover{background:var(--surface-3)}.chip.active{background:var(--ink);color:var(--bg)}.chip .x{opacity:.6;font-size:14px}.view-toggle{background:var(--surface-2);border-radius:8px;margin-left:auto;padding:3px;display:flex}.view-toggle button{color:var(--ink-3);border-radius:6px;place-items:center;padding:6px 10px;display:grid}.view-toggle button.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.file-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.file-card{background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:14px;flex-direction:column;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex;overflow:hidden}.file-card:hover{border-color:var(--ink-3);box-shadow:var(--shadow);transform:translateY(-2px)}.file-card.selected{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.file-card .thumb{aspect-ratio:4/3;background:var(--surface-2);place-items:center;display:grid;position:relative;overflow:hidden}.file-card .thumb-ext{font-family:var(--serif);letter-spacing:-.03em;color:var(--ink);font-size:48px;position:relative}.file-card .thumb-image{object-fit:cover;width:100%;height:100%}.file-card .thumb-check{border:1.5px solid var(--line-2);background:var(--surface);opacity:0;border-radius:6px;place-items:center;width:22px;height:22px;transition:opacity .15s;display:grid;position:absolute;top:10px;left:10px}.file-card:hover .thumb-check,.file-card.selected .thumb-check{opacity:1}.file-card.selected .thumb-check{background:var(--ink);border-color:var(--ink);color:var(--bg)}.file-card .thumb-star{border:1.5px solid var(--line-2);background:var(--surface);opacity:0;width:22px;height:22px;color:var(--ink-3);border-radius:6px;place-items:center;transition:opacity .15s,background .15s,color .15s;display:grid;position:absolute;top:10px;right:10px}.file-card:hover .thumb-star{opacity:1}.file-card .thumb-star.starred{opacity:1;background:var(--ink);border-color:var(--ink);color:var(--accent)}.file-card .badge-lock{width:22px;height:22px;color:var(--accent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f0f10b8;border-radius:6px;place-items:center;display:grid;position:absolute;top:10px;right:10px}.file-card .info{flex-direction:column;gap:4px;padding:12px 14px 14px;display:flex}.file-card .fname{letter-spacing:-.005em;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.file-card .fmeta{font-family:var(--mono);color:var(--ink-3);font-size:11px}.file-list{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.file-list-head{border-bottom:1px solid var(--line);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4);grid-template-columns:32px 1fr 120px 140px 110px 40px;padding:10px 16px;font-size:10px;font-weight:500;display:grid}.file-list-row{border-bottom:1px solid var(--line);cursor:pointer;grid-template-columns:32px 1fr 120px 140px 110px 40px;align-items:center;padding:12px 16px;transition:background .15s;display:grid}.file-list-row:last-child{border-bottom:0}.file-list-row:hover,.file-list-row.selected{background:var(--surface-2)}.file-list-row .fcell-name{align-items:center;gap:12px;min-width:0;display:flex}.file-list-row .fcell-name .fname{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.file-list-row .fcell-meta{font-family:var(--mono);color:var(--ink-3);font-size:11px}.file-list-row .checkbox{border:1.5px solid var(--line-2);background:0 0;border-radius:5px;place-items:center;width:18px;height:18px;display:grid}.file-list-row.selected .checkbox{background:var(--ink);border-color:var(--ink);color:var(--bg)}.file-ico{background:var(--surface-2);width:32px;height:32px;color:var(--ink);font-family:var(--mono);letter-spacing:.05em;border-radius:7px;flex-shrink:0;place-items:center;font-size:9px;font-weight:600;display:grid}.ft-doc{color:#2b4fcc;background:#e6eeff}.ft-pdf{color:#c23a1a;background:#ffe1db}.ft-sheet{color:#1e7a3c;background:#dcf3e3}.ft-deck{color:#b5671a;background:#ffecd5}.ft-img{color:#6b2bb8;background:#efe3ff}.ft-video{color:#146e6b;background:#d9f4f3}.ft-zip{color:#5a5a5e;background:#e8e4db}.ft-audio{color:#b2185a;background:#ffe0ec}[data-theme=dark] .ft-doc{color:#9fb7ff;background:#1a2752}[data-theme=dark] .ft-pdf{color:#ffa790;background:#3a1a15}[data-theme=dark] .ft-sheet{color:#7fd29a;background:#17311e}[data-theme=dark] .ft-deck{color:#ffb96b;background:#3a2812}[data-theme=dark] .ft-img{color:#c99aff;background:#2a1644}[data-theme=dark] .ft-video{color:#6fdad6;background:#0e2e2c}[data-theme=dark] .ft-zip{color:#b8b4a8;background:#26262a}[data-theme=dark] .ft-audio{color:#ff93be;background:#3a1528}.dragdrop-overlay{pointer-events:none;opacity:0;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#cfff3d1f;place-items:center;transition:opacity .18s;display:grid;position:fixed;inset:0}.dragdrop-overlay.active{opacity:1;pointer-events:auto}.dragdrop-card{background:var(--ink);color:var(--bg);border:2px dashed var(--accent);text-align:center;border-radius:20px;padding:40px 56px}.dragdrop-card .t{font-family:var(--serif);letter-spacing:-.02em;font-size:40px}.dragdrop-card .s{color:#f4f2eda6;margin-top:4px;font-size:13px}.batch-bar{background:var(--ink);color:var(--bg);box-shadow:var(--shadow-lg);z-index:5;border-radius:12px;align-items:center;gap:12px;margin-bottom:16px;padding:10px 14px;display:flex;position:sticky;top:0}.batch-bar .count{font-family:var(--mono);background:var(--accent);color:var(--accent-ink);border-radius:5px;padding:3px 8px;font-size:12px;font-weight:600}.batch-bar .divider{background:#f4f2ed33;width:1px;height:20px}.batch-bar .bbtn{color:var(--bg);border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:500;transition:background .18s;display:inline-flex}.batch-bar .bbtn:hover{background:#f4f2ed1a}.batch-bar .close{margin-left:auto}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f0f108c;place-items:center;padding:24px;animation:.18s fadeIn;display:grid;position:fixed;inset:0}[data-theme=dark] .modal-backdrop{background:#000000b8}.modal{background:var(--surface);width:100%;max-width:680px;max-height:calc(100vh - 48px);box-shadow:var(--shadow-lg);border-radius:20px;flex-direction:column;animation:.22s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden}.modal-lg{max-width:960px}.modal-head{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{font-family:var(--serif);letter-spacing:-.015em;margin:0;font-size:24px}.modal-body{flex:1;padding:20px 24px;overflow:auto}.modal-foot{border-top:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:16px 24px;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.preview-modal{grid-template-columns:1fr 320px;width:min(1080px,100vw - 48px);max-width:none;height:min(720px,100vh - 48px);max-height:none;display:grid}.preview-canvas{background:var(--surface-2);place-items:center;padding:40px;display:grid;position:relative;overflow:hidden}.preview-canvas .ghost-page{box-shadow:var(--shadow-lg);aspect-ratio:8.5/11;color:#0f0f10;background:#fff;border-radius:6px;flex-direction:column;gap:10px;width:100%;max-width:520px;padding:56px 48px;font-size:11px;line-height:1.5;display:flex;overflow:hidden}.ghost-page .gp-h{font-family:var(--serif);letter-spacing:-.02em;color:#0f0f10;margin-bottom:4px;font-size:26px}.ghost-page .gp-line{background:#eaeae7;border-radius:2px;height:6px}.ghost-page .gp-line.w90{width:92%}.ghost-page .gp-line.w70{width:72%}.ghost-page .gp-line.w60{width:60%}.ghost-page .gp-line.w80{width:84%}.ghost-page .gp-gap{height:8px}.preview-side{border-left:1px solid var(--line);background:var(--surface);flex-direction:column;gap:22px;padding:24px;display:flex;overflow:auto}.preview-side .fname{font-family:var(--serif);letter-spacing:-.015em;font-size:24px;line-height:1.15}.preview-side .meta-list{flex-direction:column;gap:10px;display:flex}.preview-side .meta-row{justify-content:space-between;font-size:12px;display:flex}.preview-side .meta-row .k{color:var(--ink-3);font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;font-size:10px}.preview-side .meta-row .v{color:var(--ink);font-weight:500}.preview-side .side-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;display:grid}.share-link-row{background:var(--surface-2);border-radius:10px;align-items:center;gap:8px;margin-top:12px;padding:6px 6px 6px 12px;display:flex}.share-link-row input{font-family:var(--mono);color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:12px}.share-access-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 0;display:flex}.share-access-row:last-child{border-bottom:0}.share-access-row .avatar{width:36px;height:36px;font-family:var(--serif);background:var(--surface-2);color:var(--ink);border-radius:10px;flex-shrink:0;place-items:center;font-size:16px;display:grid}.share-access-row .avatar.you{background:var(--ink);color:var(--bg)}.share-access-row .ainfo{flex:1;min-width:0}.share-access-row .aname{font-size:13px;font-weight:600}.share-access-row .aemail{color:var(--ink-3);font-size:11.5px;font-family:var(--mono)}.perm-pills{background:var(--surface-2);border-radius:8px;gap:2px;padding:3px;display:flex}.perm-pill{color:var(--ink-3);border-radius:6px;padding:5px 10px;font-size:11px;font-weight:600}.perm-pill.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.select{background:var(--surface-2);color:var(--ink);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238A8A8E' stroke-width='2'><path d='M6 9l6 6 6-6'/></svg>");background-position:right 10px center;background-repeat:no-repeat;border:1px solid #0000;border-radius:8px;padding:8px 30px 8px 12px;font-size:12px;font-weight:500}[data-theme=dark] .select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236A6864' stroke-width='2'><path d='M6 9l6 6 6-6'/></svg>")}.search-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f0f108c;justify-content:center;padding-top:15vh;animation:.18s fadeIn;display:flex;position:fixed;inset:0}[data-theme=dark] .search-overlay{background:#000000b8}.search-palette{background:var(--surface);width:min(680px,100vw - 32px);max-height:70vh;box-shadow:var(--shadow-lg);border-radius:16px;flex-direction:column;animation:.22s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden}.search-palette .search-input-wrap{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:16px 20px;display:flex}.search-palette input{font-family:var(--serif);letter-spacing:-.015em;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:28px}.search-palette input::placeholder{color:var(--ink-4)}.search-filters{border-bottom:1px solid var(--line);gap:6px;padding:10px 20px;display:flex;overflow-x:auto}.search-results{flex:1;padding:8px 8px 12px;overflow:auto}.search-sectiont{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-4);padding:10px 14px 4px;font-size:10px}.search-result{cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.search-result:hover,.search-result.active{background:var(--surface-2)}.search-result .r-info{flex:1;min-width:0}.search-result .r-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.search-result .r-path{color:var(--ink-3);font-size:11px;font-family:var(--mono)}.search-result .r-meta{font-family:var(--mono);color:var(--ink-3);font-size:11px}.analytics-grid{grid-template-columns:2fr 1fr;gap:20px;display:grid}.donut-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;align-items:center;gap:32px;padding:28px;display:flex}.donut-card svg{flex-shrink:0}.donut-center{font-family:var(--serif);letter-spacing:-.02em;fill:var(--ink);dominant-baseline:middle;text-anchor:middle;font-size:32px}.donut-center-sub{font-family:var(--mono);fill:var(--ink-3);letter-spacing:.1em;text-anchor:middle;font-size:10px}.donut-legend{flex-direction:column;flex:1;gap:12px;display:flex}.donut-legend .leg-row{grid-template-columns:12px 1fr auto auto;align-items:center;gap:10px;display:grid}.donut-legend .swatch{border-radius:3px;width:10px;height:10px}.donut-legend .lname{font-size:13px;font-weight:500}.donut-legend .lsize{font-family:var(--mono);color:var(--ink-3);text-align:right;min-width:60px;font-size:11px}.donut-legend .lpct{font-family:var(--mono);color:var(--ink);text-align:right;min-width:36px;font-size:11px;font-weight:600}.stats-list{background:var(--surface);border:1px solid var(--line);border-radius:20px;flex-direction:column;gap:18px;padding:24px;display:flex}.stat-row{border-bottom:1px solid var(--line);flex-direction:column;gap:2px;padding-bottom:14px;display:flex}.stat-row:last-child{border-bottom:0;padding-bottom:0}.stat-row .eyebrow{font-size:10px}.stat-row .v{font-family:var(--serif);letter-spacing:-.02em;font-size:32px}.stat-row .delta{font-family:var(--mono);color:var(--ok);font-size:11px}.stat-row .delta.down{color:var(--danger)}.trend-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;margin-top:20px;padding:28px}.settings-grid{grid-template-columns:220px 1fr;gap:32px;display:grid}.settings-nav{flex-direction:column;gap:2px;display:flex}.settings-nav button{text-align:left;color:var(--ink-3);border-radius:8px;padding:8px 12px;font-size:13px;font-weight:500}.settings-nav button:hover,.settings-nav button.active{color:var(--ink);background:var(--surface-2)}.settings-panel{flex-direction:column;gap:28px;max-width:640px;display:flex}.settings-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px}.settings-card h3{font-family:var(--serif);letter-spacing:-.015em;margin:0 0 4px;font-size:22px;font-weight:400}.settings-card p.desc{color:var(--ink-3);margin:0 0 18px;font-size:13px}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{color:var(--ink-2);font-size:12px;font-weight:500}.field input,.field textarea{background:var(--surface-2);color:var(--ink);border:1px solid #0000;border-radius:8px;width:100%;padding:10px 12px;font-size:13px;transition:border-color .18s,background .18s}.field input:focus,.field textarea:focus{border-color:var(--ink-2);background:var(--surface);outline:none}.row-toggle{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.row-toggle:last-child{border-bottom:0}.row-toggle .rt-info{flex:1}.row-toggle .rt-label{font-size:13px;font-weight:600}.row-toggle .rt-desc{color:var(--ink-3);margin-top:2px;font-size:12px}.toggle{background:var(--surface-3);cursor:pointer;border:0;border-radius:10px;flex-shrink:0;width:36px;height:20px;transition:background .18s;position:relative}.toggle .knob{background:var(--surface);width:16px;height:16px;box-shadow:var(--shadow-sm);border-radius:8px;transition:transform .18s;position:absolute;top:2px;left:2px}.toggle.on{background:var(--ink)}.toggle.on .knob{background:var(--accent);transform:translate(16px)}.trash-banner{background:var(--surface);border:1px solid var(--line);border-radius:14px;align-items:center;gap:14px;margin-bottom:20px;padding:18px 20px;display:flex}.trash-banner .icon-wrap{background:var(--surface-2);width:40px;height:40px;color:var(--ink-2);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.trash-banner .t{font-size:14px;font-weight:600}.trash-banner .s{color:var(--ink-3);margin-top:2px;font-size:12px}.trash-banner .actions{gap:8px;margin-left:auto;display:flex}.gl-bg{z-index:0;background:linear-gradient(135deg,#1a0b2e 0%,#0b0b1a 50%,#0a1024 100%);position:fixed;inset:0}.gl-bg-radial{z-index:1;pointer-events:none;background:radial-gradient(80% 60% at 12% 18%,#a855f78c,#0000 60%),radial-gradient(70% 60% at 90% 20%,#f472b673,#0000 60%),radial-gradient(100% 70% at 50% 100%,#38bdf873,#0000 60%);position:fixed;inset:0}.gl-grain{z-index:2;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}.gl-blobs{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.gl-blob{filter:blur(60px);opacity:.6;will-change:transform;border-radius:9999px;position:absolute}.gl-page{z-index:3;place-items:center;width:100%;min-height:100vh;padding:32px 16px;display:grid;position:relative}.gl-card{-webkit-backdrop-filter:blur(28px)saturate(140%);color:#fff;width:100%;max-width:440px;font-family:"Inter", var(--sans);background:linear-gradient(140deg,#ffffff24,#ffffff0a);border:1px solid #ffffff2e;border-radius:28px;padding:40px;box-shadow:0 30px 80px -20px #0000008c,inset 0 1px #ffffff40}.gl-brand-row{align-items:center;gap:10px;margin-bottom:32px;display:flex}.gl-logo{background:linear-gradient(135deg,#fff,#fff6);border-radius:12px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.gl-wordmark{letter-spacing:-.01em;color:#fff;font-size:15px;font-weight:600}.gl-headline{letter-spacing:-.01em;color:#fff;margin:0 0 8px;font-family:Instrument Serif,serif;font-size:44px;font-weight:400;line-height:1.05}.gl-subhead{color:#fff9;margin:0 0 32px;font-size:14px}.gl-label{color:#ffffffb3;letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:500;display:block}.gl-field-head{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.gl-field-head .gl-label{margin-bottom:0}.gl-input{color:#fff;background:#ffffff0f;border:1px solid #ffffff24;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:15px;transition:border-color .18s,background .18s,box-shadow .18s;display:block}.gl-input::placeholder{color:#fff6}.gl-input:focus{background:#ffffff1a;border-color:#ffffff73;box-shadow:0 0 0 4px #ffffff14}.gl-input.err{border-color:#f87171a6;box-shadow:0 0 0 4px #f871711f}.gl-input.ok{border-color:#6ee7b78c}.gl-input-pw{padding-right:44px}.gl-eye-btn{color:#ffffff80;cursor:pointer;background:0 0;border:0;place-items:center;padding:2px;transition:color .14s;display:grid;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.gl-eye-btn:hover{color:#ffffffe6}.gl-field-error{color:#fca5a5e6;align-items:center;gap:6px;margin-top:8px;font-size:12px;display:flex}.gl-error-banner{color:#fecaca;background:#f871711f;border:1px solid #f871714d;border-radius:12px;align-items:flex-start;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:13px;line-height:1.45;display:flex}.gl-remember{margin-bottom:28px}.gl-remember-label{color:#ffffffb3;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:flex}.gl-checkbox{appearance:none;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff4d;border-radius:4px;flex-shrink:0;place-content:center;width:16px;height:16px;transition:background .14s,border-color .14s;display:inline-grid}.gl-checkbox:checked{background:#fff;border-color:#fff}.gl-checkbox:checked:after{content:"";clip-path:polygon(14% 44%,0 60%,40% 100%,100% 18%,84% 4%,38% 70%);background:#1a0b2e;width:9px;height:9px}.gl-btn-primary{letter-spacing:-.02em;color:#1a0b2e;cursor:pointer;background:linear-gradient(135deg,#fff 0%,#e9d5ff 100%);border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:transform .16s,filter .16s;display:flex;box-shadow:0 14px 30px -10px #ffffff59}.gl-btn-primary:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px)}.gl-btn-primary:active:not(:disabled){transform:translateY(0)}.gl-btn-primary:disabled{opacity:.7;cursor:not-allowed}.gl-divider{align-items:center;gap:12px;margin:24px 0;display:flex}.gl-divider-line{background:linear-gradient(90deg,#0000,#ffffff40,#0000);flex:1;height:1px}.gl-divider-label{text-transform:uppercase;letter-spacing:.18em;color:#ffffff73;white-space:nowrap;font-size:11px}.gl-social-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.gl-btn-social{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:background .16s,border-color .16s,transform .16s;display:flex}.gl-btn-social:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff47;transform:translateY(-1px)}.gl-btn-social:disabled{opacity:.45;cursor:not-allowed}.gl-footer{text-align:center;color:#ffffff8c;margin:28px 0 0;font-size:13px}.gl-footer-link{color:#fff;text-underline-offset:3px;transition:-webkit-text-decoration .14s,text-decoration .14s}.gl-footer-link:hover{text-decoration:underline}@keyframes gl-spin{to{transform:rotate(360deg)}}.gl-spin{animation:.8s linear infinite gl-spin}@media (width<=640px){.gl-card{padding:32px 24px}}.activity-list{flex-direction:column;gap:12px;display:flex}.activity-item{align-items:flex-start;gap:10px;font-size:12px;display:flex}.activity-item .dot{background:var(--ink-3);border-radius:3px;flex-shrink:0;width:6px;height:6px;margin-top:6px}.activity-item .at{color:var(--ink-3);font-family:var(--mono);font-size:10px}.activity-item .what{color:var(--ink)}.activity-item .what b{font-weight:600}.ctx-menu{z-index:1200;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);border-radius:10px;min-width:200px;padding:4px;animation:.14s slideUp;position:fixed}.ctx-menu button{width:100%;color:var(--ink-2);text-align:left;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.ctx-menu button:hover{background:var(--surface-2);color:var(--ink)}.ctx-menu .ctx-sep{background:var(--line);height:1px;margin:4px 0}.ctx-menu button.danger:hover{background:var(--danger);color:#fff}.ctx-menu .kbd{font-family:var(--mono);color:var(--ink-4);margin-left:auto;font-size:10px}@media (width<=1100px){.hero-grid{grid-template-columns:1fr}.quick-row{grid-template-columns:1fr 1fr}.analytics-grid{grid-template-columns:1fr}}.mobile-scrim{z-index:150;opacity:0;pointer-events:none;background:#0f0f1080;transition:opacity .2s;position:fixed;inset:0}@media (width<=820px){.app{grid-template-columns:1fr!important}.sidebar{z-index:200;width:280px;box-shadow:var(--shadow-lg);transition:transform .22s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.app[data-mobile-nav=open] .sidebar{transform:translate(0)}.app[data-mobile-nav=open] .mobile-scrim{opacity:1;pointer-events:auto}.quick-row{grid-template-columns:1fr}.topbar{padding:12px 16px}.page-inner{padding:20px 16px 40px}.display{font-size:44px}.storage-hero .hero-num{font-size:64px}.preview-modal{grid-template-columns:1fr;height:auto;max-height:calc(100vh - 32px)}.preview-canvas{min-height:240px;padding:20px}.file-list-head,.file-list-row{grid-template-columns:24px 1fr 80px 40px}.file-list-head>:nth-child(4),.file-list-row>:nth-child(4),.file-list-head>:nth-child(5),.file-list-row>:nth-child(5){display:none}.settings-grid{grid-template-columns:1fr}.settings-nav{flex-direction:row;overflow-x:auto}}@media (width<=640px){.search .kbd{display:none}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line);border:2px solid var(--bg);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--line-2)}.an-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.an-wide{grid-column:1/-1}.an-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px}.an-card-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:20px;font-size:11px;font-weight:600}.an-empty{text-align:center;color:var(--ink-4);padding:40px 0;font-size:13px}@keyframes an-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.an-skel{background:var(--surface-2);border-radius:8px;position:relative;overflow:hidden}.an-skel:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--surface-3) 50%, transparent 100%);animation:1.6s infinite an-shimmer;position:absolute;inset:0}.an-skel-title{width:120px;height:14px;margin-bottom:20px}.an-skel-body{border-radius:10px}.an-ring-card{flex-direction:column;display:flex}.an-ring-wrap{flex:1;align-items:center;gap:28px;display:flex}.an-ring-svg-wrap{flex-shrink:0;width:200px;height:200px;position:relative}.an-ring-centre{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.an-ring-pct{font-family:var(--serif);color:var(--ink);font-size:42px;font-weight:400;line-height:1}.an-ring-pct span{color:var(--ink-3);font-size:22px}.an-ring-sub{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);margin-top:4px;font-size:11px}.an-ring-stats{flex-direction:column;flex:1;gap:12px;display:flex}.an-ring-stat{justify-content:space-between;align-items:baseline;display:flex}.an-ring-stat-label{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-4);font-size:11px}.an-ring-stat-val{color:var(--ink);font-size:15px;font-weight:600}.an-ring-bar-wrap{background:var(--surface-3);border-radius:3px;height:5px;margin-top:4px;overflow:hidden}.an-ring-bar-fill{background:#cfff3d;border-radius:3px;height:100%}.an-ring-bar-label{font-family:var(--mono);color:var(--ink-4);margin-top:6px;font-size:11px}.an-breakdown-wrap{align-items:center;gap:20px;display:flex}.an-legend{flex-direction:column;flex:1;gap:8px;margin:0;padding:0;list-style:none;display:flex}.an-legend-item{cursor:default;border-radius:6px;align-items:center;gap:8px;padding:4px 6px;transition:background .15s;display:flex}.an-legend-item.active,.an-legend-item:hover{background:var(--surface-2)}.an-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.an-legend-name{color:var(--ink-2);flex:1;font-size:13px}.an-legend-size{color:var(--ink-3);font-size:12px;font-family:var(--mono)}.an-legend-pct{color:var(--ink-4);font-size:11px;font-family:var(--mono);text-align:right;width:32px}.an-tooltip{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;padding:10px 14px}.an-tooltip-label{color:var(--ink-3);font-size:11px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.an-tooltip-val{color:var(--ink);font-size:15px;font-weight:600}.an-tooltip-pct{color:var(--ink-3);margin-top:2px;font-size:12px}.an-lf-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.an-lf-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:8px 0;display:flex}.an-lf-row:last-child{border-bottom:none}.an-lf-rank{font-family:var(--mono);color:var(--ink-4);flex-shrink:0;width:24px;font-size:11px}.an-lf-info{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.an-lf-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.an-lf-bar-track{background:var(--surface-3);border-radius:2px;height:3px;overflow:hidden}.an-lf-bar-fill{border-radius:2px;height:100%}.an-lf-right{text-align:right;flex-shrink:0}.an-lf-size{font-family:var(--mono);color:var(--ink);font-size:12px;font-weight:600;display:block}.an-lf-date{color:var(--ink-4);margin-top:2px;font-size:11px;display:block}.an-insights-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.an-insight-card{border-radius:10px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.an-insight-icon{flex-shrink:0;margin-top:1px}.an-insight-msg{color:var(--ink);margin-bottom:3px;font-size:13px;font-weight:600}.an-insight-detail{color:var(--ink-3);font-size:12px;line-height:1.5}@media (width<=820px){.an-grid{grid-template-columns:1fr}.an-wide{grid-column:1}.an-ring-wrap{flex-direction:column;align-items:flex-start;gap:16px}.an-breakdown-wrap{flex-direction:column}.an-insights-grid{grid-template-columns:1fr}}.sett-layout{grid-template-columns:200px 1fr;align-items:start;gap:24px;display:grid}.sett-nav{flex-direction:column;gap:2px;display:flex;position:sticky;top:20px}.sett-nav-item{color:var(--ink-2);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:13px;font-weight:500;transition:background .13s,color .13s;display:flex}.sett-nav-item:hover{background:var(--surface-2);color:var(--ink)}.sett-nav-item.active{background:var(--surface-2);color:var(--ink);font-weight:600}.sett-nav-item svg{color:var(--ink-3);flex-shrink:0}.sett-nav-item.active svg{color:var(--ink)}.sett-content{flex-direction:column;gap:16px;display:flex}.sett-section-head{margin-bottom:4px}.sett-section-title{font-family:var(--serif);letter-spacing:-.015em;margin:0 0 6px;font-size:26px;font-weight:400}.sett-section-sub{color:var(--ink-3);margin:0 0 4px;font-size:13px}.sett-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;gap:0;padding:20px 24px;display:flex}.sett-card-sub-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4);margin-bottom:16px;font-size:10px;font-weight:600}.sett-divider{background:var(--line);height:1px;margin:14px 0}.sett-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.sett-row-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sett-row-label{color:var(--ink);font-size:13px;font-weight:500}.sett-row-desc{color:var(--ink-3);font-size:12px}.sett-row-ctrl{flex-shrink:0}.sett-field-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.sett-field-group:last-of-type{margin-bottom:0}.sett-label{color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:600}.sett-input{border:1px solid var(--line);background:var(--surface);height:40px;color:var(--ink);font-size:13px;font-family:var(--sans);border-radius:8px;padding:0 12px;transition:border-color .15s}.sett-input:focus{border-color:var(--accent);outline:none}.sett-hint{color:var(--ink-4);margin-top:2px;font-size:11px}.sett-toggle-row{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:4px 0;display:flex}.sett-toggle-row.disabled{opacity:.45;pointer-events:none}.sett-toggle-text{flex-direction:column;flex:1;gap:2px;display:flex}.sett-toggle-label{color:var(--ink);font-size:13px;font-weight:500}.sett-toggle-desc{color:var(--ink-3);font-size:12px}.sett-toggle{background:var(--surface-3);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background .2s cubic-bezier(.4,0,.2,1);position:relative}.sett-toggle.on{background:var(--accent)}.sett-toggle.sm{border-radius:10px;width:36px;height:20px}.sett-toggle-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #00000040}.sett-toggle.on .sett-toggle-thumb{transform:translate(20px)}.sett-toggle.sm .sett-toggle-thumb{width:14px;height:14px}.sett-toggle.sm.on .sett-toggle-thumb{transform:translate(16px)}.sett-avatar-row{align-items:center;gap:16px;margin-bottom:20px;display:flex}.sett-avatar{background:var(--accent);width:56px;height:56px;color:var(--accent-ink);font-family:var(--serif);letter-spacing:-.03em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:400;display:flex}.sett-avatar-name{color:var(--ink);font-size:15px;font-weight:600}.sett-avatar-email{color:var(--ink-3);margin-top:2px;font-size:12px}.sett-pw-strength{align-items:center;gap:8px;margin-top:-8px;margin-bottom:14px;display:flex}.sett-pw-bars{flex:1;gap:4px;display:flex}.sett-pw-bar{border-radius:2px;flex:1;height:3px;transition:background .2s}.sett-show-pw{color:var(--ink-3);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:12px;display:flex}.sett-show-pw input{accent-color:var(--accent)}.sett-info-banner{background:color-mix(in oklab, var(--info) 10%, var(--surface));color:var(--info);border:1px solid color-mix(in oklab, var(--info) 25%, transparent);border-radius:10px;align-items:center;gap:8px;padding:12px 16px;font-size:13px;display:flex}.sett-density-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.sett-density-opt{cursor:pointer;border:1px solid var(--line);color:var(--ink-2);background:0 0;border-radius:10px;flex-direction:column;align-items:center;gap:10px;padding:14px 10px;font-size:12px;transition:all .15s;display:flex}.sett-density-opt:hover{border-color:var(--line-2);background:var(--surface-2)}.sett-density-opt.active{border-color:var(--accent);background:color-mix(in oklab, var(--accent) 8%, var(--surface));color:var(--ink);font-weight:600}.sett-density-preview{flex-direction:column;gap:4px;width:40px;display:flex}.dp-line{background:var(--line-2);border-radius:2px;height:3px}.dp-line.s{width:60%}.dp-line.m{width:80%}.dp-line.l{width:100%}.dp-gap{height:3px}.dp-gap.lg{height:6px}.sett-storage-overview{flex-direction:column;gap:10px;display:flex}.sett-storage-nums{align-items:baseline;gap:6px;display:flex}.sett-storage-used{font-family:var(--serif);color:var(--ink);font-size:28px;font-weight:400}.sett-storage-of{color:var(--ink-3);font-size:13px}.sett-storage-bar-track{background:var(--surface-3);border-radius:3px;height:6px;overflow:hidden}.sett-storage-bar-fill{border-radius:3px;height:100%}.sett-storage-meta{color:var(--ink-4);font-size:11px;font-family:var(--mono);justify-content:space-between;display:flex}.sett-seg{border:1px solid var(--line);border-radius:8px;display:flex;overflow:hidden}.sett-seg-opt{color:var(--ink-3);cursor:pointer;border:none;border-right:1px solid var(--line);background:0 0;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:500;transition:background .13s,color .13s;display:flex}.sett-seg-opt:last-child{border-right:none}.sett-seg-opt.active{background:var(--surface-2);color:var(--ink)}.sett-seg-opt:hover:not(.active){background:var(--surface-2)}.sett-api-token-block{flex-direction:column;gap:0;display:flex}.sett-api-token-field{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;margin-bottom:6px;padding:10px 12px;display:flex}.sett-api-token-val{font-family:var(--mono);color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;overflow:hidden}.sett-api-copy{cursor:pointer;color:var(--ink-3);background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:4px;transition:color .15s}.sett-api-copy:hover{color:var(--ink)}.sett-api-hint{color:var(--ink-4);font-size:11px}.sett-danger-zone{border:1px solid color-mix(in oklab, var(--danger) 30%, transparent);border-radius:var(--radius-lg);background:color-mix(in oklab, var(--danger) 5%, var(--surface));padding:20px 24px}.sett-danger-label{color:var(--danger);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:12px;font-weight:700}.sett-danger-desc{color:var(--ink-3);margin:0 0 14px;font-size:13px}.sett-toast{z-index:9999;box-shadow:var(--shadow-lg);pointer-events:none;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:12px 18px;font-size:13px;font-weight:500;display:flex;position:fixed;top:20px;right:20px}.sett-toast-success{background:color-mix(in oklab, var(--ok) 10%, var(--surface));color:var(--ok);border-color:color-mix(in oklab, var(--ok) 30%, transparent)}.sett-toast-error{background:color-mix(in oklab, var(--danger) 10%, var(--surface));color:var(--danger);border-color:color-mix(in oklab, var(--danger) 30%, transparent)}.sett-toast-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}@media (width<=820px){.sett-layout{grid-template-columns:1fr}.sett-nav{flex-direction:row;gap:4px;padding-bottom:4px;position:static;overflow-x:auto}.sett-nav-item{white-space:nowrap;flex-shrink:0}.sett-density-grid{grid-template-columns:1fr 1fr}}