:root{--background:#0b0d12;--foreground:#e7eaf0;--surface:#0f1320;--surface-alt:#111827;--card:#0f172a;--border:hsla(0,0%,100%,.08);--muted:rgba(231,234,240,.7);--primary:#60a5fa;--danger:#ef4444;--shadow:0 10px 30px rgba(0,0,0,.45);--radius:14px;--sidebar-w:288px}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 30% -10%,rgba(96,165,250,.18),transparent 55%),radial-gradient(900px 500px at 90% 10%,rgba(167,139,250,.14),transparent 55%),var(--background);color:var(--foreground);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Apple Color Emoji,Segoe UI Emoji}a{color:inherit;text-decoration:none}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:linear-gradient(180deg,rgba(17,24,39,.9),rgba(15,23,42,.9));border-right:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.sidebar__top{height:64px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;border-bottom:1px solid var(--border);letter-spacing:.2px}.sidebar__nav{padding:14px;display:flex;flex-direction:column;gap:10px}.navbtn{padding:10px 12px;border:1px solid transparent;border-radius:12px;background:hsla(0,0%,100%,.02);color:var(--foreground);display:flex;justify-content:space-between;align-items:center;cursor:pointer}.navbtn:hover{border-color:var(--border);background:hsla(0,0%,100%,.04)}.badge{font-size:12px;padding:3px 8px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.content{flex:1 1;padding:22px}.header{height:64px;display:flex;align-items:center;justify-content:space-between;background:rgba(15,19,32,.55);padding:0 16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card,.header{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card{background:rgba(15,23,42,.72);padding:16px}.card+.card{margin-top:14px}.input{width:100%;padding:12px;font-size:16px;border-radius:12px;border:1px solid var(--border);outline:none;background:rgba(2,6,23,.35);color:var(--foreground)}.input:focus{border-color:rgba(96,165,250,.6);box-shadow:0 0 0 3px rgba(96,165,250,.15)}.btn{padding:12px 14px;font-size:15px;border-radius:12px;border:1px solid var(--border);background:rgba(96,165,250,.16);color:var(--foreground);cursor:pointer}.btn:hover{background:rgba(96,165,250,.22)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--ghost{background:hsla(0,0%,100%,.03)}.small{font-size:13px;color:var(--muted)}.list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.item,.list{display:flex}.item{justify-content:space-between;align-items:center;gap:12px}.item__title{font-weight:800}.item__sub{font-size:13px}.item__sub,.pill{color:var(--muted)}.pill{border-radius:999px;padding:4px 10px;border:1px solid var(--border);background:hsla(0,0%,100%,.03);font-size:12px}.gridframe{height:calc(100vh - 64px - 14px - 14px - 160px);min-height:360px;overflow:auto;padding-right:6px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-gap:12px;gap:12px}.tile{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--border);background:hsla(0,0%,100%,.02);cursor:pointer;transform:translateZ(0)}.tile:hover{border-color:hsla(0,0%,100%,.14)}.tile__img{width:100%;height:132px;object-fit:cover;display:block;background:rgba(0,0,0,.2)}.tile__meta{position:absolute;left:0;right:0;bottom:0;padding:10px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72))}.tile__name{font-weight:900;font-size:14px;text-shadow:0 2px 8px rgba(0,0,0,.8)}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{padding:8px 10px;border-radius:999px;border:1px solid var(--border);background:hsla(0,0%,100%,.02);color:var(--muted);cursor:pointer;font-size:13px}.tab--active{color:var(--foreground);background:rgba(96,165,250,.14)}.toast{position:fixed;right:18px;top:18px;z-index:9999;background:rgba(15,23,42,.88);border:1px solid var(--border);border-radius:14px;padding:12px 14px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:360px}.toast__title{font-weight:900;margin-bottom:2px}.overlay{position:absolute;inset:0;background:rgba(2,6,23,.55);display:flex;align-items:center;justify-content:center;border-radius:var(--radius)}.spinner{width:22px;height:22px;border:2px solid hsla(0,0%,100%,.22);border-top-color:hsla(0,0%,100%,.8);border-radius:999px;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.previewRow{display:flex;gap:12px;align-items:center}.previewBox{width:140px;height:140px;border-radius:14px;overflow:hidden;border:1px solid var(--border);background:hsla(0,0%,100%,.02);flex:0 0 auto}.previewBox img{width:100%;height:100%;object-fit:cover;display:block}.previewInfo{flex:1 1;min-width:0}.previewTitle{font-weight:900;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:900px){:root{--sidebar-w:240px}.content{padding:14px}.header{height:auto;padding:12px;gap:10px}}@media (max-width:760px){.shell{flex-direction:column}.sidebar{width:100%;height:auto;position:relative}.sidebar__top{height:56px}.content{padding:12px}.gridframe{height:56vh;min-height:280px}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.previewRow{flex-direction:column;align-items:stretch}.previewBox{width:100%;height:180px}}.topbar{display:none;justify-content:space-between;height:56px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius);background:rgba(15,19,32,.55);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.iconbtn,.topbar{align-items:center}.iconbtn{width:40px;height:40px;border-radius:12px;border:1px solid var(--border);background:hsla(0,0%,100%,.03);color:var(--foreground);cursor:pointer;display:flex;justify-content:center;font-size:20px}.iconbtn:hover{background:hsla(0,0%,100%,.06)}.drawerOverlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:50}.drawerOverlay--open{display:block}@media (max-width:760px){.shell{flex-direction:column}.topbar{display:flex;margin-bottom:12px}.sidebar{position:fixed;top:0;left:0;height:100vh;width:min(86vw,320px);z-index:60;transform:translateX(-105%);transition:transform .22s ease;box-shadow:0 18px 60px rgba(0,0,0,.6)}.sidebar--open{transform:translateX(0)}.content{padding:12px}.header{display:none}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.gridframe{height:58vh;min-height:280px}.previewRow{flex-direction:column;align-items:stretch}.previewBox{width:100%;height:180px}}.secHead{justify-content:space-between;padding:8px 6px 6px;cursor:pointer}.chev,.secHead{display:flex;align-items:center}.chev{width:28px;height:28px;border-radius:10px;border:1px solid var(--border);background:hsla(0,0%,100%,.02);justify-content:center;color:var(--muted);font-size:14px}.accountPickerWrap{margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}