/* Cloud-blue system: shared layout and state styling, no content execution. */
:root{color-scheme:light dark;--bg:#f4f8fd;--bg-2:#edf4fc;--panel:#ffffffed;--panel-solid:#fff;--stroke:#dbe7f3;--stroke-strong:#c5d9ed;--text:#172c46;--muted:#607993;--faint:#8297ad;--a1:#1878e8;--a2:#53baff;--a3:#8dd7ff;--danger:#cf4058;--radius:18px;--shadow:0 18px 54px -30px #1c65a64d;--ease:cubic-bezier(.22,1,.36,1)}body{background:var(--bg)}.aurora{background:radial-gradient(900px 500px at 80% 0%,#d8edff80,transparent 70%),var(--bg)}.aurora .blob,.grain{display:none}.app{width:min(1440px,calc(100% - 48px));max-width:1440px;display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;margin:0 auto;padding:24px 0 64px}.topbar{grid-column:1/-1;margin:0;padding:8px 0 20px;border-bottom:1px solid var(--stroke);background:transparent}.brand h1{font-size:25px;letter-spacing:-.04em}.brand .logo{filter:none}.hub-nav{grid-column:1;grid-row:2;align-self:start;position:sticky;top:24px;display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:12px;background:var(--panel);border:1px solid var(--stroke);border-radius:18px}.hub-nav button,.hub-nav a{width:100%;text-align:left;border-radius:11px;padding:12px 14px;transition:background .22s,color .22s,box-shadow .22s,transform .22s}.hub-nav [aria-pressed=true]{background:#e5f2ff;color:#126acb;box-shadow:inset 3px 0 #258aee}.hub-nav button:hover,.hub-nav a:hover{background:#eaf4ff;transform:translateX(2px)}#fileWorkspace,#spacePanel{grid-column:2;grid-row:2;min-width:0}.hub-context{margin:0 0 22px;padding:2px 0}.hub-context h2{font-size:30px;letter-spacing:-.04em;color:var(--text);margin:0 0 6px}.hub-context p{font-size:14px;color:var(--muted)}.dropzone{background:linear-gradient(120deg,#fafdff,#eaf5ff);border:1px dashed #9ac8f1;border-radius:18px;margin-bottom:24px;min-height:150px;padding:26px;box-shadow:none}.dropzone:hover{border-color:var(--a1);box-shadow:0 8px 24px #287ac010}.dz-ring{border-color:#79bafb33}.dz-icon{background:#d8edff;border-color:#b8ddfa;color:var(--a1)}.grid{gap:18px}.card{background:var(--panel-solid);border:1px solid var(--stroke);box-shadow:0 3px 10px #1f629006;border-radius:16px;transition:border-color .2s,box-shadow .25s,transform .25s}.card:hover{box-shadow:0 10px 32px #256ba016;border-color:#b4d4ee;transform:translateY(-2px)}.card .thumb{background:linear-gradient(145deg,#f2f8fe,#e9f2fc)}.card-name{color:var(--text)}.card-body{padding:17px}.card-actions .act,.list-actions .act,.card-delete .act{background:#fffefc;color:#5c7692;border:1px solid var(--stroke);box-shadow:0 2px 9px #1c578011}.card-actions .act:hover,.list-actions .act:hover{color:var(--a1);background:#e8f4ff}.card-delete .act.delete-armed{background:#ffe5e9;color:#aa273c;border-color:#e67c8e}.btn.primary{background:linear-gradient(135deg,#1989f5,#2468db);color:#fff;border-color:#1f76dd;box-shadow:0 6px 16px #147dd020}.btn.ghost,.icon-btn{background:var(--panel-solid);border-color:var(--stroke);color:var(--text)}.folder-chip,.toolbar,.folder-toolbar{border-color:var(--stroke)}.modal-card{background:var(--panel-solid);border:1px solid var(--stroke);box-shadow:0 24px 100px #17345d35}.modal{background:#16375a60;backdrop-filter:blur(7px)}.field input,.field textarea,.field select,.search{background:var(--bg);border-color:var(--stroke);color:var(--text)}.up-item,.toast{background:var(--panel-solid);border-color:var(--stroke);color:var(--text)}.up-fill{background:linear-gradient(90deg,#3398f2,#2075e2);transition:width .2s linear}.up-bar{background:#dae9f6}.up-pct{color:var(--a1)}.up-ring{width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:conic-gradient(var(--a1) var(--upload-pct,0%),var(--stroke) 0);position:relative;margin-right:8px}.up-ring:after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--panel-solid)}.up-top{align-items:center}.page-loader{position:fixed;inset:0;z-index:10000;background:var(--bg);display:grid;place-content:center;justify-items:center;gap:18px;color:var(--muted);transition:opacity .25s}.page-loader img{width:64px;height:64px;animation:cloud-breathe 1.8s ease-in-out infinite}.spinner{width:22px;height:22px;border:2px solid var(--stroke);border-top-color:var(--a1);border-radius:50%;animation:cloud-spin .8s linear infinite}.skeleton-card{height:240px;border:1px solid var(--stroke);border-radius:16px;overflow:hidden;background:var(--panel-solid)}.skeleton-card:before{content:"";display:block;height:150px;background:linear-gradient(100deg,var(--bg-2) 20%,#fff8 45%,var(--bg-2) 70%);background-size:250% 100%;animation:cloud-shimmer 1.6s linear infinite}.skeleton-card:after{content:"";display:block;width:65%;height:14px;background:var(--bg-2);border-radius:6px;margin:24px 16px;box-shadow:0 22px 0 -3px var(--bg-2)}.btn[aria-busy=true],button[aria-busy=true]{cursor:wait}.panel-content{animation:cloud-enter .24s var(--ease) both}.panel-content.settings,.panel-content.vault{--bg:var(--bg-2);--text:#172c46;--muted:#607993;--accent:#1878e8}#trashFiles{max-height:60dvh;overflow:auto}.session-status{border:1px solid var(--stroke);background:var(--panel-solid);color:var(--text)}@keyframes cloud-spin{to{transform:rotate(360deg)}}@keyframes cloud-shimmer{to{background-position:-150% 0}}@keyframes cloud-breathe{50%{transform:translateY(-5px)}}@keyframes cloud-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-color-scheme:dark){:root{--bg:#0b1422;--bg-2:#142239;--panel:#15243aea;--panel-solid:#15243a;--stroke:#273e59;--stroke-strong:#345475;--text:#e0eefc;--muted:#91adc8;--faint:#7893af;--a1:#6cb6ff;--a2:#85d4ff}.aurora{background:radial-gradient(900px 500px at 80% 0%,#12356160,transparent 70%),var(--bg)}.hub-nav [aria-pressed=true]{background:#1d3b5e;color:#8dc9ff}.hub-nav button:hover,.hub-nav a:hover{background:#1c3550}.dropzone{background:linear-gradient(120deg,#15243a,#172d48);border-color:#365e88}.card .thumb{background:linear-gradient(135deg,#192f4b,#14243a)}.card-actions .act,.list-actions .act,.card-delete .act{background:#182c45;color:#bbd8f4}.field input,.field textarea,.field select,.search{color:var(--text)}.panel-content.settings,.panel-content.vault{--text:#e0eefc;--muted:#91adc8;--accent:#6cb6ff}.up-bar{background:#263e59}.skeleton-card:before{background:linear-gradient(100deg,#192d45 20%,#29445f 45%,#192d45 70%);background-size:250% 100%}}@media(max-width:800px){.app{width:calc(100% - 28px);display:block;padding:16px 0 40px}.topbar{padding:0 0 16px}.hub-nav{position:static;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;margin:16px 0 24px;padding:6px;gap:4px}.hub-nav button,.hub-nav a{width:auto;white-space:nowrap;flex-shrink:0;padding:10px 12px}.hub-nav [aria-pressed=true]{box-shadow:none}.hub-nav button:hover,.hub-nav a:hover{transform:none}.hub-context h2{font-size:26px}.dropzone{min-height:126px;padding:20px}.grid{gap:12px}.card-body{padding:14px}.field input,.field select,.field textarea{font-size:16px}.trash-row{gap:8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.hub-context{min-height:0}.hub-nav{scrollbar-width:none}.hub-nav::-webkit-scrollbar{display:none}
:root,.panel-content{--fg:var(--text);--fg-2:var(--muted);--fg-3:var(--faint);--panel-2:var(--bg-2);--stroke-2:var(--stroke-strong);--line:var(--stroke);--grad:linear-gradient(120deg,#2ca8f4,#2279e4 60%,#79caff);--shadow-lift:0 16px 36px -20px #1761a545;--autofill-bg:var(--panel-solid)}.panel-content.vault .panel,.panel-content.vault .item-card,.panel-content.settings section{background:var(--panel-solid);border:1px solid var(--stroke);border-radius:16px}.panel-content.vault .btn.primary,.panel-content.settings button[type=submit]{background:linear-gradient(135deg,#1989f5,#2468db);color:white}.auth-card{background:var(--panel-solid);border-color:var(--stroke)}.auth-mark{background:#d9efff;color:#1a7de4}.panel-content input,.panel-content textarea,.panel-content select{color:var(--text);background:var(--bg-2);border-color:var(--stroke)}