:root{--bg:#0a0a12;--surface:#ffffff0e;--surface-2:#ffffff13;--surface-solid:#14141f;--border:#ffffff17;--border-strong:#ffffff29;--text:#f1f1f7;--muted:#a0a0b5;--muted-2:#6c6c82;--accent:#8f8cff;--accent-dark:#b0adff;--accent-grad:linear-gradient(135deg, #7c6cff 0%, #4cc9f0 100%);--accent-soft:#8f8cff24;--accent-soft-strong:#8f8cff3d;--danger:#ff8a7a;--danger-soft:#ff8a7a1f;--success:#5fe0a0;--success-soft:#5fe0a01f;--glass-blur:blur(22px) saturate(160%);--glass-highlight:inset 0 1px 0 #ffffff14;--shadow-sm:0 2px 8px #00000040;--shadow-md:0 10px 32px #00000061;--shadow-lg:0 24px 64px #0000008c;--radius-sm:9px;--radius:13px;--radius-lg:18px;--sidebar-width:244px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#eceefa;--surface:#fff9;--surface-2:#ffffffbf;--surface-solid:#fff;--border:#1e1e3c17;--border-strong:#1e1e3c2e;--text:#1a1a26;--muted:#62627a;--muted-2:#9494a8;--accent:#5b4de0;--accent-dark:#4a3dc8;--accent-grad:linear-gradient(135deg, #6a5cf0 0%, #2aa5d6 100%);--accent-soft:#5b4de01a;--accent-soft-strong:#5b4de02e;--danger:#c0392b;--danger-soft:#c0392b1a;--success:#15803d;--success-soft:#15803d1a;--glass-highlight:inset 0 1px 0 #ffffffb3;--shadow-sm:0 1px 4px #28285a14;--shadow-md:0 8px 28px #28285a1f;--shadow-lg:0 20px 56px #28285a33;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;letter-spacing:-.006em;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif}#app{max-width:980px;margin:0 auto;padding:0 1.75rem 5rem}.topbar{border-bottom:1px solid var(--border);align-items:center;gap:2.5rem;margin-bottom:2.5rem;padding:1.6rem 0 1.4rem;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:.55rem;font-size:1.05rem;font-weight:650;display:flex}.brand-mark{background:var(--text);width:24px;height:24px;color:var(--bg);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.brand-mark svg{width:13px;height:13px}.navlink{color:var(--muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.85rem;font-weight:500;transition:background .15s,color .15s;display:flex}.navlink:hover{color:var(--text)}.navlink.active{color:var(--text);background:var(--surface-2);font-weight:600}.navlink svg{opacity:.85;width:14px;height:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:1.25rem;padding:1.6rem 1.85rem}#app.shell-mode{max-width:none;height:100vh;margin:0;padding:0;overflow:hidden}.app-shell{height:100%;display:flex}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--border);background:var(--surface);flex-direction:column;flex-shrink:0;min-height:0;padding:1.4rem 1rem 1.2rem;display:flex;overflow-y:auto}.sidebar-brand{letter-spacing:-.02em;align-items:center;gap:.6rem;padding:.3rem .5rem 1.6rem;font-size:1rem;font-weight:650;display:flex}.sidebar-nav{flex-direction:column;gap:.15rem;display:flex}.sidebar-nav .navlink{justify-content:flex-start;width:100%;padding:.6rem .75rem;position:relative}.sidebar-nav .navlink.active{background:var(--accent-soft);color:var(--accent)}.sidebar-nav .navlink.active:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:.35rem;bottom:.35rem;left:-1rem}.sidebar-spacer{flex:1}.sidebar-bottom{border-top:1px solid var(--border);flex-direction:column;gap:.3rem;margin-top:.8rem;padding-top:.8rem;display:flex}div.sidebar-account-row{flex-wrap:nowrap;align-items:center;gap:.4rem}button.sidebar-account{border-radius:var(--radius-sm);min-width:0;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;flex:1;align-items:center;gap:.6rem;padding:.35rem .5rem;display:flex}button.sidebar-account:hover{background:var(--surface-2);border-color:#0000}.sidebar-account-name{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:550;overflow:hidden}button.sidebar-logout{width:100%;color:var(--muted);justify-content:flex-start}.main-area{flex:1;min-width:0;min-height:0;overflow-y:auto}.main-content{max-width:1100px;padding:2rem 2.5rem 4rem}@media (width<=860px){:root{--sidebar-width:68px}.sidebar{align-items:center;padding:1.2rem .5rem}.sidebar .label{display:none}.sidebar-brand{justify-content:center;padding:.3rem 0 1.4rem}.sidebar-nav .navlink{justify-content:center;padding:.65rem}.sidebar-nav .navlink.active:before{left:-.5rem}.sidebar-account-row{flex-direction:column}button.sidebar-account{justify-content:center;padding:.5rem}button.sidebar-logout{justify-content:center}.main-content{padding:1.5rem 1.25rem 3rem}}.auth-page{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 220px);padding:2rem 0 4rem;display:flex}.auth-brand{text-align:center;flex-direction:column;align-items:center;margin-bottom:1.75rem;display:flex}.auth-brand-mark{border-radius:var(--radius);background:var(--text);width:44px;height:44px;color:var(--bg);box-shadow:var(--shadow-md);justify-content:center;align-items:center;margin-bottom:.9rem;display:flex}.auth-brand-mark svg{width:22px;height:22px}.auth-brand h1{letter-spacing:-.02em;margin:0 0 .3rem;font-size:1.5rem;font-weight:650}.auth-brand p{color:var(--muted);margin:0;font-size:.88rem}.auth-card{width:100%;max-width:380px;box-shadow:var(--shadow-md);margin:0;padding:1.6rem 1.75rem 1.9rem}.auth-tabs{background:var(--surface-2);border-radius:var(--radius-sm);gap:.15rem;margin-bottom:1.5rem;padding:.2rem;display:flex}.auth-tabs button{border-radius:calc(var(--radius-sm) - 2px);color:var(--muted);background:0 0;border:1px solid #0000;flex:1;justify-content:center;padding:.5rem .6rem;font-weight:550}.auth-tabs button:hover{color:var(--text);background:0 0}.auth-tabs button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm);border-color:#0000}.auth-form{gap:.85rem}.auth-submit{justify-content:center;width:100%;margin-top:.3rem;padding:.7rem 1rem;font-size:.9rem}.auth-submit:disabled{opacity:.6;cursor:default}.auth-hint{margin:-.2rem 0 .1rem;line-height:1.45}.input-icon{align-items:center;display:flex;position:relative}.input-icon>svg:first-child{width:15px;height:15px;color:var(--muted-2);pointer-events:none;position:absolute;left:.75rem}.input-icon input{width:100%;padding-left:2.35rem}.input-icon input[type=password]{padding-right:2.35rem}.input-icon-btn{color:var(--muted-2);background:0 0;border:none;border-radius:999px;padding:.35rem;position:absolute;right:.3rem}.input-icon-btn:hover{background:var(--surface-2);color:var(--text)}.input-icon-btn svg{width:15px;height:15px}.page-head{margin-bottom:1.75rem}.page-head h1{letter-spacing:-.02em;margin:0 0 .3rem;font-size:1.4rem;font-weight:650}.page-head p{color:var(--muted);max-width:46ch;margin:0;font-size:.88rem;line-height:1.5}h2{letter-spacing:-.01em;margin:0 0 .3rem;font-size:.95rem;font-weight:650}.icon-inline{vertical-align:-2px;width:15px;height:15px;color:var(--muted-2);flex-shrink:0;margin:0 .15rem}h2 .icon-inline{width:15px;height:15px;color:var(--muted);margin-right:.4rem}.section-subtitle{color:var(--muted);margin:0 0 1.25rem;font-size:.83rem;line-height:1.5}.stack{flex-direction:column;gap:.7rem;display:flex}.stack-lg{flex-direction:column;gap:1.25rem;display:flex}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);padding:.6rem .8rem;font-size:.88rem;transition:border-color .15s,box-shadow .15s}input:focus{border-color:var(--text);box-shadow:0 0 0 3px var(--accent-soft);outline:none}input::placeholder{color:var(--muted-2)}button{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.85rem;font-weight:500;transition:background .15s,border-color .15s,opacity .15s,transform 80ms;display:inline-flex}button:hover{border-color:var(--muted-2);background:var(--surface-2)}button:active{transform:scale(.98)}button svg{flex-shrink:0;width:15px;height:15px}button[type=submit],button.primary{background:var(--text);color:var(--bg);border-color:#0000}button[type=submit]:hover,button.primary:hover{opacity:.86;border-color:#0000}button.icon-btn{background:0 0;border-color:#0000;border-radius:999px;padding:.42rem}button.icon-btn:hover{background:var(--surface-2);border-color:#0000}button.icon-btn.danger:hover{background:var(--danger-soft);color:var(--danger)}button.link{color:var(--accent);background:0 0;border:none;padding:.15rem .3rem;font-weight:500}button.link:hover{opacity:.75}button.ghost{color:var(--muted);background:0 0;border-color:#0000}button.ghost:hover{background:var(--surface-2);color:var(--text);border-color:#0000}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:.75rem;padding:1.3rem 1.5rem;display:flex}.stat-icon{border-radius:var(--radius-sm);background:var(--surface-2);width:30px;height:30px;color:var(--muted);justify-content:center;align-items:center;display:flex}.stat-icon svg{width:15px;height:15px}.stat-value{letter-spacing:-.03em;font-size:1.7rem;font-weight:650;line-height:1}.stat-label{color:var(--muted);font-size:.8rem}.item-list{flex-direction:column;display:flex}.item-row{border-bottom:1px solid var(--border);align-items:center;gap:.9rem;padding:.85rem .1rem;display:flex}.item-list>.item-row:last-child{border-bottom:none}.item-icon{border-radius:var(--radius-sm);background:var(--surface-2);width:34px;height:34px;color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.item-icon svg{width:16px;height:16px}.item-thumb{object-fit:cover;border-radius:inherit;width:100%;height:100%}.item-row.clickable{cursor:pointer}.item-row.clickable:hover{background:var(--surface-2);border-radius:var(--radius-sm)}.avatar{color:#fff;opacity:.92;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.8rem;font-weight:600;display:flex}.item-main{flex:1;min-width:0}.item-title{align-items:center;gap:.5rem;font-size:.88rem;font-weight:550;display:flex}.item-title button.link{font-weight:550;font-size:inherit}.item-meta{color:var(--muted);align-items:center;gap:.9rem;margin-top:.2rem;font-size:.78rem;display:flex}.item-meta .meta-piece{align-items:center;gap:.3rem;display:flex}.item-meta svg{opacity:.8;width:12px;height:12px}.item-actions{flex-shrink:0;align-items:center;gap:.1rem;display:flex}.view-toggle{background:var(--surface-2);border-radius:var(--radius-sm);gap:.1rem;padding:.2rem;display:flex}.view-toggle .icon-btn{border-radius:calc(var(--radius-sm) - 2px)}.file-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.9rem;display:grid}.grid-item{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;padding:1.6rem .75rem 1.1rem;display:flex;position:relative}.grid-item:hover{background:var(--surface-2);border-color:var(--border-strong)}.grid-item-open{width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:.9rem;padding:0;display:flex}div.grid-item-open{cursor:default}.grid-item-icon{border-radius:var(--radius);background:var(--surface-2);width:68px;height:68px;color:var(--muted);justify-content:center;align-items:center;display:flex}.grid-item-icon svg{width:30px;height:30px}.grid-item-thumb{object-fit:cover;border-radius:inherit;width:100%;height:100%}.grid-item-name{text-align:center;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.86rem;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.grid-item-meta{color:var(--muted);margin-top:.4rem;font-size:.76rem}.grid-item-actions{opacity:0;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:999px;gap:.1rem;transition:opacity .15s;display:flex;position:absolute;top:.5rem;right:.5rem}.grid-item:hover .grid-item-actions{opacity:1}.grid-item-actions .icon-btn{padding:.38rem}.grid-item-actions svg{width:14px;height:14px}.badge{letter-spacing:.01em;border-radius:999px;align-items:center;gap:.25rem;padding:.15rem .5rem;font-size:.7rem;font-weight:600;display:inline-flex}.badge svg{width:10px;height:10px}.badge-accent{background:var(--accent-soft);color:var(--accent)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-muted{background:var(--surface-2);color:var(--muted)}.device-drawer{background:var(--surface-2);border-radius:var(--radius);margin:.3rem 0 .7rem 2.95rem;padding:.55rem .9rem}.device-row{justify-content:space-between;align-items:center;padding:.45rem 0;font-size:.83rem;display:flex}.device-row+.device-row{border-top:1px solid var(--border)}.device-row-name{color:var(--text);align-items:center;gap:.5rem;display:flex}.device-row-name svg{width:14px;height:14px;color:var(--muted)}.device-row-meta{color:var(--muted-2);font-size:.76rem}.breadcrumb{align-items:center;gap:.3rem;margin-bottom:1.4rem;font-size:.88rem;display:flex}.toolbar{gap:.6rem;margin-bottom:1rem;display:flex}button.toggle-active{background:var(--surface-2);border-color:var(--border-strong);color:var(--text)}.search-row{gap:.6rem;margin-bottom:1.25rem;display:flex}.search-row input{flex:1;min-width:0}.sort-select{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);cursor:pointer;padding:.55rem .7rem;font-size:.85rem}.sort-select:focus{border-color:var(--text);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.bulk-bar{background:var(--surface-2);border-radius:var(--radius);align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.65rem 1rem;font-size:.85rem;font-weight:500;display:flex}.bulk-bar span{color:var(--muted);flex:1}button.btn-danger{color:var(--danger)}button.btn-danger:hover{background:var(--danger-soft);border-color:#0000}.item-checkbox{width:15px;height:15px;accent-color:var(--text);cursor:pointer;flex-shrink:0;margin:0 .2rem 0 .1rem}.item-row.selectable{cursor:pointer}.item-row.selected{background:var(--surface-2);border-radius:var(--radius-sm)}.grid-item-checkbox{width:16px;height:16px;accent-color:var(--text);cursor:pointer;z-index:1;position:absolute;top:.5rem;left:.5rem}.grid-item.selectable{cursor:pointer}.grid-item.selected{background:var(--surface-2);border-color:var(--border-strong)}.empty-state{text-align:center;color:var(--muted);padding:3rem 1rem;font-size:.88rem}.empty-state svg{width:28px;height:28px;color:var(--muted-2);opacity:.7;margin-bottom:.7rem}.muted{color:var(--muted)}.small{font-size:.85rem}.error{background:var(--danger-soft);color:var(--danger);border-radius:var(--radius);align-items:center;gap:.6rem;margin-bottom:1.25rem;padding:.7rem 1rem;font-size:.85rem;display:flex}.error svg{flex-shrink:0;width:16px;height:16px}.success{background:var(--success-soft);color:var(--success);border-radius:var(--radius);align-items:center;gap:.6rem;margin-bottom:1.25rem;padding:.7rem 1rem;font-size:.85rem;display:flex}.success svg{flex-shrink:0;width:16px;height:16px}.token-callout{background:var(--surface-2);border-radius:var(--radius);padding:.9rem 1rem}.token-row{align-items:center;gap:.6rem;margin-top:.6rem;display:flex}.token-value{word-break:break-all;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);flex:1;padding:.55rem .75rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.84rem;font-weight:500}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#0a0a0c80;justify-content:center;align-items:center;animation:.12s ease-out fade-in;display:flex;position:fixed;inset:0}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:340px;max-width:90vw;box-shadow:var(--shadow-lg);padding:1.6rem 1.7rem;animation:.16s cubic-bezier(.16,1,.3,1) pop-in}.lightbox-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060608d9}.lightbox-image{border-radius:var(--radius);max-width:90vw;max-height:88vh;box-shadow:var(--shadow-lg);object-fit:contain;animation:.16s cubic-bezier(.16,1,.3,1) pop-in}.lightbox-close{color:#fff;background:#ffffff14;padding:.6rem;position:fixed;top:1.25rem;right:1.25rem}.lightbox-close:hover{background:#ffffff29}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(4px)scale(.98)}}html{background:var(--bg)}body{background:radial-gradient(60rem 40rem at 8% -10%, #7c6cff52, transparent 60%), radial-gradient(50rem 36rem at 105% 10%, #4cc9f038, transparent 60%), radial-gradient(46rem 34rem at 40% 115%, #ec489929, transparent 60%), var(--bg);background-attachment:fixed;min-height:100vh}:root[data-theme=light] body{background:radial-gradient(60rem 40rem at 8% -10%, #7c6cff40, transparent 60%), radial-gradient(50rem 36rem at 105% 10%, #4cc9f038, transparent 60%), radial-gradient(46rem 34rem at 40% 115%, #ec48991f, transparent 60%), var(--bg);background-attachment:fixed}::selection{background:var(--accent-soft-strong)}.card,.stat-card,.grid-item,.auth-card,.modal-box,.sidebar,.device-drawer,.token-callout,.bulk-bar{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.card,.stat-card,.grid-item,.auth-card{border:1px solid var(--border);box-shadow:var(--shadow-md), var(--glass-highlight);background:linear-gradient(145deg,#ffffff13,#ffffff08)}:root[data-theme=light] .card,:root[data-theme=light] .stat-card,:root[data-theme=light] .grid-item,:root[data-theme=light] .auth-card{background:linear-gradient(145deg,#fffc,#ffffff80)}.sidebar{border-right:1px solid var(--border);box-shadow:var(--glass-highlight);background:#0e0e188c}:root[data-theme=light] .sidebar{background:#ffffff8c}.modal-box{box-shadow:var(--shadow-lg), var(--glass-highlight);background:linear-gradient(145deg,#242438d9,#141422d9)}:root[data-theme=light] .modal-box{background:#ffffffe0}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04040a8c}.grid-item{transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.grid-item:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg), var(--glass-highlight);transform:translateY(-3px)}.grid-item-icon{background:var(--accent-soft);color:var(--accent)}.grid-item:hover .grid-item-icon{background:var(--accent-soft-strong)}.grid-item-icon:has(.grid-item-thumb){background:0 0}.grid-item-actions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141422bf}.item-icon{background:var(--accent-soft);color:var(--accent)}.item-icon:has(.item-thumb){background:0 0}.item-row{border-bottom-color:var(--border);transition:background .15s}.item-row.selected .item-icon{background:var(--accent-soft-strong)}.item-row.selected,.grid-item.selected{background:var(--accent-soft);border-color:var(--accent)}.brand-mark,.auth-brand-mark{background:var(--accent-grad);color:#fff;box-shadow:0 6px 20px #7c6cff73}.auth-brand h1{background:linear-gradient(135deg, var(--text), var(--accent-dark));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.auth-tabs{border:1px solid var(--border);background:#00000040}:root[data-theme=light] .auth-tabs{background:#1e1e3c0f}.auth-tabs button.active{background:var(--accent-soft-strong);color:var(--text);box-shadow:var(--glass-highlight)}.sidebar-nav .navlink{border-radius:var(--radius-sm)}.sidebar-nav .navlink:hover{background:var(--surface)}.sidebar-nav .navlink.active{background:var(--accent-soft-strong);color:var(--text);box-shadow:var(--glass-highlight)}.sidebar-nav .navlink.active svg{color:var(--accent);opacity:1}.sidebar-nav .navlink.active:before{background:var(--accent-grad);box-shadow:0 0 12px #7c6cffcc}input,.sort-select{border:1px solid var(--border);color:var(--text);background:#00000047;box-shadow:inset 0 1px 2px #00000040}:root[data-theme=light] input,:root[data-theme=light] .sort-select{box-shadow:none;background:#ffffffb3}input:focus,.sort-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft-strong)}.sort-select option{background:var(--surface-solid);color:var(--text)}button{background:var(--surface);border-color:var(--border);box-shadow:var(--glass-highlight)}button:hover{background:var(--surface-2);border-color:var(--border-strong)}button[type=submit],button.primary{background:var(--accent-grad);color:#fff;border-color:#0000;font-weight:600;box-shadow:0 6px 18px #7c6cff59,inset 0 1px #ffffff40}button[type=submit]:hover,button.primary:hover{opacity:1;filter:brightness(1.1);box-shadow:0 8px 24px #7c6cff80,inset 0 1px #ffffff4d}button.icon-btn,button.ghost,button.link,button.sidebar-account,.input-icon-btn,.navlink{box-shadow:none}button.icon-btn,button.ghost{background:0 0}button.icon-btn:hover,button.ghost:hover{background:var(--surface-2)}.view-toggle{border:1px solid var(--border);background:#00000040}:root[data-theme=light] .view-toggle{background:#1e1e3c0f}.view-toggle .icon-btn.active{background:var(--accent-soft-strong);color:var(--accent-dark);box-shadow:none}button.toggle-active{background:var(--accent-soft-strong);border-color:var(--accent)}.stat-icon{background:var(--accent-soft);color:var(--accent)}.stat-value{background:linear-gradient(135deg, var(--text), var(--accent-dark));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.token-value{background:#0000004d}.device-drawer,.token-callout,.bulk-bar{border:1px solid var(--border);background:#ffffff0d}.card.drag-active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-soft-strong), var(--shadow-md)}.item-checkbox,.grid-item-checkbox{accent-color:var(--accent)}.lightbox-overlay{background:#020206e0}*{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent}.viewer{flex-direction:column;justify-content:flex-start;align-items:stretch}.viewer-bar{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border);color:#f1f1f7;z-index:2;background:#0e0e1899;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.25rem;display:flex}.viewer-title-wrap{min-width:0}.viewer-title{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:600;overflow:hidden}.viewer-counter{color:#a0a0b5;margin-top:.15rem;font-size:.78rem}.viewer-actions{flex-shrink:0;gap:.25rem;display:flex}.viewer .viewer-btn{color:#f1f1f7;background:#ffffff14;border:1px solid #ffffff1a}.viewer .viewer-btn:hover,.viewer .viewer-btn.active{background:#ffffff2e}.viewer-body{flex:1;min-height:0;display:flex}.viewer-stage{flex:1;justify-content:center;align-items:center;min-width:0;padding:1.25rem 4.5rem;display:flex;overflow:hidden}.viewer-stage.scroll{justify-content:flex-start;align-items:flex-start;overflow:auto}.viewer-image{object-fit:contain;border-radius:var(--radius);max-width:100%;max-height:100%;box-shadow:var(--shadow-lg);cursor:zoom-in;animation:.16s cubic-bezier(.16,1,.3,1) pop-in}.viewer-image.zoomed{cursor:zoom-out;max-width:none;max-height:none}.viewer-video{border-radius:var(--radius);max-width:100%;max-height:100%;box-shadow:var(--shadow-lg);background:#000}.viewer-pdf{border:1px solid var(--border);border-radius:var(--radius);background:#fff;width:min(960px,100%);height:100%}.viewer-text{border-radius:var(--radius);border:1px solid var(--border);width:min(960px,100%);max-height:100%;box-shadow:var(--shadow-lg);background:#0a0a12bf;overflow:auto}.viewer-text pre{color:#e6e6f0;white-space:pre-wrap;word-break:break-word;tab-size:4;margin:0;padding:1.1rem 1.3rem;font:.82rem/1.55 ui-monospace,Cascadia Mono,Consolas,monospace}.viewer-text-note{color:#a0a0b5;border-top:1px solid var(--border);padding:.6rem 1.3rem;font-size:.78rem}.viewer-audio,.viewer-message{border-radius:var(--radius-lg);border:1px solid var(--border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-lg), var(--glass-highlight);color:#f1f1f7;text-align:center;background:linear-gradient(145deg,#ffffff14,#ffffff08);flex-direction:column;align-items:center;gap:.9rem;max-width:min(460px,100%);padding:2rem 2.5rem;display:flex}.viewer-audio-icon,.viewer-message-icon{border-radius:var(--radius);background:var(--accent-soft-strong);width:64px;height:64px;color:var(--accent-dark);justify-content:center;align-items:center;display:flex}.viewer-audio-icon svg,.viewer-message-icon svg{width:28px;height:28px}.viewer-message-name{word-break:break-word;font-weight:600}.viewer-message-text{color:#a0a0b5;font-size:.88rem}.viewer-audio audio{width:min(360px,80vw)}.viewer-spinner{border:3px solid #ffffff26;border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite viewer-spin}@keyframes viewer-spin{to{transform:rotate(360deg)}}.viewer .viewer-nav{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;justify-content:center;width:44px;height:44px;position:absolute;top:50%;transform:translateY(-50%)}.viewer .viewer-nav:active{transform:translateY(-50%)scale(.96)}.viewer .viewer-nav svg{width:20px;height:20px}.viewer-prev{left:1rem}.viewer-next{right:1rem}.viewer-info{width:0;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-left:0 solid var(--border);color:#f1f1f7;background:#0e0e18a6;flex-shrink:0;transition:width .2s;overflow:hidden}.viewer-info.open{border-left-width:1px;width:320px;padding:1.25rem 1.3rem;overflow-y:auto}.viewer-info-head{margin-bottom:1rem;font-weight:650}.viewer-info-row{margin-bottom:.9rem}.viewer-info-key{color:#a0a0b5;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.2rem;font-size:.72rem}.viewer-info-val{word-break:break-all;font-size:.86rem}.viewer-info-note{border-top:1px solid var(--border);color:#a0a0b5;margin-top:1.4rem;padding-top:1rem;font-size:.76rem;line-height:1.5}@media (width<=720px){.viewer-stage{padding:.75rem .5rem}.viewer-info.open{z-index:4;width:min(320px,85vw);position:absolute;top:3.6rem;bottom:0;right:0}}.item-row.clickable .item-title{cursor:pointer}