.lp{--lp-bg:#f4efe6;--lp-paper:#faf7f1;--lp-card:#fff;--lp-ink:#1f1d1a;--lp-muted:#6f6a61;--lp-line:#e3dccf;--lp-accent:#c96442;--lp-accent-hover:#b4563a;--lp-serif:"Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;background:var(--lp-bg);color:var(--lp-ink);font:16px/1.55 var(--font);scroll-behavior:smooth;position:fixed;inset:0;overflow-y:auto}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .lp{--lp-bg:#1c1a17;--lp-paper:#23211d;--lp-card:#2a2723;--lp-ink:#f1ece3;--lp-muted:#a8a196;--lp-line:#3a362f;--lp-accent:#d97757;--lp-accent-hover:#e48a6c}}:root[data-theme=dark] .lp{--lp-bg:#1c1a17;--lp-paper:#23211d;--lp-card:#2a2723;--lp-ink:#f1ece3;--lp-muted:#a8a196;--lp-line:#3a362f;--lp-accent:#d97757;--lp-accent-hover:#e48a6c}.lp a{color:inherit;text-decoration:none}.lp em{color:var(--lp-accent);font-style:italic}.lp-nav{z-index:5;background:color-mix(in srgb, var(--lp-bg) 86%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;gap:16px;padding:14px clamp(16px,4vw,48px);display:flex;position:sticky;top:0}.lp-brand{font:600 19px/1 var(--lp-serif);letter-spacing:-.01em;align-items:center;gap:10px;display:inline-flex}.lp-nav nav{align-items:center;gap:22px;font-size:15px;display:flex}.lp-nav nav a{color:var(--lp-muted)}.lp-nav nav a:hover{color:var(--lp-ink)}.lp-btn{border:1px solid var(--lp-line);background:var(--lp-card);height:44px;color:var(--lp-ink);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 20px;font-size:15px;font-weight:600;transition:background .15s,transform 80ms,border-color .15s;display:inline-flex}.lp-btn:hover{border-color:color-mix(in srgb, var(--lp-ink) 25%, var(--lp-line))}.lp-btn:active{transform:scale(.98)}.lp-btn.primary{background:var(--lp-accent);border-color:var(--lp-accent);color:#fff}.lp-btn.primary:hover{background:var(--lp-accent-hover)}.lp-btn.ghost{background:0 0;height:38px;padding:0 16px}.lp-hero{text-align:center;max-width:1120px;margin:0 auto;padding:clamp(40px,9vh,96px) 16px 40px}.lp-eyebrow{border:1px solid var(--lp-line);background:var(--lp-paper);color:var(--lp-muted);letter-spacing:.02em;border-radius:999px;margin:0 0 22px;padding:6px 14px;font-size:13px;display:inline-block}.lp-hero h1{max-width:15ch;font:400 clamp(42px, 7.4vw, 92px)/1.02 var(--lp-serif);letter-spacing:-.028em;font-variation-settings:"opsz" 144, "SOFT" 50;margin:0 auto}.lp-hero h1 em{font-weight:400}.lp-sub{max-width:560px;color:var(--lp-muted);margin:26px auto 0;font-size:clamp(17px,1.6vw,19px)}.lp-cta{flex-wrap:wrap;justify-content:center;gap:12px;margin:32px 0 56px;display:flex}.lp-window{border:1px solid var(--lp-line);background:var(--lp-paper);text-align:left;border-radius:20px;max-width:940px;margin:0 auto;animation:.8s cubic-bezier(.2,.8,.2,1) both lp-rise;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff6,0 40px 80px -30px #3c281459}.lp-win-bar{border-bottom:1px solid var(--lp-line);align-items:center;gap:7px;height:42px;padding:0 16px;display:flex}.lp-win-bar i{background:var(--lp-line);border-radius:50%;width:11px;height:11px}.lp-win-bar span{background:var(--lp-bg);color:var(--lp-muted);border-radius:8px;margin:0 auto;padding:4px 40px;font-size:12px}.lp-win-body{grid-template-columns:190px 1fr;min-height:300px;display:grid}.lp-win-side{border-right:1px solid var(--lp-line);color:var(--lp-muted);flex-direction:column;gap:4px;padding:16px 12px;font-size:13.5px;display:flex}.lp-win-side b,.lp-win-side span{border-radius:999px;padding:7px 12px}.lp-win-side b{background:color-mix(in srgb, var(--lp-accent) 14%, transparent);color:var(--lp-accent)}.lp-win-meter{margin-top:auto;padding:0 12px;font-size:12px}.lp-win-meter em{margin-right:4px;font-style:normal;font-weight:700}.lp-win-grid{grid-template-columns:repeat(3,1fr);align-content:start;gap:12px;padding:18px;display:grid}.lp-file{background:var(--lp-card);border:1px solid var(--lp-line);border-radius:12px;padding:6px;animation:.6s cubic-bezier(.2,.8,.2,1) both lp-rise}.lp-file-art{aspect-ratio:16/10;border-radius:8px;place-items:center;display:grid}.lp-file-art span{aspect-ratio:3/4;opacity:.85;border-radius:4px 12px 4px 4px;width:30%}.lp-file-name{white-space:nowrap;text-overflow:ellipsis;padding:8px 4px 4px;font-size:12.5px;font-weight:500;overflow:hidden}.lp-upload{background:var(--lp-card);border:1px solid var(--lp-line);border-radius:14px;width:270px;padding:12px 14px;font-size:12.5px;position:absolute;bottom:18px;right:18px;box-shadow:0 18px 40px -16px #3c281466}.lp-upload-top{gap:1px;margin-bottom:9px;display:grid}.lp-upload-top span{color:var(--lp-muted);font-size:11.5px}.lp-upload-bar{background:var(--lp-line);border-radius:2px;height:4px;overflow:hidden}.lp-upload-bar i{background:var(--lp-accent);transform-origin:0;height:100%;animation:5s cubic-bezier(.4,0,.2,1) infinite lp-fill;display:block}@keyframes lp-fill{0%{transform:scaleX(.04)}85%,to{transform:scaleX(1)}}@keyframes lp-rise{0%{opacity:0;transform:translateY(14px)}}.lp-strip{background:var(--lp-line);border:1px solid var(--lp-line);border-radius:18px;grid-template-columns:repeat(4,1fr);gap:1px;width:min(1040px,100% - 32px);margin:40px auto 0;display:grid;overflow:hidden}.lp-strip div{background:var(--lp-paper);text-align:center;gap:2px;padding:22px 20px;display:grid}.lp-strip strong{font:400 38px/1.1 var(--lp-serif);letter-spacing:-.02em}.lp-strip span{color:var(--lp-muted);font-size:14px}.lp-features{max-width:1120px;margin:0 auto;padding:clamp(72px,12vh,120px) 16px 40px;scroll-margin-top:60px}.lp-features h2,.lp-final h2{text-align:center;max-width:18ch;font:400 clamp(32px, 4.6vw, 54px)/1.08 var(--lp-serif);letter-spacing:-.03em;margin:0 auto 44px}.lp-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.lp-card{background:var(--lp-paper);border:1px solid var(--lp-line);border-radius:18px;padding:26px 24px;transition:transform .2s,box-shadow .2s}.lp-card:hover{transform:translateY(-2px);box-shadow:0 20px 40px -24px #3c281459}.lp-card-icon{background:color-mix(in srgb, var(--lp-accent) 13%, transparent);width:40px;height:40px;color:var(--lp-accent);border-radius:12px;place-items:center;margin-bottom:18px;display:grid}.lp-card h3{font:500 22px/1.2 var(--lp-serif);letter-spacing:-.01em;margin:0 0 6px}.lp-card p{color:var(--lp-muted);margin:0;font-size:15px}.lp-quote{text-align:center;max-width:860px;margin:0 auto;padding:72px 16px}.lp-quote blockquote{font:400 clamp(26px, 3.6vw, 40px)/1.25 var(--lp-serif);letter-spacing:-.02em;margin:0}.lp-quote cite{color:var(--lp-muted);margin-top:18px;font-size:14px;font-style:normal;display:block}.lp-final{text-align:center;background:var(--lp-paper);border:1px solid var(--lp-line);margin:0 16px;border-radius:28px;max-width:1088px;margin-inline:auto;padding:72px 16px}.lp-final h2{margin-bottom:28px}.lp-foot{max-width:1120px;color:var(--lp-muted);flex-wrap:wrap;justify-content:space-between;gap:8px;margin:0 auto;padding:40px 16px 48px;font-size:13.5px;display:flex}@media (max-width:820px){.lp-nav nav a{display:none}.lp-win-body{grid-template-columns:1fr}.lp-win-side{display:none}.lp-win-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:12px}.lp-upload{width:auto;margin:0 12px 12px;position:static}.lp-strip{grid-template-columns:repeat(2,1fr)}.lp-grid{grid-template-columns:1fr}}@media (min-width:821px) and (max-width:1060px){.lp-grid{grid-template-columns:repeat(2,1fr)}}:root{--bg:#f7f6f3;--surface:#fff;--surface-2:#f1efea;--ink:#18181b;--muted:#6b6b73;--line:#e7e4de;--line-2:#d9d5cd;--accent:#ff6a1a;--accent-ink:#c94a06;--accent-soft:#ff6a1a1f;--sel:#ff6a1a21;--sel-line:#ff6a1a8c;--danger:#e5484d;--ok:#30a46c;--folder:#c9a35b;--folder-front:#e6c27a;--page:#fff;--page-line:#d6d2c8;--shadow:0 1px 2px #14100a0d, 0 8px 24px -8px #14100a1f;--shadow-lg:0 24px 64px -16px #14100a47, 0 2px 6px #14100a0f;--r:14px;--font:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f0f11;--surface:#17171a;--surface-2:#1e1e22;--ink:#ededef;--muted:#9a9aa3;--line:#26262b;--line-2:#34343a;--accent-ink:#ff8a4c;--accent-soft:#ff6a1a29;--sel:#ff6a1a29;--folder:#a8843f;--folder-front:#d1ad63;--page:#232327;--page-line:#3a3a41;--shadow:0 1px 2px #0006, 0 8px 24px -8px #00000080;--shadow-lg:0 24px 64px -12px #000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0f0f11;--surface:#17171a;--surface-2:#1e1e22;--ink:#ededef;--muted:#9a9aa3;--line:#26262b;--line-2:#34343a;--accent-ink:#ff8a4c;--accent-soft:#ff6a1a29;--sel:#ff6a1a29;--folder:#a8843f;--folder-front:#d1ad63;--page:#232327;--page-line:#3a3a41;--shadow:0 1px 2px #0006, 0 8px 24px -8px #00000080;--shadow-lg:0 24px 64px -12px #000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:14px/1.45 var(--font);-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.5}input{font:inherit;color:inherit}kbd{background:var(--surface-2);border:1px solid var(--line);color:var(--muted);border-radius:5px;padding:3px 5px;font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace}code{background:var(--surface-2);border-radius:4px;padding:1px 5px;font:12px ui-monospace,Menlo,monospace}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:12.5px}h1,h2,h3{letter-spacing:-.01em;margin:0}.btn{background:var(--surface);border:1px solid var(--line-2);white-space:nowrap;border-radius:10px;align-items:center;gap:7px;height:36px;padding:0 14px;font-weight:600;transition:background .12s,border-color .12s,transform 80ms;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:active:not(:disabled){transform:scale(.98)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:#f05f12}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover:not(:disabled){background:var(--surface-2)}.btn.sm{height:30px;padding:0 10px;font-size:13px}.btn.wide{justify-content:center;width:100%;height:42px}.btn.danger,.btn.ghost.danger{color:var(--danger)}.btn.danger-solid{background:var(--danger);color:#fff;border-color:var(--danger)}.icon-btn{width:36px;height:36px;color:var(--muted);border-radius:10px;flex:none;place-items:center;transition:background .12s,color .12s;display:inline-grid}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}.icon-btn.sm{border-radius:8px;width:28px;height:28px}.icon-btn.on-dark{color:#ffffffc7}.icon-btn.on-dark:hover{color:#fff;background:#ffffff1f}.boot{grid-auto-flow:column;place-content:center;gap:6px;display:grid;position:fixed;inset:0}.boot span{background:var(--accent);border-radius:50%;width:10px;height:10px;animation:.9s ease-in-out infinite hop}.boot span:nth-child(2){background:#2e8bf0;animation-delay:.12s}.boot span:nth-child(3){background:#57d334;animation-delay:.24s}@keyframes hop{50%{transform:translateY(-7px)}}.login{place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:auto}.login-glow{background:radial-gradient(600px 400px at 50% 30%, var(--accent-soft), transparent 70%);pointer-events:none;position:absolute;inset:0}.login-card{background:var(--surface);border:1px solid var(--line);width:min(380px,100%);box-shadow:var(--shadow-lg);text-align:center;border-radius:22px;justify-items:center;gap:12px;padding:32px 28px;display:grid;position:relative}.login-back{color:var(--muted);border-radius:8px;align-items:center;gap:2px;padding:4px 8px;font-size:13px;display:inline-flex;position:absolute;top:14px;left:14px}.login-back:hover{background:var(--surface-2);color:var(--ink)}.login-card h1{margin-top:4px;font-size:24px}.login-card>p{margin:-6px 0 8px}.or{width:100%;color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.or:before,.or:after{content:"";background:var(--line);flex:1;height:1px}.field{text-align:left;width:100%;color:var(--muted);gap:6px;font-size:12.5px;font-weight:600;display:grid}.field input,.input{border:1px solid var(--line-2);background:var(--bg);border-radius:10px;outline:none;width:100%;height:42px;padding:0 12px;transition:border-color .12s,box-shadow .12s}.field input:focus,.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.form-error{color:var(--danger);font-size:13px;font-weight:500}.shell{grid-template-columns:248px 1fr;height:100%;display:grid}.sidebar{border-right:1px solid var(--line);background:var(--bg);flex-direction:column;gap:6px;min-height:0;padding:14px 12px;display:flex;overflow-y:auto}.brand{letter-spacing:-.02em;color:inherit;align-items:center;gap:10px;padding:4px 8px 10px;font-size:18px;font-weight:500;text-decoration:none;display:flex}.brand b{font-weight:800}.new-wrap{padding:2px 4px 8px;position:relative}.btn-new{background:var(--surface);height:50px;box-shadow:var(--shadow);border:1px solid var(--line);border-radius:16px;align-items:center;gap:10px;padding:0 22px 0 16px;font-size:15px;font-weight:700;transition:box-shadow .15s,transform 80ms;display:inline-flex}.btn-new:hover{box-shadow:var(--shadow-lg)}.btn-new svg{color:var(--accent)}.nav{gap:2px;display:grid}.nav-item{height:38px;color:var(--ink);text-align:left;border-radius:999px;align-items:center;gap:14px;padding:0 14px;font-weight:500;transition:background .12s;display:flex}.nav-item svg{color:var(--muted)}.nav-item:hover{background:var(--surface-2)}.nav-item[aria-current=page]{background:var(--accent-soft);color:var(--accent-ink);font-weight:700}.nav-item[aria-current=page] svg{color:var(--accent-ink)}.nav-item[data-drop=true]{outline:2px dashed var(--accent)}.storage{text-align:left;border:1px solid #0000;border-radius:14px;gap:8px;margin-top:auto;padding:14px;display:grid}.storage:hover,.storage[aria-current=page]{background:var(--surface);border-color:var(--line)}.storage-row{align-items:center;gap:10px;font-weight:600;display:flex}.storage-row svg{color:var(--muted)}.inf{color:var(--accent);margin-left:auto;font-size:20px;font-weight:700;line-height:1}.storage-bar{background:var(--line);border-radius:3px;height:5px;overflow:hidden}.storage-bar i{background:linear-gradient(90deg, var(--accent), #ffb21a);border-radius:inherit;height:100%;display:block}.main{flex-direction:column;min-width:0;min-height:0;display:flex}.topbar{align-items:center;gap:12px;padding:10px 16px 6px 20px;display:flex}.menu-btn{display:none}.search{background:var(--surface-2);max-width:720px;height:46px;color:var(--muted);border:1px solid #0000;border-radius:999px;flex:1;align-items:center;gap:10px;padding:0 8px 0 16px;transition:background .15s,box-shadow .15s,border-color .15s;display:flex}.search:focus-within{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow)}.search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:15px}.search kbd{margin-right:6px}.topbar-actions{gap:2px;margin-left:auto;display:flex}.nav-scrim{display:none}.browser{background:var(--surface);border:1px solid var(--line);border-radius:20px;flex-direction:column;flex:1;min-height:0;margin:6px 12px 12px 8px;display:flex;overflow:hidden}.browser-head{align-items:center;gap:12px;min-height:64px;padding:10px 14px 6px 18px;display:flex}.view-title{text-overflow:ellipsis;white-space:nowrap;padding-left:6px;font-size:22px;font-weight:600;overflow:hidden}.head-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.crumbs{flex-wrap:nowrap;align-items:center;min-width:0;display:flex;overflow:hidden}.crumb-wrap{align-items:center;min-width:0;display:flex}.crumb{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;border-radius:10px;align-items:center;gap:4px;max-width:260px;padding:6px 10px;font-size:22px;font-weight:500;display:inline-flex;overflow:hidden}.crumb[data-last=true]{color:var(--ink);font-weight:600}.crumb:hover{background:var(--surface-2)}.crumb[data-over=true]{background:var(--accent-soft);outline:2px dashed var(--accent)}.crumb-sep{color:var(--muted);flex:none}.seg{border:1px solid var(--line-2);border-radius:999px;display:inline-flex;overflow:hidden}.seg button{width:44px;height:32px;color:var(--muted);place-items:center;display:grid}.seg button[aria-checked=true]{background:var(--accent-soft);color:var(--accent-ink)}.selbar{background:var(--surface-2);border-radius:999px;flex:1;align-items:center;gap:8px;height:44px;padding:0 6px;animation:.14s ease-out pop;display:flex}.selcount{font-weight:600}.selbar-actions{gap:2px;margin-left:12px;display:flex}@keyframes pop{0%{opacity:0;transform:translateY(-3px)}}.chips{scrollbar-width:none;gap:8px;padding:0 20px 8px;display:flex;overflow-x:auto}.chip{border:1px solid var(--line-2);white-space:nowrap;border-radius:9px;height:32px;padding:0 14px;font-size:13px;font-weight:600}.chip[aria-checked=true]{background:var(--accent-soft);color:var(--accent-ink);border-color:#0000}.banner{background:var(--surface-2);color:var(--muted);border-radius:12px;align-items:center;gap:8px;margin:0 18px 8px;padding:10px 14px;font-size:13px;display:flex}.browser-body{-webkit-user-select:none;user-select:none;overscroll-behavior:contain;flex:1;padding:4px 18px 120px;position:relative;overflow-y:auto}.section-label{color:var(--muted);margin:14px 6px 10px;font-size:13px;font-weight:600}.folder-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.file-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.folder-card{background:var(--surface-2);cursor:default;content-visibility:auto;contain-intrinsic-size:220px 52px;border-radius:12px;align-items:center;gap:12px;height:52px;padding:0 6px 0 14px;transition:background .1s,box-shadow .1s;display:flex}.folder-card:hover{background:color-mix(in srgb, var(--surface-2) 70%, var(--line-2))}.folder-card .name,.file-card .name,.row .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}[data-selected=true].folder-card,[data-selected=true].file-card{background:var(--sel);box-shadow:inset 0 0 0 1.5px var(--sel-line)}[data-over=true].folder-card,[data-over=true].row{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.badge-icon{color:var(--muted);flex:none}.badge-icon.star{color:#f5a524;fill:#f5a524}.more{opacity:0}[data-id]:hover .more,[data-selected=true] .more,.more:focus-visible{opacity:1}@media (pointer:coarse){.more{opacity:1}}.file-card{background:var(--surface-2);cursor:default;content-visibility:auto;contain-intrinsic-size:200px 210px;border-radius:14px;flex-direction:column;padding:6px;transition:background .1s,box-shadow .1s;display:flex}.file-card:hover{background:color-mix(in srgb, var(--surface-2) 70%, var(--line-2))}.file-card-media{aspect-ratio:4/3;background:var(--surface);border-radius:9px;place-items:center;display:grid;position:relative;overflow:hidden}.file-card-media[data-thumb=true]{background:#0002}.thumb-card{object-fit:cover;width:100%;height:100%;display:block}.play-badge{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;bottom:8px;left:8px}.play-badge svg{fill:#fff}.file-card-foot{align-items:center;gap:8px;height:40px;padding:0 0 0 6px;display:flex}.skeleton{background:linear-gradient(100deg, var(--surface-2) 30%, var(--line) 50%, var(--surface-2) 70%) 0 0 / 300% 100%;height:200px;animation:1.3s linear infinite shimmer}@keyframes shimmer{to{background-position:-150% 0}}.table{display:grid}.row{border-bottom:1px solid var(--line);cursor:default;content-visibility:auto;contain-intrinsic-size:auto 48px;grid-template-columns:minmax(0,1fr) 140px 100px 44px;align-items:center;gap:12px;height:48px;padding:0 6px 0 10px;display:grid}.table[data-path=true] .row{grid-template-columns:minmax(0,1fr) minmax(0,.6fr) 140px 100px 44px}.row:not(.head):hover{background:var(--surface-2);border-radius:10px}.row[data-selected=true]{background:var(--sel);border-color:#0000;border-radius:10px}.row.head{height:40px;color:var(--muted);background:var(--surface);z-index:1;font-size:12.5px;font-weight:600;position:sticky;top:-4px}.row.head button{text-align:left;align-items:center;gap:4px;font-weight:600;display:inline-flex}.row.head button[data-on=true]{color:var(--ink)}.c-name{align-items:center;gap:12px;min-width:0;display:flex}.row-icon{flex:none;place-items:center;width:30px;height:30px;display:grid}.thumb-row{object-fit:cover;border-radius:6px;width:30px;height:30px}.c-date,.c-size{color:var(--muted);white-space:nowrap;font-size:13px}.c-loc{min-width:0}.loc{max-width:100%;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;border-radius:8px;align-items:center;gap:6px;padding:4px 8px;font-size:13px;display:inline-flex;overflow:hidden}.loc:hover{background:var(--surface);color:var(--ink)}.marquee{background:var(--sel);border:1px solid var(--sel-line);pointer-events:none;z-index:5;border-radius:4px;position:absolute}.empty{text-align:center;justify-items:center;gap:8px;padding:80px 20px;display:grid}.empty-art{background:var(--accent-soft);width:84px;height:84px;color:var(--accent-ink);border-radius:26px;place-items:center;margin-bottom:8px;display:grid}.empty h3{font-size:18px}.empty p{max-width:380px;margin:0}.empty-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.popover{z-index:60;background:var(--surface);border:1px solid var(--line);min-width:230px;box-shadow:var(--shadow-lg);border-radius:14px;padding:6px;animation:.12s ease-out pop;position:fixed}.new-menu{position:absolute;top:4px;left:4px}.popover button{text-align:left;border-radius:8px;align-items:center;gap:12px;width:100%;height:36px;padding:0 10px;display:flex}.popover button:hover,.popover button:focus-visible{background:var(--surface-2);outline:none}.popover button svg{color:var(--muted)}.popover button span{flex:1}.popover button kbd{margin-left:auto}.popover button[data-danger=true],.popover button[data-danger=true] svg{color:var(--danger)}.popover .sep,.ctx-group+.ctx-group{border-top:1px solid var(--line);margin-top:4px;padding-top:4px}.modal-scrim{z-index:70;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0a0c6b;place-items:center;padding:16px;animation:.14s fade;display:grid;position:fixed;inset:0}.modal-scrim.top{place-items:start center;padding-top:12vh}@keyframes fade{0%{opacity:0}}.modal{background:var(--surface);width:min(440px,100%);max-height:calc(100vh - 32px);box-shadow:var(--shadow-lg);border-radius:20px;padding:18px 20px;animation:.18s cubic-bezier(.2,.9,.3,1.2) rise;overflow:auto}.modal[data-wide=true]{width:min(600px,100%)}@keyframes rise{0%{opacity:0;transform:translateY(8px)scale(.98)}}.modal>header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.modal>header h2{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:18px;font-weight:650;overflow:hidden}.modal footer{justify-content:flex-end;align-items:center;gap:8px;margin-top:18px;display:flex}.modal p{margin:0}.mv-crumbs{flex-wrap:wrap;align-items:center;gap:2px;margin-bottom:8px;font-size:13px;display:flex}.mv-crumbs span{color:var(--muted);align-items:center;display:inline-flex}.mv-crumbs button{color:var(--ink);border-radius:6px;padding:4px 6px;font-weight:600}.mv-crumbs button:hover{background:var(--surface-2)}.mv-list{border:1px solid var(--line);border-radius:12px;height:280px;padding:4px;overflow:auto}.mv-item{text-align:left;border-radius:8px;align-items:center;gap:10px;width:100%;height:40px;padding:0 6px 0 10px;display:flex}.mv-item span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.mv-item:hover{background:var(--surface-2)}.mv-item[aria-selected=true]{background:var(--sel)}.mv-open{width:28px;height:28px;color:var(--muted);border-radius:6px;place-items:center;display:grid}.mv-open:hover{background:var(--line)}.mv-empty{padding:16px}.share-box{gap:14px;display:grid}.share-state{background:var(--surface-2);border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.share-state>div{flex:1;min-width:0}.share-dot{background:var(--muted);border-radius:50%;flex:none;width:10px;height:10px}.share-dot[data-on=true]{background:var(--ok);box-shadow:0 0 0 4px color-mix(in srgb, var(--ok) 20%, transparent)}.share-link{gap:8px;display:flex}.share-exp{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.share-exp .muted{margin-right:4px}.info-head{word-break:break-word;align-items:center;gap:12px;margin-bottom:12px;display:flex}.info,.keys{gap:0;margin:0;display:grid}.info>div,.keys>div{border-top:1px solid var(--line);grid-template-columns:120px 1fr;gap:12px;padding:9px 0;font-size:13.5px;display:grid}.keys>div{grid-template-columns:150px 1fr}.keys dt{gap:4px;display:flex}.info dt{color:var(--muted)}.info dd,.keys dd{word-break:break-word;margin:0}.set-sec{border-top:1px solid var(--line);justify-items:start;gap:10px;padding:14px 0;display:grid}.set-sec:first-of-type{border-top:0;padding-top:0}.set-sec h3{align-items:center;gap:8px;font-size:15px;display:flex}.set-row{background:var(--surface-2);border-radius:10px;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.set-row>span:nth-child(2){font-weight:600}.set-row>.muted{flex:1}.set-pw{flex-wrap:wrap;gap:8px;width:100%;display:flex}.set-pw .input{flex:160px}.set-btns{flex-wrap:wrap;gap:8px;display:flex}.palette{background:var(--surface);width:min(620px,100%);box-shadow:var(--shadow-lg);border:1px solid var(--line);border-radius:18px;animation:.16s ease-out rise;overflow:hidden}.pal-input{border-bottom:1px solid var(--line);height:58px;color:var(--muted);align-items:center;gap:12px;padding:0 18px;display:flex}.pal-input input{color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:16px}.pal-list{max-height:400px;padding:6px;overflow:auto}.pal-item{text-align:left;border-radius:10px;align-items:center;gap:12px;width:100%;height:42px;padding:0 12px;display:flex}.pal-item svg{color:var(--muted);flex:none}.pal-item[aria-selected=true]{background:var(--sel)}.pal-label{text-overflow:ellipsis;white-space:nowrap;flex:none;max-width:60%;font-weight:500;overflow:hidden}.pal-hint{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-left:auto;font-size:12.5px;overflow:hidden}.pal-empty{padding:18px}.preview{z-index:50;color:#fff;background:#0c0c0ef0;outline:none;flex-direction:column;animation:.15s fade;display:flex;position:fixed;inset:0}.pv-bar{flex:none;align-items:center;gap:12px;height:60px;padding:0 12px;display:flex}.pv-title{flex:1;min-width:0;display:grid}.pv-title strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.pv-title span{color:#fff9;font-size:12px}.pv-actions{gap:2px;display:flex}.pv-stage{flex:1;place-items:center;min-height:0;padding:8px 72px 24px;display:grid;position:relative}.pv-img-wrap{cursor:zoom-in;place-items:center;width:100%;max-width:100%;height:100%;max-height:100%;display:grid;overflow:hidden}.pv-img-wrap img{object-fit:contain;border-radius:6px;max-width:100%;max-height:100%;transition:opacity .2s,transform .25s;box-shadow:0 20px 60px #00000080}.pv-img-wrap[data-zoom=true]{cursor:zoom-out;place-items:start center;overflow:auto}.pv-img-wrap[data-zoom=true] img{max-width:none;max-height:none}.pv-media{background:#000;border-radius:10px;outline:none;max-width:100%;max-height:100%}.pv-frame{background:#fff;border:0;border-radius:10px;width:min(1100px,100%);height:100%}.pv-text{color:#e6e6ea;white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text;background:#17171a;border-radius:12px;width:min(1000px,100%);height:100%;margin:0;padding:22px 26px;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.pv-audio{justify-items:center;gap:24px;display:grid}.pv-audio audio{width:min(440px,80vw)}.pv-fallback{text-align:center;justify-items:center;gap:10px;display:grid}.pv-fallback .muted{color:#fff9}.pv-nav{color:#fff;background:#ffffff1a;border-radius:50%;place-items:center;width:48px;height:48px;transition:background .12s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.pv-nav:hover{background:#fff3}.pv-nav.left{left:14px}.pv-nav.right{right:14px}.pv-count{color:#ffffff8c;font-size:12px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.spinner{border:3px solid #7f7f7f40;border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}.uploads{z-index:40;background:var(--surface);border:1px solid var(--line);width:min(380px,100vw - 32px);box-shadow:var(--shadow-lg);border-radius:16px;animation:.2s ease-out rise;position:fixed;bottom:18px;right:18px;overflow:hidden}.uploads>header{align-items:center;gap:6px;padding:10px 8px 10px 16px;display:flex}.up-title{flex:1;min-width:0;display:grid}.up-title strong{font-size:14px}.up-title span{color:var(--muted);font-size:12px}.up-total{background:var(--line);height:3px}.up-total i,.up-bar i{background:var(--accent);transform-origin:0;height:100%;transition:transform .3s;display:block}.up-list{max-height:300px;padding:4px 6px 8px;overflow:auto}.up-line{border-radius:10px;align-items:center;gap:10px;padding:8px 6px 8px 10px;display:flex}.up-line:hover{background:var(--surface-2)}.up-main{flex:1;gap:2px;min-width:0;display:grid}.up-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.up-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.up-line[data-status=error] .up-sub{color:var(--danger)}.up-bar{background:var(--line);border-radius:2px;height:3px;margin-top:3px;overflow:hidden}.up-line[data-status=paused] .up-bar i{background:var(--muted)}.up-ctl{align-items:center;display:flex}.up-ctl .ok{color:var(--ok);margin:0 6px}.toasts{z-index:80;pointer-events:none;justify-items:center;gap:8px;display:grid;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;color:#f2f2f4;max-width:min(560px,100vw - 32px);min-height:46px;box-shadow:var(--shadow-lg);background:#1c1c20;border-radius:12px;align-items:center;gap:10px;padding:6px 6px 6px 16px;font-weight:500;animation:.18s ease-out rise;display:flex}.toast[data-tone=error] svg:first-child{color:#ff6b6b}.toast[data-tone=ok] svg:first-child{color:#4cd38a}.toast span{flex:1}.toast-btn{color:#ff9a5c;border-radius:8px;padding:6px 10px;font-weight:700}.toast-btn:hover{background:#ffffff1a}.dropzone{z-index:90;background:color-mix(in srgb, var(--accent) 14%, transparent);border:3px dashed var(--accent);pointer-events:none;border-radius:20px;place-items:center;margin:8px;animation:.12s fade;display:grid;position:fixed;inset:0}.dropzone-card{background:var(--surface);box-shadow:var(--shadow-lg);color:var(--accent-ink);border-radius:20px;justify-items:center;gap:6px;padding:26px 40px;font-size:18px;font-weight:700;display:grid}.dropzone-card small{color:var(--muted);font-size:13px;font-weight:500}.drag-ghost{background:var(--accent);color:#fff;white-space:nowrap;text-overflow:ellipsis;border-radius:10px;max-width:260px;padding:8px 14px;font-size:13px;font-weight:600;position:fixed;top:-100px;left:-100px;overflow:hidden}.storage-view{-webkit-user-select:text;user-select:text;padding-top:10px}.st-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding:6px 6px 16px;display:flex}.st-big{letter-spacing:-.03em;font-size:40px;font-weight:700}.st-cost{text-align:right;background:var(--surface-2);border-radius:14px;padding:12px 16px;display:grid}.st-cost strong{font-size:22px}.st-cost small{color:var(--muted);font-size:13px;font-weight:500}.st-bar{background:var(--line);border-radius:7px;gap:2px;height:14px;margin:0 6px;display:flex;overflow:hidden}.st-bar i{min-width:3px;display:block}.st-legend{flex-wrap:wrap;align-items:center;gap:8px 22px;padding:14px 6px;font-size:13px;display:flex}.st-legend>div{color:var(--muted);align-items:center;gap:8px;display:flex}.st-legend span{border-radius:3px;width:10px;height:10px}.st-legend b{color:var(--ink);font-weight:600}.st-trash{background:var(--surface-2);border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:4px 10px;font-size:12.5px;display:inline-flex}.pub{flex-direction:column;display:flex;position:fixed;inset:0;overflow:auto}.pub-bar{border-bottom:1px solid var(--line);background:var(--surface);z-index:2;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex;position:sticky;top:0}.pub-meta{align-items:center;gap:12px;padding:14px 20px;display:flex}.pub-meta strong{word-break:break-word}.pub-stage{flex:1;place-items:center;min-height:60vh;padding:0 16px 24px;display:grid;position:relative}.pub-stage .pv-text{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.pub-stage .pv-fallback .muted{color:var(--muted)}.pub-body{width:min(1000px,100%);margin:0 auto;padding:14px 16px 60px}.pub-body .row{cursor:pointer;grid-template-columns:minmax(0,1fr) 120px 90px 44px}@media (max-width:820px){.shell{grid-template-columns:1fr}.sidebar{z-index:45;background:var(--surface);width:272px;box-shadow:var(--shadow-lg);transition:transform .22s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.shell[data-nav=true] .sidebar{transform:none}.shell[data-nav=true] .nav-scrim{z-index:44;background:#00000059;display:block;position:fixed;inset:0}.menu-btn{display:inline-grid}.topbar{gap:6px;padding:8px 10px 4px}.search{height:42px}.search kbd,.topbar-actions .icon-btn:first-child{display:none}.browser{border-bottom:0;border-radius:18px 18px 0 0;margin:4px 0 0}.browser-head{min-height:54px;padding:8px 8px 4px 10px}.crumb,.view-title{font-size:18px}.browser-body{padding:4px 10px 140px}.folder-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.file-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.row,.table[data-path=true] .row{grid-template-columns:minmax(0,1fr) 80px 40px}.c-loc,.c-date{display:none}.selbar-actions{margin-left:auto}.selcount{font-size:13px}.pv-stage{padding:4px 4px 16px}.pv-nav,.pv-actions .icon-btn:nth-child(3){display:none}.uploads{width:auto;bottom:8px;left:8px;right:8px}.pub-body .row{grid-template-columns:minmax(0,1fr) 70px 40px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.login-card{gap:10px}.login-card h1{font-size:21px}.btn.google{background:var(--surface);border-color:var(--line-2);gap:10px;font-weight:600}.email-form{gap:8px;width:100%;display:flex}.email-form .input{flex:1;min-width:0;height:42px}.email-form .btn{height:42px}.sent{background:color-mix(in srgb, var(--ok) 12%, transparent);border-radius:12px;justify-items:center;gap:6px;width:100%;padding:12px;font-size:13.5px;display:grid}.sent svg{color:var(--ok)}.link-btn{color:var(--accent-ink);border-radius:6px;padding:4px 6px;font-size:13px;font-weight:600}.link-btn:hover{background:var(--accent-soft)}.share-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 2px;display:flex}.share-row>div:first-child{gap:1px;min-width:0;display:grid}.share-row strong{align-items:center;gap:6px;font-size:14px;display:inline-flex}.seg-text button{white-space:nowrap;width:auto;padding:0 12px;font-size:13px;font-weight:600}.row-btns{gap:4px;display:flex}.pin-set{gap:8px;display:flex}.pin-input{letter-spacing:.4em;text-align:center;max-width:160px;font-weight:700}.select{border:1px solid var(--line-2);background:var(--surface);height:34px;font:inherit;color:inherit;border-radius:9px;padding:0 8px;font-size:13px}.share-stats{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px 14px;padding-top:10px;font-size:13px;display:flex}.share-stats>span{align-items:center;gap:5px;display:inline-flex}.share-stats .btn{margin-left:auto}.share-link .btn:last-child:not(.primary){padding:0 10px}.pin-gate{text-align:center;justify-items:center;gap:12px;width:min(360px,100% - 32px);margin:10vh auto 0;display:grid}.pin-gate h2{word-break:break-word;font-size:19px}.pin-gate p{margin:0}.pin-icon{background:var(--accent-soft);width:64px;height:64px;color:var(--accent-ink);border-radius:20px;place-items:center;display:grid}.pin-field{border:1px solid var(--line-2);background:var(--surface);text-align:center;letter-spacing:.5em;border-radius:14px;outline:none;width:100%;height:56px;font:700 26px/1 ui-monospace,Menlo,monospace}.pin-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.badge{background:var(--surface-2);height:32px;color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}[data-protect=true] img,[data-protect=true] video{-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.pv-protect{display:contents}[data-protect=true] .pv-text{-webkit-user-select:none;user-select:none}.check{z-index:2;border:2px solid var(--line-2);color:#0000;background:#ffffffeb;border-radius:50%;place-items:center;width:24px;height:24px;display:none;position:absolute;top:8px;left:8px;box-shadow:0 1px 3px #0003}.folder-card,.row-icon{position:relative}.row .check{width:28px;height:28px;top:1px;left:1px}.folder-card .check{top:50%;left:10px;transform:translateY(-50%)}.browser[data-selmode=true] .check{display:grid}.browser[data-selmode=true] .folder-card>svg:first-of-type{visibility:hidden}[data-selected=true] .check{background:var(--accent);border-color:var(--accent);color:#fff}.folder-card,.file-card,.row{-webkit-touch-callout:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.bottom-nav,.fab{display:none}.sheet-scrim{z-index:75;background:#0a0a0c66;justify-content:center;align-items:flex-end;animation:.15s fade;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);width:min(560px,100%);max-height:85vh;padding:8px 10px calc(14px + env(safe-area-inset-bottom));box-shadow:var(--shadow-lg);border-radius:22px 22px 0 0;animation:.22s cubic-bezier(.2,.9,.3,1) sheet-up;overflow:auto}@keyframes sheet-up{0%{opacity:.4;transform:translateY(40px)}}.sheet-grip{background:var(--line-2);border-radius:2px;width:38px;height:4px;margin:4px auto 10px}.sheet-title{padding:0 10px 10px;font-size:16px}.sheet-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;margin-bottom:4px;padding:4px 12px 12px;display:flex}.sheet-head strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ctx-sheet button{text-align:left;border-radius:12px;align-items:center;gap:18px;width:100%;height:50px;padding:0 14px;font-size:15px;display:flex}.ctx-sheet button:active{background:var(--surface-2)}.ctx-sheet button svg{color:var(--muted)}.ctx-sheet button[data-danger=true],.ctx-sheet button[data-danger=true] svg{color:var(--danger)}.ctx-sheet .ctx-group+.ctx-group{border-top:1px solid var(--line);margin-top:4px;padding-top:4px}.new-grid{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;padding:0 4px 6px;display:grid}.new-grid button{border-radius:14px;justify-items:center;gap:8px;padding:14px 4px;font-size:13.5px;font-weight:600;display:grid}.new-grid button:active{background:var(--surface-2)}.new-ic{border:1px solid var(--line-2);width:56px;height:56px;color:var(--ink);border-radius:50%;place-items:center;display:grid}@media (max-width:820px),(pointer:coarse) and (max-width:1100px){.bottom-nav{z-index:30;height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--line);display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:var(--muted);flex:1;align-content:center;justify-items:center;gap:3px;font-size:11.5px;font-weight:600;display:grid}.bn-pill{border-radius:999px;place-items:center;width:60px;height:30px;transition:background .15s;display:grid}.bottom-nav button[aria-current=page]{color:var(--ink)}.bottom-nav button[aria-current=page] .bn-pill{background:var(--accent-soft);color:var(--accent-ink)}.fab{right:16px;bottom:calc(80px + env(safe-area-inset-bottom));z-index:31;background:var(--surface);width:58px;height:58px;color:var(--accent);border-radius:18px;place-items:center;display:grid;position:fixed;box-shadow:0 6px 20px #0000002e,0 1px 3px #0000001f}.fab:active{transform:scale(.96)}.browser-body{padding-bottom:calc(150px + env(safe-area-inset-bottom))}.uploads{bottom:calc(72px + env(safe-area-inset-bottom))}.toasts{bottom:calc(150px + env(safe-area-inset-bottom))}.selbar{left:8px;right:8px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:32;background:var(--surface);height:56px;box-shadow:var(--shadow-lg);border:1px solid var(--line);padding:0 6px;position:fixed}.selbar-actions{gap:0;margin-left:auto}.selbar .icon-btn{width:40px;height:40px}.modal-scrim:not(.top){place-items:end center;padding:0}.modal-scrim:not(.top) .modal{width:100%;max-width:640px;padding-bottom:calc(18px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;max-height:90vh;animation:.22s cubic-bezier(.2,.9,.3,1) sheet-up}.share-row,.share-link{flex-wrap:wrap}.share-link .input{flex:100%}.share-link .btn{flex:1;justify-content:center}.pv-bar{gap:6px;padding:0 4px}.pv-actions .icon-btn{width:38px}.pv-actions .icon-btn:nth-child(3),.pv-actions .icon-btn:nth-child(5){display:none}.row .c-more .more,.file-card .more,.folder-card .more{opacity:1}}button,a{-webkit-tap-highlight-color:transparent}.seg-text{flex:none}.modal{overflow-x:hidden}.share-link .input,.email-form .input,.set-pw .input{min-width:0}.share-row>div:first-child{flex:180px}