html,body,#root{min-height:100%}body{margin:0}img,picture,video,canvas,svg{max-width:100%}button,input,textarea,select{font:inherit}:root,:root[data-theme=dark]{--bg: #07080f;--bg-2: #0c0d18;--bg-3: #131525;--surface: rgba(0, 0, 0, .13);--surface-2: rgba(0, 0, 0, .24);--surface-3: rgba(0, 0, 0, .36);--fg: #e8eaf2;--fg-2: #b4b8cc;--fg-3: #7a7e95;--fg-mute: rgba(232, 234, 242, .4);--line: rgba(255, 255, 255, .07);--line-2: rgba(255, 255, 255, .12);--glass: rgba(0, 0, 0, .1);--glass-2: rgba(0, 0, 0, .34);--glass-border: rgba(255, 255, 255, .08);--drawer-bg: rgba(18, 20, 34, .72);--drawer-bg-image: radial-gradient(circle at 18% 12%, rgba(129, 140, 248, .18), transparent 34%), radial-gradient(circle at 88% 80%, rgba(103, 232, 249, .1), transparent 38%), linear-gradient(160deg, rgba(15, 17, 31, .82), rgba(7, 8, 15, .68));--drawer-mask: rgba(0, 0, 0, .42);--primary: #818cf8;--primary-2: #c084fc;--accent: #67e8f9;--accent-2: #fde68a;--success: #6ee7b7;--warn: #fcd34d;--danger: #fca5a5;--grad-primary: linear-gradient(135deg, #818cf8 0%, #c084fc 50%, #67e8f9 100%);--grad-soft: linear-gradient(135deg, rgba(129, 140, 248, .4) 0%, rgba(192, 132, 252, .3) 50%, rgba(103, 232, 249, .4) 100%);--shadow-1: 0 4px 30px rgba(0, 0, 0, .5);--shadow-2: 0 20px 60px rgba(129, 140, 248, .18);--shadow-glow: 0 0 40px rgba(129, 140, 248, .25);--radius: 18px;--radius-sm: 12px;--ease-out: cubic-bezier(.2, .9, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}:root[data-theme=light]{--bg: #f5f5f7;--bg-2: #fafafc;--bg-3: #ffffff;--surface: rgba(255, 255, 255, .2);--surface-2: rgba(255, 255, 255, .34);--surface-3: rgba(255, 255, 255, .48);--fg: #0c0e1a;--fg-2: #3b3f54;--fg-3: #6b7088;--fg-mute: rgba(12, 14, 26, .4);--line: rgba(0, 0, 0, .07);--line-2: rgba(0, 0, 0, .12);--glass: rgba(255, 255, 255, .16);--glass-2: rgba(255, 255, 255, .82);--glass-border: rgba(0, 0, 0, .08);--drawer-bg: rgba(250, 250, 252, .92);--drawer-bg-image: radial-gradient(circle at 16% 12%, rgba(79, 70, 229, .08), transparent 36%), radial-gradient(circle at 88% 82%, rgba(8, 145, 178, .06), transparent 38%), linear-gradient(160deg, rgba(255, 255, 255, .96), rgba(245, 247, 252, .88));--drawer-mask: rgba(12, 14, 26, .28);--primary: #4f46e5;--primary-2: #7c3aed;--accent: #0891b2;--accent-2: #d97706;--success: #059669;--warn: #d97706;--danger: #dc2626;--grad-primary: linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #0891b2 100%);--grad-soft: linear-gradient(135deg, rgba(79, 70, 229, .15) 0%, rgba(124, 58, 237, .12) 50%, rgba(8, 145, 178, .15) 100%);--shadow-1: 0 4px 30px rgba(0, 0, 0, .06);--shadow-2: 0 20px 60px rgba(79, 70, 229, .12);--shadow-glow: 0 0 40px rgba(79, 70, 229, .15)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:Inter,PingFang SC,system-ui,-apple-system,sans-serif;overflow-x:hidden;min-height:100vh}#app{min-height:100vh;display:block}body{font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;position:relative;z-index:1;background:var(--bg);color:var(--fg)}img{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}input,textarea,select{font:inherit;color:inherit;background:none;border:0;outline:0}.bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;isolation:isolate;pointer-events:none;background:var(--bg)}.bg-nebula{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;pointer-events:none}.bg-nebula:before,.bg-nebula:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.bg-nebula:before{background:radial-gradient(ellipse 60% 45% at 25% 25%,rgba(129,140,248,.4),transparent 65%),radial-gradient(ellipse 50% 35% at 75% 15%,rgba(192,132,252,.35),transparent 60%),radial-gradient(ellipse 55% 40% at 35% 75%,rgba(103,232,249,.25),transparent 60%),radial-gradient(ellipse 45% 30% at 80% 65%,rgba(129,140,248,.3),transparent 60%),radial-gradient(ellipse 35% 25% at 50% 90%,rgba(192,132,252,.2),transparent 60%);filter:blur(50px);animation:nebulaDrift 60s ease-in-out infinite alternate}.bg-nebula:after{background:linear-gradient(125deg,transparent 0%,transparent 25%,rgba(192,132,252,.08) 40%,rgba(129,140,248,.12) 50%,rgba(103,232,249,.08) 60%,transparent 75%,transparent 100%);filter:blur(30px)}:root[data-theme=light] .bg-nebula:before{background:radial-gradient(ellipse 60% 40% at 20% 30%,rgba(79,70,229,.08),transparent 60%),radial-gradient(ellipse 50% 30% at 70% 20%,rgba(124,58,237,.06),transparent 60%),radial-gradient(ellipse 55% 35% at 30% 70%,rgba(8,145,178,.04),transparent 60%),radial-gradient(ellipse 40% 25% at 80% 60%,rgba(79,70,229,.06),transparent 60%)}@keyframes nebulaDrift{0%{transform:translate(0) rotate(0)}to{transform:translate(-3%,-2%) rotate(2deg)}}.bg-nebula-core{position:absolute;left:50%;top:40%;width:600px;height:200px;transform:translate(-50%,-50%) rotate(-12deg);background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(255,255,255,.1) 0%,rgba(192,132,252,.06) 30%,transparent 60%);filter:blur(20px);pointer-events:none;mix-blend-mode:screen}:root[data-theme=light] .bg-nebula-core{background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(255,255,255,.5) 0%,rgba(124,58,237,.06) 30%,transparent 60%)}.bg-galaxy-band{position:absolute;left:-10%;top:30%;width:130%;height:30%;background:linear-gradient(125deg,transparent 0%,transparent 30%,rgba(255,255,255,.06) 45%,rgba(255,255,255,.18) 50%,rgba(255,255,255,.06) 55%,transparent 70%,transparent 100%);transform:rotate(-12deg);filter:blur(1px);pointer-events:none;mix-blend-mode:screen}:root[data-theme=light] .bg-galaxy-band{background:linear-gradient(125deg,transparent 0%,transparent 30%,rgba(192,132,252,.1) 45%,rgba(129,140,248,.16) 50%,rgba(192,132,252,.1) 55%,transparent 70%,transparent 100%);mix-blend-mode:multiply}.bg-stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bg-stars span{position:absolute;display:block;border-radius:50%}.bg-stars .s1{width:1px;height:1px;background:#fff9;box-shadow:120px 80px #ffffff80,340px 220px #fff6,560px 130px #ffffff80,780px 340px #fff6,980px 90px #ffffff80,1180px 220px #fff6,200px 480px #ffffff80,640px 580px #fff6,1080px 480px #ffffff80,1300px 380px #fff6,80px 700px #ffffff80,460px 760px #fff6,840px 700px #ffffff80,1180px 800px #fff6,200px 200px #ffffff80,720px 50px #fff6;animation:twinkleA 4s ease-in-out infinite}.bg-stars .s2{width:1.5px;height:1.5px;background:#c084fccc;box-shadow:180px 320px #818cf8b3,420px 60px #c084fcb3,680px 260px #67e8f999,900px 420px #c084fcb3,1140px 160px #818cf899,60px 540px #c084fcb3,380px 620px #67e8f999,720px 720px #c084fcb3,1060px 660px #818cf899,1300px 360px #c084fcb3,240px 100px #67e8f999;animation:twinkleB 6s ease-in-out infinite}.bg-stars .s3{width:2px;height:2px;background:#fde68ae6;box-shadow:280px 180px #fde68a80,620px 320px #fff6,940px 240px #fde68a66,1240px 540px #fff6,320px 660px #fde68a66;animation:twinkleC 8s ease-in-out infinite}@keyframes twinkleA{0%,to{opacity:.4}50%{opacity:.9}}#btn-theme,#btn-theme-g{position:relative;overflow:hidden}#btn-theme svg,#btn-theme-g svg{position:absolute;top:50%;left:50%;transition:transform .4s var(--ease-spring),opacity .3s}:root[data-theme=dark] #btn-theme .theme-icon-dark,:root[data-theme=dark] #btn-theme-g .theme-icon-dark{transform:translate(-50%,-50%) rotate(0) scale(1);opacity:1}:root[data-theme=dark] #btn-theme .theme-icon-light,:root[data-theme=dark] #btn-theme-g .theme-icon-light{transform:translate(-50%,-50%) rotate(90deg) scale(.5);opacity:0}:root[data-theme=light] #btn-theme .theme-icon-dark,:root[data-theme=light] #btn-theme-g .theme-icon-dark{transform:translate(-50%,-50%) rotate(-90deg) scale(.5);opacity:0}:root[data-theme=light] #btn-theme .theme-icon-light,:root[data-theme=light] #btn-theme-g .theme-icon-light{transform:translate(-50%,-50%) rotate(0) scale(1);opacity:1}body,.topbar,.sidebar,.side-section,.stream,.stream-head,.hero,.card,.empty,.nav,.nav-item,.icon-btn,.btn,.lb-meta,.lb-tag,.hero-search,.hero-pill,.lightbox,.drawer-panel,.dropzone,.upload-form input,.upload-form textarea,.group-chip,.tag-pill,.queue-item,.toast{transition:background-color .5s var(--ease-out),color .5s var(--ease-out),border-color .5s var(--ease-out),box-shadow .5s var(--ease-out)}@keyframes twinkleB{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes twinkleC{0%,to{opacity:.6}50%{opacity:1;transform:scale(1.4)}}:root[data-theme=light] .bg-stars .s1{background:#0c0e1a73;box-shadow:120px 80px #0c0e1a59,340px 220px #0c0e1a4d,560px 130px #0c0e1a66,780px 340px #0c0e1a4d,980px 90px #0c0e1a66,1180px 220px #0c0e1a4d,200px 480px #0c0e1a66,640px 580px #0c0e1a4d,1080px 480px #0c0e1a66,1300px 380px #0c0e1a4d,80px 700px #0c0e1a66,460px 760px #0c0e1a4d,840px 700px #0c0e1a66,1180px 800px #0c0e1a4d,200px 200px #0c0e1a66,720px 50px #0c0e1a4d}:root[data-theme=light] .bg-stars .s2{background:#4f46e5b3;box-shadow:180px 320px #4f46e599,420px 60px #7c3aed99,680px 260px #0891b280,900px 420px #4f46e599,1140px 160px #7c3aed80,60px 540px #4f46e599,380px 620px #0891b280,720px 720px #4f46e599,1060px 660px #7c3aed80,1300px 360px #4f46e599,240px 100px #0891b280}:root[data-theme=light] .bg-stars .s3{background:#d97706d9;box-shadow:280px 180px #d9770673,620px 320px #0c0e1a59,940px 240px #d9770659,1240px 540px #0c0e1a59,320px 660px #d9770659}.bg-meteor{position:absolute;width:1px;height:1px;background:#fff;border-radius:50%;box-shadow:0 0 4px #fff,0 0 8px #ffffff80;pointer-events:none}.bg-meteor:after{content:"";position:absolute;top:0;right:0;width:90px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9));transform:translate(100%) translateY(.5px);transform-origin:right}.bg-meteor.m1{top:12%;left:20%;animation:meteor 8s linear infinite}.bg-meteor.m2{top:35%;left:50%;animation:meteor 12s linear infinite 3s}.bg-meteor.m3{top:62%;left:15%;animation:meteor 10s linear infinite 6s}.bg-meteor.m4{top:78%;left:65%;animation:meteor 14s linear infinite 2s}@keyframes meteor{0%{transform:translate(0) rotate(40deg);opacity:0}3%{opacity:1}40%{opacity:.9}to{transform:translate(450px,380px) rotate(40deg);opacity:0}}#bg-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;opacity:1;z-index:1}.bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 50% at 20% 20%,var(--primary),transparent 60%),radial-gradient(50% 50% at 80% 30%,var(--primary-2),transparent 60%),radial-gradient(60% 60% at 50% 90%,var(--accent),transparent 60%);opacity:.04}.bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 60% 50% at 50% 30%,#000 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 30%,#000 40%,transparent 100%)}@keyframes float1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(80px,60px) scale(1.1)}}@keyframes float2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-100px,40px) scale(1.05)}}@keyframes float3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(60px,-80px) scale(1.08)}}.cursor,.cursor-dot{position:fixed;top:0;left:0;pointer-events:none;z-index:9999;border-radius:50%;transform:translate(-50%,-50%);will-change:transform}.cursor{width:36px;height:36px;border:1.5px solid rgba(255,255,255,.6);transition:width .25s var(--ease-out),height .25s var(--ease-out),background .25s,border-color .25s,opacity .25s;mix-blend-mode:difference}.cursor-dot{width:6px;height:6px;background:#fff;mix-blend-mode:difference}.cursor.is-hover{width:60px;height:60px;background:#a78bfa2e;border-color:#a78bfacc}@media (hover:none){.cursor,.cursor-dot{display:none}}.topbar,.hero,.layout,.drawer,.lightbox,.toasts{position:relative;z-index:2}.topbar{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:18px 32px;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:var(--surface-2);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none;background:transparent;border:0;color:inherit;text-align:left;padding:0}.brand:focus-visible{outline:2px solid var(--primary);outline-offset:5px;border-radius:12px}.brand-mark{position:relative;width:36px;height:36px;border-radius:12px;background:transparent;padding:0;animation:spin 6s linear infinite}.brand-mark:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;border-radius:inherit;padding:2px;background:conic-gradient(from 0deg,#a78bfa,#ec4899,#22d3ee,#a78bfa);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}.brand-mark span{position:absolute;z-index:1;width:18px;height:15px;border-radius:4px;background:linear-gradient(135deg,#818cf8,#c084fc 52%,#67e8f9);top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #818cf857}.brand-mark span:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1.5px solid rgba(255,255,255,.92);border-radius:2.4px}.brand-mark span:after{content:"";position:absolute;left:5px;right:4px;bottom:4px;height:5px;background:linear-gradient(135deg,#ffffff4d,#ffffffc7);clip-path:polygon(0 100%,30% 35%,52% 70%,78% 22%,100% 58%,100% 100%)}@keyframes spin{to{transform:rotate(360deg)}}.brand-name{font-family:Space Grotesk;font-weight:700;font-size:18px;letter-spacing:-.02em;line-height:1}.brand-sub{font-size:10.5px;color:var(--fg-3);letter-spacing:.12em;text-transform:uppercase;margin-top:4px}.nav{display:flex;align-items:center;gap:6px;justify-self:center;background:var(--surface);border:1px solid var(--line);padding:6px;border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-item{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;font-size:13.5px;font-weight:500;color:var(--fg-2);transition:all .3s var(--ease-out);position:relative}.nav-item:hover{color:var(--fg)}.nav-item.is-active{color:#fff;background:linear-gradient(135deg,#a78bfa66,#ec48994d);box-shadow:0 4px 20px #a78bfa4d}.nav-item .count{font-size:10.5px;padding:2px 7px;border-radius:999px;background:#ffffff1a;color:var(--fg-3);min-width:18px;text-align:center}.topbar-actions{display:flex;align-items:center;gap:10px}.route-home .topbar-actions{grid-column:3;justify-self:end}.icon-btn{width:40px;height:40px;border-radius:12px;background:var(--surface);border:1px solid var(--line);color:var(--fg-2);display:inline-flex;align-items:center;justify-content:center;transition:all .25s var(--ease-out)}.icon-btn:hover{color:#fff;background:var(--surface-2);transform:translateY(-1px)}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:12px;font-weight:600;font-size:13.5px;letter-spacing:-.005em;transition:all .25s var(--ease-out);border:1px solid transparent;position:relative;overflow:hidden}.btn.primary{color:#fff;background:linear-gradient(135deg,#a78bfa,#ec4899);box-shadow:0 8px 24px #a78bfa59}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #a78bfa80}.btn.ghost{color:var(--fg-2);background:var(--surface);border-color:var(--line)}.btn.ghost:hover{color:#fff;background:var(--surface-2)}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.3),transparent 70%);transform:translate(-100%);transition:transform .8s}.btn:hover:after{transform:translate(100%)}.btn:disabled{cursor:default;opacity:.72;transform:none;box-shadow:none}.btn:disabled:after{display:none}.hero{padding:32px 32px 20px;max-width:1200px;margin:0 auto;text-align:center;position:relative;z-index:2}.hero:before{content:"";position:absolute;top:30%;left:50%;width:480px;height:480px;background:radial-gradient(circle,rgba(167,139,250,.1),transparent 60%);transform:translate(-50%,-50%);z-index:-1;pointer-events:none;animation:hbeat 8s ease-in-out infinite;opacity:.7}@keyframes hbeat{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.15);opacity:1}}.hero-meta{display:flex;justify-content:center;margin-bottom:20px}.hero-pill{display:inline-flex;align-items:center;gap:10px;padding:7px 16px 7px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:12.5px;color:var(--fg-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pulse{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 #34d39999;animation:pulse 1.8s infinite}@keyframes pulse{0%{box-shadow:0 0 #34d39999}70%{box-shadow:0 0 0 10px #34d39900}to{box-shadow:0 0 #34d39900}}.hero-title{font-family:Space Grotesk,PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(40px,6.2vw,76px);font-weight:700;line-height:1.08;letter-spacing:-.03em;margin:0 0 16px}.hero-title .line{display:block;overflow:hidden;line-height:1.08;white-space:nowrap}.hero-title .line>*{display:inline-block;transform:none;opacity:1;will-change:transform}.hero-title .line i{font-style:italic;font-weight:300;font-family:Inter,PingFang SC,serif}.hero-title em.grad{font-style:italic;font-weight:400;background:linear-gradient(135deg,#a78bfa,#ec4899,#22d3ee);-webkit-background-clip:text;background-clip:text;color:#a78bfa;-webkit-text-fill-color:transparent;display:inline-block;padding:0 .04em;text-shadow:0 0 24px rgba(167,139,250,.4);transition:text-shadow .3s}.hero-title em.grad:hover{text-shadow:0 0 36px rgba(236,72,153,.6)}.hero-title .italic{font-style:italic}.hero-desc{font-size:15px;color:var(--fg-2);max-width:520px;margin:0 auto 24px;line-height:1.7;letter-spacing:.01em}.hero-search{display:flex;align-items:center;gap:12px;max-width:480px;margin:0 auto;padding:12px 16px;background:var(--surface);border:1px solid var(--line);border-radius:14px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s var(--ease-out)}.hero-search:focus-within{background:var(--surface-2);border-color:#a78bfa80;box-shadow:0 0 0 4px #a78bfa1a}.hero-search input{flex:1;background:none;border:0;color:var(--fg);font-size:14px}.hero-search input::placeholder{color:var(--fg-3)}.hero-search kbd{padding:3px 8px;background:#ffffff14;border-radius:6px;font-size:11px;color:var(--fg-3);font-family:Space Grotesk}.layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;max-width:1400px;margin:0 auto;padding:16px 32px 80px;align-items:start;position:relative;z-index:2}@media (max-width:900px){.layout{grid-template-columns:1fr}}.sidebar{display:flex;flex-direction:column;gap:14px;position:sticky;top:90px;height:fit-content}.side-section{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.side-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:11.5px;text-transform:uppercase;letter-spacing:.14em;color:var(--fg-3);font-weight:600}.ghost-btn{font-size:11.5px;color:var(--fg-3);padding:4px 8px;border-radius:6px;transition:all .2s}.ghost-btn:hover{color:var(--primary);background:#a78bfa1a}.group-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.group-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;cursor:pointer;transition:all .2s var(--ease-out);font-size:13.5px;color:var(--fg-2);position:relative}.group-item:hover{background:var(--surface-2);color:var(--fg)}.group-item.is-active{background:linear-gradient(135deg,#a78bfa2e,#ec48991f);color:#fff}.group-item.is-active:before{content:"";position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:3px;height:60%;background:linear-gradient(180deg,#a78bfa,#ec4899);border-radius:0 2px 2px 0}.group-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.group-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-count{font-size:11px;color:var(--fg-3);background:#ffffff0d;padding:1px 6px;border-radius:4px}.group-empty{font-size:12px;color:var(--fg-3);padding:12px;text-align:center;font-style:italic}.view-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.view-btn{padding:10px;border-radius:10px;background:var(--surface);border:1px solid var(--line);color:var(--fg-3);display:flex;align-items:center;justify-content:center;transition:all .2s}.view-btn:hover{color:var(--fg);background:var(--surface-2)}.view-btn.is-active{color:#fff;background:linear-gradient(135deg,#a78bfa4d,#ec489933);border-color:#a78bfa66}.side-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px 8px}.stat{text-align:center}.stat-num{font-family:Space Grotesk;font-size:18px;font-weight:700;background:linear-gradient(135deg,#a78bfa,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}.stat-label{font-size:10.5px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.1em;margin-top:4px}.stream-wrap{min-width:0;min-height:200px}.stream-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding:0 4px}.stream-title{font-family:Space Grotesk;font-size:24px;font-weight:600;letter-spacing:-.02em;margin:0}.stream-tools{display:flex;align-items:center;gap:14px}.sort{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--fg-3)}.sort select{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:6px 10px;color:var(--fg);font-size:12.5px;cursor:pointer}.stream{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-flow:dense;min-height:200px}.stream[data-view=masonry]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.stream[data-view=list]{grid-template-columns:1fr;gap:12px}.card{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-1);transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out);cursor:pointer;transform-style:preserve-3d;will-change:transform}.card:hover{box-shadow:0 20px 60px #00000080}.card.starred:after{content:"★";position:absolute;top:10px;right:10px;z-index:3;color:#fbbf24;font-size:18px;text-shadow:0 2px 8px rgba(0,0,0,.5);pointer-events:none}.card .card-img-wrap{position:relative;overflow:hidden;background:#ffffff08}.card .card-img-wrap.aspect-portrait{aspect-ratio:3/4}.card .card-img-wrap.aspect-landscape{aspect-ratio:4/3}.card .card-img-wrap.aspect-square{aspect-ratio:1/1}.card .card-img-wrap.aspect-tall{aspect-ratio:2/3}.card .card-img-wrap.aspect-wide{aspect-ratio:16/10}.card .card-img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-out),filter .5s}.card:hover .card-img{transform:scale(1.08);filter:brightness(1.1) saturate(1.1)}.card .card-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.15) 50%,transparent 60%);transform:translate(-100%);transition:transform .8s;pointer-events:none}.card:hover .card-shine{transform:translate(100%)}.card .card-info{position:absolute;left:0;right:0;bottom:0;padding:14px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.85));color:#fff;transform:translateY(20%);opacity:0;transition:all .4s var(--ease-out)}.card:hover .card-info,.card:focus-within .card-info{transform:translateY(0);opacity:1}.card .card-title{font-size:13.5px;font-weight:600;margin-bottom:4px;display:flex;align-items:center;gap:6px}.card .card-meta{font-size:11.5px;color:#ffffffb3;display:flex;align-items:center;gap:8px}.card .card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.card .card-tag{font-size:10px;padding:2px 7px;border-radius:999px;background:#ffffff26;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card .card-actions{position:absolute;top:clamp(10px,.75vw,16px);right:clamp(10px,.75vw,16px);display:flex;gap:clamp(6px,.5vw,10px);opacity:0;transform:translateY(-6px);transition:all .35s var(--ease-out);z-index:2}.card:hover .card-actions{opacity:1;transform:translateY(0)}.card-action{width:clamp(34px,2.2vw,46px);height:clamp(34px,2.2vw,46px);border-radius:clamp(9px,.7vw,14px);background:#00000094;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);box-shadow:0 clamp(6px,.5vw,10px) clamp(18px,1.4vw,30px) #00000038;color:#fff;display:flex;align-items:center;justify-content:center;font-size:clamp(15px,1vw,21px);line-height:1;transition:all .2s}.card-action:hover{background:#fff3;transform:scale(1.1)}.card-action.is-on{color:#fbbf24}.stream[data-view=list] .card{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:stretch}.stream[data-view=list] .card .card-img-wrap{aspect-ratio:1/1!important;height:100%}.stream[data-view=list] .card .card-info{position:absolute;left:120px;right:0;bottom:0;transform:translateY(20%);opacity:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72));padding:16px;color:#fff;align-self:auto}.card.tilt-active{transition:transform .15s ease-out}.empty{text-align:center;padding:48px 32px;display:none;flex-direction:column;align-items:center;background:linear-gradient(135deg,#a78bfa0f,#ec48990a);border:1px dashed rgba(255,255,255,.12);border-radius:20px;margin:12px 0 0;min-height:0;justify-content:center}.empty-art{position:relative;width:120px;height:120px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center}.empty-svg{filter:drop-shadow(0 8px 24px rgba(167,139,250,.3));animation:floatY 4s ease-in-out infinite}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes ring{to{transform:rotate(360deg)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.empty h3{font-family:Space Grotesk,PingFang SC,Microsoft YaHei,sans-serif;font-size:18px;margin:0 0 6px;font-weight:600}.empty>p{color:var(--fg-2);margin:0 0 16px;font-size:13.5px}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;opacity:0;transition:opacity .4s}.drawer.is-on{pointer-events:auto;opacity:1}.drawer-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--drawer-mask);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .4s,background-color .5s var(--ease-out)}.drawer.is-on .drawer-mask{opacity:1}.drawer-panel{position:absolute;right:0;top:0;bottom:0;width:min(480px,100%);background-color:var(--drawer-bg);background-image:var(--drawer-bg-image);color:var(--fg);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-left:1px solid var(--line);display:flex;flex-direction:column;transform:translate(100%);transition:transform .5s var(--ease-out),background-color .5s var(--ease-out),color .5s var(--ease-out),border-color .5s var(--ease-out),box-shadow .5s var(--ease-out);box-shadow:-20px 0 60px #00000080}.drawer.is-on .drawer-panel{transform:translate(0)}.drawer-handle{display:none}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 18px;border-bottom:1px solid var(--line)}.drawer-head h2,.drawer-head h3{font-family:Space Grotesk;font-size:20px;font-weight:600;margin:0}.drawer-body,.dropzone,.upload-form{flex-shrink:0}.dropzone{margin:20px 24px;padding:26px 20px;border:1.5px dashed var(--line-2);border-radius:var(--radius);text-align:center;cursor:pointer;transition:all .3s var(--ease-out);background:var(--glass);display:flex;flex-direction:column;gap:14px;max-height:340px}.dropzone:hover,.dropzone.is-over{border-color:#a78bfa99;background:#a78bfa0d;transform:scale(1.01)}.dropzone.is-over{transform:scale(1.02)}.dropzone-icon{color:var(--primary);margin-bottom:12px;display:flex;justify-content:center}.dropzone-title{font-size:14px;font-weight:500;margin-bottom:4px}.dropzone-sub{font-size:12px;color:var(--fg-3)}.dropzone:has(.upload-queue:not(:empty)){padding:18px 16px;text-align:left}.dropzone:has(.upload-queue:not(:empty)) .dropzone-inner{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px}.dropzone:has(.upload-queue:not(:empty)) .dropzone-icon{margin:0}.dropzone:has(.upload-queue:not(:empty)) .dropzone-icon svg{width:36px;height:36px}.dropzone:has(.upload-queue:not(:empty)) .dropzone-title{margin:0 0 2px}.upload-form{padding:0 24px 16px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;flex:1}.upload-form label,.upload-field-label{font-size:11.5px;text-transform:uppercase;letter-spacing:0;color:var(--fg-3);margin-top:8px;font-weight:600}.upload-form .muted{color:var(--fg-3);text-transform:none;letter-spacing:0}.upload-form textarea{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--fg);font-size:13.5px;resize:vertical;min-height:60px;transition:all .2s}.upload-form textarea:focus{border-color:#a78bfa80;background:var(--surface-2)}.group-chips{display:flex;flex-wrap:wrap;gap:6px}.group-chip{font-size:12px;padding:5px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--fg-2);transition:all .2s}.group-chip:hover{color:#fff}.group-chip.is-on{background:linear-gradient(135deg,#a78bfa4d,#ec489933);color:#fff;border-color:#a78bfa80}.tag-input{display:flex;flex-wrap:wrap;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px;min-height:42px;transition:all .2s}.tag-input:focus-within{border-color:#a78bfa80;background:var(--surface-2)}.tag-input input{flex:1;min-width:120px;background:none;color:var(--fg);font-size:13px;padding:4px 6px}.tag-pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:4px 6px 4px 10px;border-radius:999px;background:linear-gradient(135deg,#a78bfa4d,#ec489933);color:#fff;border:1px solid rgba(167,139,250,.4);animation:pop .3s var(--ease-spring)}.tag-pill button{font-size:14px;line-height:1;opacity:.6;padding:0 4px}.tag-pill button:hover{opacity:1}@keyframes pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.upload-queue{max-height:190px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:2px 2px 0;cursor:default}.upload-queue:empty{display:none}.queue-item{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:8px;animation:slideIn .3s var(--ease-out)}.queue-item.is-uploading{border-color:#818cf88c;background:linear-gradient(135deg,rgba(129,140,248,.16),var(--surface))}.queue-item.is-uploading .queue-thumb{filter:saturate(1.08);box-shadow:0 0 0 2px #818cf847}.queue-item.is-paused{border-color:color-mix(in srgb,var(--primary) 45%,var(--line));background:color-mix(in srgb,var(--primary) 8%,var(--surface))}.queue-item.is-success{border-color:#22c55e80;background:linear-gradient(135deg,rgba(34,197,94,.16),var(--surface))}.queue-item.is-success .queue-meta{color:#22c55e}.queue-item.is-error,.queue-item.is-duplicate{border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.queue-thumb-wrap{position:relative;width:48px;height:48px;flex-shrink:0}.queue-thumb{width:48px;height:48px;border-radius:8px;object-fit:cover;background:#ffffff0d}.queue-video-mark{position:absolute;right:3px;bottom:3px;width:18px;height:18px;border-radius:50%;background:#000000ad;box-shadow:0 2px 8px #00000059;display:flex;align-items:center;justify-content:center}.queue-video-mark:before{content:"";margin-left:2px;border-left:6px solid #fff;border-top:4px solid transparent;border-bottom:4px solid transparent}.queue-info{font-size:12.5px;min-width:0}.queue-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-meta{font-size:10.5px;color:var(--fg-3);margin-top:2px}.queue-info progress{display:block;width:100%;height:4px;margin-top:6px;overflow:hidden;border:0;border-radius:999px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--surface-3);accent-color:var(--primary)}.queue-info progress::-webkit-progress-bar{border-radius:999px;background:var(--surface-3)}.queue-info progress::-webkit-progress-value{border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--accent))}.queue-info progress::-moz-progress-bar{border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--accent))}.queue-toggle{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;color:var(--fg-2);background:transparent;text-align:right}.queue-toggle:hover{background:color-mix(in srgb,var(--primary) 6%,transparent)}.queue-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.queue-toggle svg{position:absolute;top:50%;right:44px;transform:translateY(-50%);opacity:.72}.queue-actions{position:relative;z-index:2;display:flex;align-items:center;gap:4px}.queue-remove,.queue-retry{display:grid;width:30px;height:30px;place-items:center;border-radius:6px;color:var(--fg-3);transition:all .2s}.queue-remove:hover{color:#ef4444;background:#ef44441a}.queue-retry:hover{color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent)}.queue-remove:disabled{cursor:default;opacity:.85;color:var(--fg-2)}.queue-item.is-success .queue-remove:disabled{color:#22c55e;opacity:1}.drawer-foot{display:flex;align-items:center;gap:10px;padding:16px 24px;border-top:1px solid var(--line);background:#0003}.drawer-foot .muted{color:var(--fg-3);font-size:12.5px;margin-right:auto}.upload-total-progress{font-size:12px;color:var(--fg-2);font-variant-numeric:tabular-nums;white-space:nowrap}.lightbox-backdrop{z-index:1200;padding:0;background:#000000ad;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.modal-dialog.lightbox{position:relative;display:none;width:100vw;max-width:none;height:100dvh;max-height:none;overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:none;color:#fff}.lightbox.is-on{display:flex;animation:lbIn .4s var(--ease-out)}.lightbox>.modal-header{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.lightbox>.modal-body{display:flex;width:100%;height:100%;padding:0}.lb-content{position:relative;display:flex;width:100%;height:100%}.lightbox>.modal-close{top:24px;right:24px;z-index:6;width:48px;height:48px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:#ffffff14;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes lbIn{0%{opacity:0}to{opacity:1}}.lb-stage{flex:1;height:100%;display:flex;align-items:center;justify-content:center;padding:60px 100px;position:relative}.lb-viewer{display:flex;width:100%;height:100%;align-items:center;justify-content:center;position:relative;overflow:hidden;touch-action:none}.lb-viewer.is-zoomed{cursor:grab}.lb-viewer.is-zoomed:active{cursor:grabbing}.lb-stage img{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 30px 80px #0000007a;transition:transform .28s var(--ease-out),opacity .22s var(--ease-out),filter .22s var(--ease-out);animation:lbImgIn .35s var(--ease-out);touch-action:none;-webkit-user-select:none;user-select:none;z-index:2}.lb-stage video{display:block;width:min(100%,calc(100vw - 200px));height:min(100%,calc(100vh - 160px));max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 30px 80px #0000007a;background:#000}@keyframes lbImgIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.lb-stage img.is-swiping{transition:transform .2s}.lb-media-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#000000b8}.lb-media-error p,.lb-action-error{margin:0;color:#fecaca;font-size:13px}.lb-info{position:absolute;bottom:clamp(30px,2.4vw,54px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:clamp(10px,.8vw,16px);max-width:80%}.lb-meta{display:flex;align-items:center;gap:clamp(14px,1vw,24px);padding:clamp(10px,.78vw,16px) clamp(18px,1.35vw,30px);background:#080a12b8;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.16);border-radius:999px;box-shadow:0 clamp(10px,1vw,20px) clamp(28px,2.2vw,48px) #00000057}.lb-meta #lb-counter{font-size:clamp(12.5px,.82vw,16px);color:#ffffffe6;font-family:Space Grotesk}.lb-meta button{display:inline-flex;align-items:center;justify-content:center;font-size:clamp(13px,.86vw,17px);min-height:clamp(28px,2vw,38px);padding:clamp(5px,.45vw,9px) clamp(12px,.95vw,22px);border-radius:999px;transition:all .2s;color:#ffffffdb}.lb-star{width:clamp(34px,2.35vw,46px);min-width:clamp(34px,2.35vw,46px);padding:0!important;color:#ffffffdb;font-size:clamp(18px,1.25vw,24px)!important;display:inline-flex;align-items:center;justify-content:center}.lb-star.is-on{color:#fbbf24}.lb-del{color:var(--fg-3)}.lb-del:hover{color:#ef4444;background:#ef44441a}.lb-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.lb-tag{font-size:clamp(11px,.72vw,14px);padding:clamp(3px,.3vw,6px) clamp(10px,.8vw,16px);border-radius:999px;background:#ffffff14;color:var(--fg-2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lb-note{font-size:clamp(12.5px,.82vw,16px);color:#ffffffd1;text-align:center;max-width:min(640px,80vw);font-style:italic;text-shadow:0 2px 12px rgba(0,0,0,.55)}.lb-nav{position:absolute;width:48px;height:48px;border-radius:50%;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;transition:all .25s var(--ease-out);z-index:5}.lb-nav{top:50%;transform:translateY(-50%)}.lb-prev{left:24px}.lb-next{right:24px}.lb-nav:hover:not(:disabled){background:#ffffff26;transform:translateY(-50%) scale(1.1)}.lb-nav:disabled{opacity:.28;cursor:not-allowed}.toasts{position:fixed;top:90px;right:24px;z-index:300;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{padding:12px 18px;border-radius:12px;background:#141420f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--line);color:#fff;font-size:13px;display:flex;align-items:center;gap:10px;min-width:200px;box-shadow:0 10px 30px #0006;pointer-events:auto;animation:toastIn .4s var(--ease-spring)}.toast.is-out{animation:toastOut .3s var(--ease-out) forwards}.toast-icon{font-size:16px}.toast.success .toast-icon{color:#34d399}.toast.error .toast-icon{color:#ef4444}.toast.info .toast-icon{color:#22d3ee}@keyframes toastIn{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastOut{to{transform:translate(120%);opacity:0}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width:720px){.topbar{grid-template-columns:1fr auto;padding:14px 16px}.route-home .topbar-actions{grid-column:2}.nav{display:none}.hero{padding:48px 20px 32px}.layout{padding:16px 16px 60px;gap:16px}.sidebar{position:static}.lb-stage{padding:60px 20px}.lb-prev{left:8px}.lb-next{right:8px}}.route{position:absolute;top:0;right:0;bottom:0;left:0;display:none;overflow:hidden;z-index:1}.route.is-on{animation:routeIn .55s cubic-bezier(.2,.9,.3,1) both}.route-login.is-on,.route-home.is-on,.route-gallery.is-on{display:flex}@keyframes routeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.route-login{display:flex;align-items:center;justify-content:center;padding:40px 20px}.route-login .login-theme{position:absolute;top:24px;right:24px}.login-card{width:min(420px,100%);background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:32px 28px;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);box-shadow:var(--shadow-2);animation:loginIn .8s cubic-bezier(.2,.9,.3,1)}@keyframes loginIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.login-brand{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:32px}.login-brand .brand-mark{position:relative;width:56px;height:56px;border-radius:16px;background:conic-gradient(from 0deg,#818cf8,#c084fc,#67e8f9,#818cf8);padding:2.5px;animation:spin 8s linear infinite}.login-brand .brand-mark:before{content:"";position:absolute;top:2.5px;right:2.5px;bottom:2.5px;left:2.5px;border-radius:13.5px;background:var(--bg)}.login-brand .brand-mark span{position:absolute;width:9px;height:9px;border-radius:50%;background:#fff;top:50%;left:50%;transform-origin:0 0}.login-brand .brand-mark span:nth-child(1){background:#818cf8;transform:rotate(0) translate(11px) translate(-50%,-50%)}.login-brand .brand-mark span:nth-child(2){background:#c084fc;transform:rotate(120deg) translate(11px) translate(-50%,-50%)}.login-brand .brand-mark span:nth-child(3){background:#67e8f9;transform:rotate(240deg) translate(11px) translate(-50%,-50%)}.login-brand .brand-mark span:before,.login-brand .brand-mark span:after{display:none}.login-title{font-family:Space Grotesk;font-size:32px;font-weight:700;letter-spacing:-.02em;background:var(--grad-primary);-webkit-background-clip:text;background-clip:text;color:transparent;margin-top:12px}.login-sub{font-size:11px;color:var(--fg-3);letter-spacing:.18em;text-transform:uppercase}.login-form{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--fg-3);font-weight:600}.field>input{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:13px 14px;color:var(--fg);font-size:14px;transition:all .2s;outline:0}.field>input:focus{border-color:#818cf880;background:var(--surface-3);box-shadow:0 0 0 4px #818cf81a}.field>input[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 3px #fca5a51a}.field>input:-webkit-autofill{-webkit-text-fill-color:var(--fg);transition:background-color 9999s ease-out 0s;caret-color:var(--fg)}.field-error{font-size:11.5px;color:var(--danger);text-transform:none;letter-spacing:0;font-weight:500}.login-btn{width:100%;justify-content:center;padding:14px 18px;margin-top:8px}.login-btn:disabled{cursor:wait;opacity:.72}.login-spinner{animation:spin 1s linear infinite}.login-hint{text-align:center;font-size:11.5px;color:var(--fg-3);margin-top:4px;font-family:Space Grotesk,PingFang SC,sans-serif;letter-spacing:.02em}.login-error{color:var(--danger)}.login-form[data-error-feedback=motion]{animation:loginError .35s ease-out}@keyframes loginError{0%,to{transform:translate(0)}25%{transform:translate(-8px)}55%{transform:translate(6px)}80%{transform:translate(-3px)}}.route-home{display:flex;flex-direction:column}.hero-home{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:clamp(72px,10vh,108px) 32px 40px;max-width:900px;margin:0 auto;width:100%;text-align:center;position:relative}.hero-home .hero-pill{margin-bottom:18px}.hero-home .hero-title{font-size:clamp(36px,5.6vw,66px);line-height:1;margin:0 0 14px}.hero-home .hero-title .line{line-height:1}.hero-home .hero-desc{margin:0 0 34px}.hero-home .hero-search{max-width:560px}.hero-home[data-motion=full] .hero-title{transform:translate3d(var(--home-parallax-x,0),var(--home-parallax-y,0),0);transition:transform .3s ease-out}.hero-home[data-motion=full] .hero-pill,.hero-home[data-motion=full] .hero-search,.hero-home[data-motion=full] .hero-shortcuts{transform:translate3d(var(--home-parallax-soft-x,0),var(--home-parallax-soft-y,0),0);transition:transform .35s ease-out}.hero-home[data-motion=static] .hero-pill,.hero-home[data-motion=static] .hero-title,.hero-home[data-motion=static] .hero-title .line,.hero-home[data-motion=static] .hero-desc,.hero-home[data-motion=static] .hero-search,.hero-home[data-motion=static] .shortcut{opacity:1;transform:none;animation:none}body:not(.home-booted) .route-home .topbar,body:not(.home-booted) .route-home .hero-pill,body:not(.home-booted) .route-home .hero-title .line,body:not(.home-booted) .route-home .hero-desc,body:not(.home-booted) .route-home .hero-search,body:not(.home-booted) .route-home .shortcut{opacity:0;transform:translateY(24px)}body.home-booted .route-home .topbar,body.home-booted .route-home .hero-pill,body.home-booted .route-home .hero-title .line,body.home-booted .route-home .hero-desc,body.home-booted .route-home .hero-search,body.home-booted .route-home .shortcut{animation:home-element-enter .82s cubic-bezier(.22,.68,.22,1) backwards}body.home-booted .route-home .topbar{animation-delay:60ms}body.home-booted .route-home .hero-pill{animation-delay:.15s}body.home-booted .route-home .hero-title .line:nth-child(1){animation-delay:.23s}body.home-booted .route-home .hero-title .line:nth-child(2){animation-delay:.31s}body.home-booted .route-home .hero-title .line:nth-child(3){animation-delay:.39s}body.home-booted .route-home .hero-desc{animation-delay:.47s}body.home-booted .route-home .hero-search{animation-delay:.55s}body.home-booted .route-home .shortcut:nth-child(1){animation-delay:.65s}body.home-booted .route-home .shortcut:nth-child(2){animation-delay:.73s}@keyframes home-element-enter{0%{opacity:0;transform:translate3d(0,30px,0) scale(.98)}to{opacity:1;transform:translateZ(0) scale(1)}}.hero-shortcuts{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:44px;width:100%;max-width:560px}.shortcut{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--surface);border:1px solid var(--line);border-radius:16px;text-align:left;cursor:pointer;transition:all .3s var(--ease-out);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%}.shortcut:hover{background:var(--surface-2);border-color:#818cf866;transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.shortcut-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#818cf826,#c084fc1a);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.shortcut-text{flex:1;min-width:0}.shortcut-title{font-size:14px;font-weight:600;color:var(--fg)}.shortcut-sub{font-size:11.5px;color:var(--fg-3);margin-top:2px}.shortcut-arrow{color:var(--fg-3);flex-shrink:0;transition:transform .3s var(--ease-spring)}.shortcut:hover .shortcut-arrow{color:var(--primary);transform:translate(3px)}.route-home .topbar,.route-gallery .topbar{padding:14px 28px}.route-gallery{display:flex;flex-direction:column;overflow:hidden}.gallery-topbar{padding:14px 24px;gap:16px}.route-gallery .topbar-actions{--gallery-tool-h:40px}.route-gallery .topbar-actions>.icon-btn{width:var(--gallery-tool-h);height:var(--gallery-tool-h)}.gallery-crumbs{display:inline-flex;align-items:center;justify-self:start;width:max-content;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex:0 0 auto;max-width:58%;overflow-x:auto;scrollbar-width:none}.gallery-crumbs::-webkit-scrollbar{display:none}.crumb-crumb{width:32px;height:32px;border-radius:50%;background:transparent;border:0;color:var(--fg-2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.crumb-crumb:hover{background:var(--surface-2);color:var(--fg)}.crumb{display:inline-flex;align-items:center;font-size:14px;padding:7px 14px;border-radius:999px;background:transparent;border:0;color:var(--fg-2);cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.crumb-icon{display:none;flex:0 0 auto}.crumb:hover{color:var(--fg);background:var(--surface-2)}.crumb.is-on{color:#fff;background:linear-gradient(135deg,#818cf84d,#c084fc33);box-shadow:0 2px 8px #818cf833}.crumb-sep{color:var(--fg-3);font-size:13px;opacity:.5}.search-mini{display:flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:0 8px 0 10px;width:clamp(200px,14vw,240px);height:var(--gallery-tool-h,40px);color:var(--fg-2);overflow:hidden}.search-mini>svg,.search-mini kbd,.search-panel-btn{flex:0 0 auto}.search-mini input{flex:1;background:0;border:0;outline:0;color:var(--fg);font-size:13px;min-width:0}.search-mini input::placeholder{color:var(--fg-3)}.search-mini kbd{font-size:10.5px;padding:1px 6px;border-radius:4px;background:var(--surface-2);color:var(--fg-3);font-family:Space Grotesk}.search-panel-btn{width:26px;height:26px;border-radius:8px;background:var(--surface-2);border:0;color:var(--fg-2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.search-panel-btn:hover{background:var(--surface-3);color:var(--fg)}.density-control{display:flex;align-items:center;gap:2px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:2px;height:40px}.density-btn{width:30px;height:30px;border-radius:50%;background:transparent;border:0;color:var(--fg-2);font-size:18px;font-weight:400;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.density-btn:hover{background:var(--surface-2);color:var(--fg)}.density-dots{display:flex;align-items:center;gap:2px;padding:0 4px}.density-dots span{width:4px;height:4px;border-radius:50%;background:var(--fg-3);opacity:.4;transition:all .2s}.density-dots span.is-on{background:var(--primary);opacity:1;width:5px;height:5px}.gallery-stage{width:100%;max-width:none;min-width:0;margin:0;padding:24px 24px 60px;flex:1;overflow-y:auto}.gallery-pagination{display:flex;justify-content:center;padding:24px 0 4px}.gallery-stage[data-density] .stream.masonry-view{display:flex;grid-template-columns:none;align-items:flex-start}.masonry-column{display:flex;flex:1 1 0;flex-direction:column;gap:14px;min-width:0}.grid-view{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.card .card-img-wrap.is-grid-crop{aspect-ratio:1/1!important}.gallery-stage[data-density] .stream[data-view=list]{display:flex;flex-direction:column;grid-template-columns:none;gap:28px}.timeline-day{position:relative;display:flex;flex-direction:column;gap:12px}.timeline-day-head{position:relative;z-index:1;display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:0 2px;color:var(--fg)}.timeline-day-head h2{margin:0;font-size:18px;font-weight:700;letter-spacing:0;line-height:1.15}.timeline-day-head span{display:block;font-size:12px;color:var(--fg-3);white-space:nowrap}.timeline-items{position:relative}.timeline-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;grid-auto-flow:dense}.stream[data-view=list] .timeline-item.card{position:relative;display:block;aspect-ratio:1/1;min-height:0;padding:0;border-radius:10px;background:var(--surface);border:1px solid var(--line);box-shadow:none;overflow:hidden;transform-style:flat}.stream[data-view=list] .timeline-item.card:hover{background:var(--surface-2);border-color:var(--line-2);box-shadow:0 10px 26px #00000038}.stream[data-view=list] .timeline-item.card.starred:after{display:none}.timeline-open{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;border:0;background:transparent;cursor:pointer}.timeline-open:focus-visible{outline:2px solid var(--primary);outline-offset:-3px;border-radius:inherit}.timeline-thumb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;background:#ffffff0a}.timeline-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .45s var(--ease-out),filter .35s}.stream[data-view=list] .timeline-item.card:hover .timeline-thumb img{transform:scale(1.04);filter:brightness(1.06) saturate(1.06)}.timeline-thumb-fallback{width:100%;height:100%;background:linear-gradient(135deg,#818cf83d,#67e8f929)}.timeline-video-mark{position:absolute;inset:auto 6px 6px auto;display:flex;align-items:center;justify-content:space-between;gap:6px;max-width:calc(100% - 12px);border-radius:999px;background:#0000009e;color:#fff;padding:4px 7px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.timeline-video-mark span{width:0;height:0;margin-left:2px;border-left:8px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent;flex:0 0 auto}.timeline-video-mark b{font-family:Space Grotesk;font-size:10.5px;font-weight:600;line-height:1}.timeline-tile-time{position:absolute;left:6px;bottom:6px;z-index:2;border-radius:999px;background:#00000094;color:#fff;padding:3px 7px;font-family:Space Grotesk,PingFang SC,sans-serif;font-size:10.5px;font-weight:600;line-height:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transform:translateY(4px);transition:opacity .25s var(--ease-out),transform .25s var(--ease-out)}.stream[data-view=list] .timeline-item.card:hover .timeline-tile-time,.stream[data-view=list] .timeline-item.card:focus-within .timeline-tile-time,.stream[data-selecting=true][data-view=list] .timeline-item.card .timeline-tile-time{opacity:1;transform:translateY(0)}.stream[data-view=list] .timeline-actions.card-actions{position:absolute;top:6px;right:6px;display:flex;gap:5px;opacity:0;transform:translateY(-4px);z-index:3;pointer-events:none}.stream[data-view=list] .timeline-item.card:hover .timeline-actions.card-actions,.stream[data-view=list] .timeline-item.card:focus-within .timeline-actions.card-actions{opacity:1;transform:translateY(0);pointer-events:auto}.stream[data-selecting=true][data-view=list] .timeline-actions.card-actions{opacity:0;pointer-events:none}.stream[data-selecting=true][data-view=list] .timeline-actions .card-action{pointer-events:none}.stream[data-view=list] .timeline-actions .card-action{width:28px;height:28px;border-radius:9px;background:#00000094;border-color:#ffffff2e;box-shadow:none;color:#fff;font-size:13px}.stream[data-view=list] .timeline-actions .card-action:hover{background:#fff3;color:#fff;transform:none}.stream[data-view=list] .timeline-actions .card-action.is-on{color:#fbbf24}.gallery-stage[data-density=xs] .stream[data-view=list] .timeline-actions.card-actions{opacity:0;pointer-events:none}.gallery-stage[data-density=xs] .stream[data-view=list] .timeline-actions .card-action{pointer-events:none}.gallery-stage[data-density=xs] .stream[data-view=list] .timeline-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:4px}.gallery-stage[data-density=sm] .stream[data-view=list] .timeline-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}.gallery-stage[data-density=md] .stream[data-view=list] .timeline-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px}.gallery-stage[data-density=lg] .stream[data-view=list] .timeline-grid{grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:10px}.media-card.tilt-active{transform:perspective(900px) rotateX(var(--card-rotate-x,0deg)) rotateY(var(--card-rotate-y,0deg))}.media-video-badge{position:absolute;left:10px;bottom:10px;display:flex;align-items:center;gap:5px;padding:5px 7px;border-radius:7px;background:#000000ad;color:#fff;font-size:10.5px;z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.media-video-badge time{font-variant-numeric:tabular-nums;color:#ffffffc7}.card:focus-within .card-actions,.card[data-pointer=coarse] .card-actions{opacity:1;transform:translateY(0)}.card[data-selected=true],.stream[data-view=list] .timeline-item.card[data-selected=true]{border-color:var(--primary);box-shadow:0 0 0 2px #818cf847,var(--shadow-1)}.selection-indicator{position:absolute;left:7px;top:7px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;border:2px solid rgba(255,255,255,.86);background:#00000052;color:#fff;font-size:14px;font-weight:700;z-index:5;box-shadow:0 4px 14px #00000047;pointer-events:none}.card[data-selected=true] .selection-indicator{background:var(--primary);border-color:#fff}.selection-bar{position:fixed;left:50%;bottom:18px;z-index:90;display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(520px,calc(100vw - 28px));padding:10px 12px 10px 16px;border-radius:16px;background:var(--drawer-bg);background-image:var(--drawer-bg-image);border:1px solid var(--glass-border);box-shadow:0 18px 50px #00000057;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);opacity:0;transform:translate(-50%,calc(100% + 24px));pointer-events:none;transition:opacity .24s var(--ease-out),transform .24s var(--ease-out)}.selection-bar.is-on{opacity:1;transform:translate(-50%);pointer-events:auto}.selection-count{font-size:13px;font-weight:650;color:var(--fg);white-space:nowrap}.selection-actions{display:flex;align-items:center;gap:8px}.stream{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-auto-flow:dense;transition:all .4s var(--ease-out)}.gallery-stage[data-density=xs] .stream{grid-template-columns:repeat(auto-fill,minmax(var(--gallery-card-xs,110px),1fr));gap:6px}.gallery-stage[data-density=sm] .stream{grid-template-columns:repeat(auto-fill,minmax(var(--gallery-card-sm,160px),1fr));gap:10px}.gallery-stage[data-density=md] .stream{grid-template-columns:repeat(auto-fill,minmax(var(--gallery-card-md,220px),1fr));gap:14px}.gallery-stage[data-density=lg] .stream{grid-template-columns:repeat(auto-fill,minmax(var(--gallery-card-lg,320px),1fr));gap:20px}.gallery-stage[data-density=xs] .card .card-info{padding:8px}.gallery-stage[data-density=xs] .card .card-title{font-size:11px}.gallery-stage[data-density=xs] .card .card-meta{font-size:10px;display:none}.gallery-stage[data-density=xs] .card .card-tags{display:none}.gallery-stage[data-density=xs] .card .card-actions{opacity:0}.gallery-stage[data-density=sm] .card .card-title{font-size:12px}.gallery-stage[data-density=sm] .card .card-meta{font-size:10.5px}.stream[data-view=grid] .card .card-img-wrap{aspect-ratio:1/1!important}.empty{text-align:center;padding:64px 32px;display:none;flex-direction:column;align-items:center;background:linear-gradient(135deg,#818cf80d,#c084fc08);border:1px dashed var(--line);border-radius:20px;margin:24px 0;color:var(--fg)}.empty.is-on{display:flex}.empty h3{font-family:Space Grotesk,PingFang SC,sans-serif;font-size:18px;margin:12px 0 6px;font-weight:600}.empty p{color:var(--fg-3);margin:0 0 18px;font-size:13.5px}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--line)}.panel-head h3{font-family:Space Grotesk,PingFang SC,sans-serif;font-size:18px;font-weight:600;margin:0}.panel-tabs{display:flex;gap:4px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--surface)}.panel-tab{flex:1;padding:9px 12px;border-radius:10px;background:transparent;border:0;color:var(--fg-2);font-size:12.5px;font-weight:500;cursor:pointer;transition:all .2s}.panel-tab:hover{background:var(--surface-2);color:var(--fg)}.panel-tab.is-on{background:var(--surface-3);color:var(--fg);box-shadow:0 2px 6px #0000001a}.panel-body{flex:1;min-height:0;overflow-y:auto;padding:16px}.panel-pane{display:none}.panel-pane.is-on{display:block}.panel-search-field{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;margin:0 16px 4px;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--fg-3)}.panel-search-field:focus-within{border-color:color-mix(in srgb,var(--primary) 55%,var(--line));color:var(--fg-2)}.panel-search-field input{min-width:0;border:0;outline:0;background:transparent;color:var(--fg);font:inherit;font-size:13px}.panel-filter-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:12px}.panel-filter-options button{min-height:36px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--fg-2);font-size:12px}.panel-filter-options button.is-on{border-color:color-mix(in srgb,var(--primary) 45%,var(--line));background:color-mix(in srgb,var(--primary) 15%,var(--surface-2));color:var(--fg)}.panel-group-list{list-style:none;padding:0;margin:0 0 10px;display:flex;flex-direction:column;gap:2px}.panel-group-list .group-empty{font-size:12.5px;color:var(--fg-3);padding:14px;text-align:center;font-style:italic}.panel-group-list .group-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 36px;align-items:center;gap:4px;border-radius:8px;transition:all .2s;font-size:13.5px;color:var(--fg-2)}.panel-group-list .group-item:hover{background:var(--surface-2);color:var(--fg)}.panel-group-list .group-item.is-active{background:linear-gradient(135deg,#818cf82e,#c084fc1f);color:var(--fg)}.panel-group-list .group-item.is-active:before{content:"";position:absolute;left:0;width:3px;height:60%;background:var(--primary);border-radius:0 2px 2px 0}.group-select{display:flex;min-width:0;align-items:center;gap:10px;padding:10px 8px 10px 12px;text-align:left;color:inherit}.group-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-count{margin-left:auto;color:var(--fg-3);font-size:11px}.group-delete{display:grid;width:32px;height:32px;place-items:center;border-radius:6px;color:var(--fg-3)}.group-delete:hover,.group-delete:focus-visible{background:color-mix(in srgb,var(--danger) 13%,transparent);color:var(--danger)}#panel-new-group{display:flex;width:100%;align-items:center;justify-content:center;gap:7px;padding:10px;background:var(--surface-2);border:1px dashed var(--line);border-radius:8px;color:var(--fg-2);font-size:12.5px;cursor:pointer;transition:all .2s}#panel-new-group:hover{background:var(--surface-3);color:var(--fg);border-color:#818cf866}.panel-group-form{display:grid;gap:9px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2)}.panel-group-form label{font-size:12px;font-weight:600;color:var(--fg-2)}.panel-group-form input{min-height:40px;border:1px solid var(--line);border-radius:7px;padding:8px 10px;background:var(--surface);color:var(--fg)}.panel-color-field{display:grid;gap:7px}.panel-color-field>span{font-size:12px;font-weight:600;color:var(--fg-2)}.panel-color-swatches{display:flex;flex-wrap:wrap;gap:8px}.panel-color-swatch{width:30px;height:30px;border:2px solid transparent;border-radius:50%;background:var(--swatch-color);box-shadow:inset 0 0 0 1px #fff3}.panel-color-swatch[aria-checked=true]{border-color:var(--fg);box-shadow:0 0 0 2px var(--surface),0 0 0 4px color-mix(in srgb,var(--swatch-color) 55%,transparent)}.panel-color-swatch:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.panel-form-actions{display:flex;justify-content:flex-end;gap:8px}.panel-form-actions .btn{min-height:38px;padding:8px 12px;border-radius:7px}.view-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);gap:12px}.view-row:last-child{border-bottom:0}.view-row-label{font-size:12.5px;color:var(--fg-2);font-weight:500}.view-row-control{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.view-opt{width:36px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:var(--surface-2);border:1px solid var(--line);color:var(--fg-2);font-size:12px;cursor:pointer;transition:all .2s}.view-opt svg{width:18px;height:18px;display:block;fill:currentColor;stroke:none}.view-opt .density-icon{width:19px;height:19px}.view-opt .density-icon-xs,.view-opt .density-icon-lg{width:18px;height:18px}.view-opt .view-icon{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.view-opt:hover{background:var(--surface-3);color:var(--fg)}.view-opt.is-on{background:linear-gradient(135deg,#818cf840,#c084fc26);color:var(--fg);border-color:#818cf866}.panel-select{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:6px 10px;color:var(--fg);font-size:12px;cursor:pointer}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.stat-card{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:14px;text-align:center}.stat-card .stat-num{font-family:Space Grotesk;font-size:22px;font-weight:700;background:var(--grad-primary);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}.stat-card .stat-label{font-size:10.5px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.1em;margin-top:4px}.stat-section-title{font-size:11.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--fg-3);font-weight:600;margin-bottom:8px}.recent-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.recent-list li{display:flex;align-items:center;gap:10px;padding:8px;background:var(--surface-2);border-radius:10px;font-size:12.5px}.recent-thumb{width:32px;height:32px;border-radius:6px;background-size:cover;background-position:center;flex-shrink:0}.recent-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg)}.recent-time{font-size:11px;color:var(--fg-3);flex-shrink:0}.recent-empty{font-size:12.5px;color:var(--fg-3);padding:14px;text-align:center;font-style:italic;background:var(--surface-2);border-radius:10px}.panel-state{display:grid;justify-items:center;gap:12px;padding:28px 16px;color:var(--fg-3);font-size:13px;text-align:center}@media (max-width:720px){.route-home .topbar,.route-gallery .topbar{padding:10px 16px;gap:8px}.gallery-crumbs{max-width:40%}.gallery-crumbs .crumb{padding:4px 8px;font-size:11.5px}.search-mini{width:160px;padding:5px 8px}.density-control{height:36px}.density-btn{width:26px;height:26px;font-size:16px}.gallery-stage{padding:16px 12px 40px}.stream{gap:8px}.gallery-stage[data-density=md] .stream{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.gallery-stage[data-density=lg] .stream{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.hero-home{padding:clamp(48px,8vh,72px) 20px 30px}.hero-home .hero-title{font-size:clamp(32px,10vw,46px);margin-bottom:12px}.hero-home .hero-desc{margin-bottom:28px}.hero-shortcuts{margin-top:34px}.login-card{padding:32px 24px}.login-theme{top:16px;right:16px}}:root{--mobile-bar-h: 68px;--content-max: 1800px}#root,#app{min-height:100dvh}#app{position:relative}#app>.route{position:relative;inset:auto;width:100%;min-height:100dvh;overflow:visible}#app>.route-login,#app>.route-home{flex-direction:column}#app>.route-login{justify-content:center}#app>.route-gallery{height:100dvh;min-height:100dvh;overflow:hidden}.topbar{width:100%;max-width:none}.gallery-topbar{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.gallery-topbar .gallery-crumbs{grid-column:2;grid-row:1;width:max-content;max-width:58%;min-width:0;justify-self:start;display:flex;justify-content:flex-start}.gallery-topbar .topbar-actions{grid-column:3;grid-row:1;justify-self:end;min-width:0}.gallery-topbar .crumb-wrap{display:inline-flex;align-items:center;flex:0 0 auto;min-width:0}.gallery-topbar .crumb-wrap .crumb-sep{flex:0 0 auto}.gallery-topbar .crumb{min-width:0;justify-content:flex-start;overflow:hidden;text-overflow:ellipsis}.gallery-topbar .crumb-icon{display:none;align-items:center;justify-content:center}.density-btn:disabled{cursor:default;opacity:.35;transform:none}.density-btn:disabled:hover{background:transparent;color:var(--fg-2)}#login-theme-btn{position:absolute;overflow:hidden}#login-theme-btn svg{position:absolute;top:50%;left:50%;transition:transform .4s var(--ease-spring),opacity .3s}:root[data-theme=dark] #login-theme-btn .theme-icon-dark{transform:translate(-50%,-50%) rotate(0) scale(1);opacity:1}:root[data-theme=dark] #login-theme-btn .theme-icon-light{transform:translate(-50%,-50%) rotate(90deg) scale(.5);opacity:0}:root[data-theme=light] #login-theme-btn .theme-icon-dark{transform:translate(-50%,-50%) rotate(-90deg) scale(.5);opacity:0}:root[data-theme=light] #login-theme-btn .theme-icon-light{transform:translate(-50%,-50%) rotate(0) scale(1);opacity:1}.bottom-action-bar,.mobile-controls{display:none}.panel-section-title{margin:12px 0 8px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}#app>.route.is-on{animation:route-content-enter .62s cubic-bezier(.16,1,.3,1) backwards}#app>.route-home.is-on{animation:none}@keyframes route-content-enter{0%{opacity:0;transform:translate3d(0,18px,0) scale(.995)}to{opacity:1;transform:translateZ(0) scale(1)}}.grid-view>.card,.masonry-column>.card,.timeline-grid>.card{animation:gallery-card-enter .64s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(90ms + var(--card-order, 0) * 42ms)}.card-open{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;border-radius:inherit}.card-open:focus-visible{outline:2px solid var(--primary);outline-offset:-3px}.card .card-info,.card .card-actions{pointer-events:none}.card .card-actions .card-action{pointer-events:auto}@keyframes gallery-card-enter{0%{opacity:0;transform:translate3d(0,22px,0) scale(.975)}to{opacity:1;transform:translateZ(0) scale(1)}}.card .card-img{opacity:0;transform:scale(1.04);transition:opacity .62s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}.card .card-img.is-image-ready,.card.is-image-ready .card-img{opacity:1;transform:scale(1)}.card:hover .card-img.is-image-ready,.card.is-image-ready:hover .card-img{filter:none;transform:scale(1.08)}.card-image-fallback{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-content:center;justify-items:center;gap:8px;padding:20px;color:var(--fg-3);background:color-mix(in srgb,var(--surface-2) 92%,var(--fg-3));font-size:12px;line-height:1.4;text-align:center;opacity:0;pointer-events:none;transition:opacity .18s ease}.card-image-fallback:before{content:"IMG";display:grid;width:34px;height:34px;place-items:center;border:1px solid color-mix(in srgb,var(--fg-3) 42%,transparent);border-radius:9px;color:var(--fg-2);font-size:9px;font-weight:700;letter-spacing:.08em}.card.is-image-error .card-img{opacity:0}.card.is-image-error .card-image-fallback{opacity:1}.gallery-skeleton-card{pointer-events:none}.skeleton-card-img{position:relative;overflow:hidden;aspect-ratio:4 / 3;background:color-mix(in srgb,var(--surface-2) 84%,var(--fg-3))}.skeleton-card-img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 24%,rgba(255,255,255,.12) 46%,transparent 68%);transform:translate3d(-100%,0,0);animation:gallery-skeleton-shimmer 1.25s ease-in-out infinite;will-change:transform}.skeleton-card-img.aspect-portrait{aspect-ratio:3 / 4}.skeleton-card-img.aspect-landscape{aspect-ratio:4 / 3}.skeleton-card-img.aspect-square{aspect-ratio:1}.skeleton-card-img.aspect-tall{aspect-ratio:2 / 3}.skeleton-card-img.aspect-wide{aspect-ratio:16 / 10}@keyframes gallery-skeleton-shimmer{to{transform:translate3d(100%,0,0)}}[data-refreshing=true] .stream{opacity:.88;transition:opacity .18s ease}.gallery-stage .gallery-error{display:grid;min-height:min(360px,52vh);place-content:center;justify-items:center;gap:12px;padding:32px 20px;color:var(--fg-2);text-align:center}.gallery-stage .gallery-error>:first-child{margin:0;color:var(--fg);font-size:18px;font-weight:600}.gallery-stage .gallery-error>p{max-width:46ch;margin:0}.gallery-stage .gallery-error .btn{margin-top:4px}.gallery-stage[data-density=xs] .stream{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px}.gallery-stage[data-density=sm] .stream{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.gallery-stage[data-density=md] .stream{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.gallery-stage[data-density=lg] .stream{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}@media (min-width: 1200px){.hero{max-width:var(--content-max);margin-left:auto;margin-right:auto}}@media (min-width: 1920px){:root{--content-max: 1880px}}@media (min-width: 2560px){:root{--content-max: 2200px}}@media (min-width: 3840px){:root{--content-max: 2600px}.hero-title{max-width:1400px}}@media (min-width: 768px) and (max-width: 1199px){.hero{width:calc(100vw - 32px)}}@media (max-width: 720px){body{min-width:0;padding-bottom:0}.cursor,.cursor-dot{display:none}.topbar{width:100%;min-height:60px;margin:0;padding:10px 12px;border-radius:0}.brand-text .brand-sub{display:none}.brand{min-width:0}.brand-name{font-size:17px}.topbar-actions{gap:8px}.gallery-topbar{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;padding:10px 16px}.gallery-topbar .gallery-crumbs{grid-column:2;grid-row:1;width:auto;max-width:min(52vw,220px);justify-self:end;padding:0;gap:6px;overflow-x:auto;background:transparent;border:0}.gallery-topbar .gallery-crumbs .crumb-sep,.gallery-topbar .gallery-crumbs .crumb-label{display:none}.gallery-topbar .gallery-crumbs .crumb-icon{display:block}.gallery-topbar .gallery-crumbs .crumb,.gallery-topbar .gallery-crumbs .crumb-crumb{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--surface)}.gallery-topbar .topbar-actions{--gallery-tool-h: 36px;grid-column:1 / -1;grid-row:2;width:100%;min-width:0;justify-self:stretch;justify-content:flex-start;gap:8px;overflow-x:auto;scrollbar-width:none}.gallery-topbar .topbar-actions::-webkit-scrollbar{display:none}.gallery-topbar .topbar-actions>.icon-btn,.gallery-topbar .density-control{flex:0 0 auto}.gallery-topbar .topbar-actions>.icon-btn{width:var(--gallery-tool-h);min-width:var(--gallery-tool-h);height:var(--gallery-tool-h);min-height:var(--gallery-tool-h)}.gallery-topbar .search-mini{flex:1 1 auto;width:auto;min-width:0;height:var(--gallery-tool-h);padding:0 7px}.gallery-topbar .search-mini kbd{display:none}.gallery-topbar .search-panel-btn,.gallery-topbar .density-btn{min-width:26px;min-height:26px}.hero{width:calc(100vw - 24px);padding-top:48px}.hero-title{font-size:48px;line-height:.95}.hero-search{min-height:58px}.hero-search kbd{display:none}.shortcut{min-height:88px}.gallery-stage{width:100%;margin:0;padding:16px 12px 40px}.stream{gap:10px}.gallery-stage[data-density=md] .stream{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.gallery-stage[data-density=lg] .stream{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.card{border-radius:12px}.card-title{font-size:13px}.card-meta{font-size:11px}.card-actions{opacity:1}.drawer-panel,.drawer-panel.upload-panel{width:100%}.drawer-head{padding:clamp(.875rem,4vw,1.25rem) clamp(1rem,4vw,1.5rem) clamp(.75rem,3vw,1rem)}.dropzone{margin:clamp(.75rem,3.5vw,1.25rem) clamp(.75rem,3.5vw,1.5rem);padding:clamp(1rem,4vw,1.625rem);max-height:min(42vh,24rem);overflow:hidden}.dropzone:has(.upload-queue:not(:empty)){padding:clamp(.875rem,3.5vw,1.125rem);text-align:center}.dropzone:has(.upload-queue:not(:empty)) .dropzone-inner{display:flex;flex-direction:column;align-items:center;gap:clamp(.375rem,1.8vw,.75rem);min-width:0}.dropzone:has(.upload-queue:not(:empty)) .dropzone-title,.dropzone:has(.upload-queue:not(:empty)) .dropzone-sub{width:100%;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center;line-height:1.45}.upload-form{padding:0 clamp(1rem,4vw,1.5rem) clamp(.875rem,3vw,1rem)}.upload-queue{width:100%;max-height:min(18vh,9rem);overflow-y:auto}.queue-item{grid-template-columns:clamp(2.5rem,11vw,3rem) minmax(0,1fr) clamp(1.5rem,7vw,1.9rem);gap:clamp(.375rem,2vw,.75rem);padding:clamp(.375rem,1.8vw,.625rem)}.queue-thumb-wrap,.queue-thumb{width:clamp(2.5rem,11vw,3rem);height:clamp(2.5rem,11vw,3rem)}.drawer-foot{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:clamp(.5rem,2.4vw,.75rem);padding:clamp(.75rem,3.5vw,1rem) clamp(1rem,4vw,1.5rem)}.drawer-foot .muted{min-width:0;margin-right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-chips,.view-row-control{gap:8px}.group-chip,.view-opt,.icon-btn,.btn{min-height:44px}.icon-btn{min-width:44px}.mobile-controls{display:none;position:fixed;left:0;right:0;bottom:0;z-index:75;padding:16px 16px calc(16px + env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--line);box-shadow:0 -18px 50px #00000059;gap:10px}.mobile-controls.is-on{display:grid}.mobile-controls input,.mobile-controls select,.mobile-controls button{min-height:46px;border-radius:12px}.bottom-action-bar{display:none;grid-template-columns:repeat(3,1fr);position:fixed;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:70;height:var(--mobile-bar-h);padding:8px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--panel) 86%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 16px 48px #00000061}.bottom-action-bar button{display:grid;place-items:center;gap:2px;color:var(--text);background:transparent;border:0;border-radius:12px;min-height:48px}.bottom-action-bar span{font-size:11px}.lb-stage{padding:60px 20px}.lb-stage video{width:calc(100vw - 40px);height:calc(100vh - 150px)}.lb-info{left:50%;right:auto;bottom:18px;width:auto;max-width:92%;gap:8px}.lb-nav{top:50%;bottom:auto;transform:translateY(-50%)}.lb-prev{left:8px}.lb-next{right:8px}.selection-bar{bottom:10px;width:calc(100vw - 20px);padding:9px 10px 9px 12px;border-radius:14px;gap:10px}.selection-count{font-size:12.5px}.selection-actions{gap:6px}.selection-actions .btn{padding:9px 12px;font-size:12.5px;border-radius:10px}}@media (max-width: 720px){.gallery-stage[data-density] .stream[data-view=list]{gap:22px}.timeline-day{gap:10px}.timeline-day-head{padding:0 2px}.timeline-day-head h2{font-size:17px}.timeline-day-head span{font-size:11.5px}.gallery-stage[data-density] .stream[data-view=list] .timeline-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:5px}.stream[data-view=list] .timeline-item.card{border-radius:8px}.timeline-video-mark{inset:auto 5px 5px auto;max-width:calc(100% - 10px);padding:3px 6px}.timeline-video-mark b{font-size:10px}.timeline-tile-time{left:5px;bottom:5px;padding:3px 6px;font-size:10px}.stream[data-view=list] .timeline-actions.card-actions{top:5px;right:5px;gap:4px}.stream[data-view=list] .timeline-actions .card-action{width:26px;height:26px;border-radius:8px;font-size:12px}}@media (max-width: 359px){.gallery-topbar .brand-text{display:none}}@media (pointer: coarse){.bg-nebula:before,.bg-stars span,.bg-meteor,.brand-mark,.hero:before,.pulse{animation:none!important}}@media (min-width: 1440px){:root{--gallery-card-xs: clamp(120px, 7vw, 170px);--gallery-card-sm: clamp(170px, 11vw, 250px);--gallery-card-md: clamp(240px, 16vw, 340px);--gallery-card-lg: clamp(340px, 22vw, 520px)}.gallery-topbar{gap:clamp(16px,1.2vw,28px);padding:clamp(14px,1.1vw,22px) clamp(28px,2vw,48px)}.route-gallery .brand{gap:clamp(12px,.9vw,18px)}.route-gallery .brand-mark{width:clamp(36px,2.8vw,48px);height:clamp(36px,2.8vw,48px);border-radius:clamp(12px,.9vw,16px)}.route-gallery .brand-name{font-size:clamp(18px,1.15vw,22px)}.route-gallery .brand-sub{font-size:clamp(10.5px,.7vw,13px)}.route-gallery .topbar-actions>.icon-btn{width:clamp(40px,2.8vw,50px);height:clamp(40px,2.8vw,50px);border-radius:clamp(12px,.9vw,16px)}.gallery-stage{padding:clamp(24px,1.8vw,44px) clamp(24px,2vw,56px) 72px}.gallery-topbar .gallery-crumbs{max-width:62%;padding:clamp(6px,.5vw,9px) clamp(10px,.8vw,16px);gap:clamp(8px,.55vw,12px)}.gallery-topbar .gallery-crumbs .crumb{font-size:clamp(14px,.86vw,16px);padding:clamp(7px,.55vw,10px) clamp(14px,.9vw,18px)}.gallery-topbar .crumb-crumb{width:clamp(32px,2vw,38px);height:clamp(32px,2vw,38px)}.route-gallery .topbar-actions{--gallery-tool-h: clamp(40px, 2.7vw, 48px)}.gallery-topbar .search-mini{width:clamp(200px,13vw,260px);padding:0 clamp(8px,.6vw,12px) 0 clamp(10px,.75vw,14px)}.gallery-topbar .search-mini input{font-size:clamp(12.5px,.78vw,14px)}.gallery-topbar .density-btn{width:clamp(30px,2vw,38px);height:clamp(30px,2vw,38px);font-size:clamp(18px,1.2vw,22px)}#panel-drawer.control-panel-dialog{width:min(clamp(420px,28vw,560px),100%)}.drawer-panel.upload-panel{width:min(clamp(480px,32vw,640px),100%)}}@media (prefers-reduced-motion: reduce){.bg-nebula:before,.bg-stars span,.bg-meteor,.brand-mark,.hero:before,.pulse,#app>.route.is-on,.route-home .topbar,.hero-home .hero-pill,.hero-home .hero-title .line,.hero-home .hero-desc,.hero-home .hero-search,.hero-home .shortcut,:is(.grid-view,.masonry-column,.timeline-grid)>.card,.lb-stage img,.lb-stage video,.skeleton-card-img:after{animation:none!important;transition:none!important}#app>.route.is-on,.route-home .topbar,.hero-home .hero-pill,.hero-home .hero-title .line,.hero-home .hero-desc,.hero-home .hero-search,.hero-home .shortcut,:is(.grid-view,.masonry-column,.timeline-grid)>.card,.card .card-img,.card-image-fallback,[data-refreshing=true] .stream{transition-duration:.01ms!important}#app>.route.is-on,:is(.grid-view,.masonry-column,.timeline-grid)>.card,.card .card-img.is-image-ready,.card.is-image-ready .card-img{opacity:1;transform:none}}.route-transition{min-height:100vh}.toasts{position:fixed;z-index:1200;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));display:grid;width:min(380px,calc(100vw - 36px));gap:10px;pointer-events:none}.toast{display:grid;grid-template-columns:20px minmax(0,1fr) 32px;align-items:start;gap:11px;padding:14px 12px 14px 14px;border:1px solid var(--line-2);border-radius:8px;color:var(--fg);background:color-mix(in srgb,var(--bg-3) 88%,transparent);box-shadow:var(--shadow-1);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);pointer-events:auto;animation:toast-enter .26s var(--ease-out) both}.toast-success>svg{color:var(--success)}.toast-warning>svg{color:var(--warn)}.toast-error>svg{color:var(--danger)}.toast-info>svg{color:var(--accent)}.toast-copy{display:grid;min-width:0;gap:3px}.toast-copy strong{font-size:14px;line-height:1.35}.toast-copy span{color:var(--fg-2);font-size:12px;line-height:1.5;overflow-wrap:anywhere;white-space:pre-line}.toast-close,.modal-close{display:grid;width:32px;height:32px;place-items:center;border-radius:6px;color:var(--fg-2)}.toast-close:hover,.toast-close:focus-visible,.modal-close:hover,.modal-close:focus-visible{color:var(--fg);background:var(--surface-2);outline:2px solid color-mix(in srgb,var(--primary) 55%,transparent);outline-offset:1px}body.modal-open{overflow:hidden}.modal-backdrop{position:fixed;z-index:1100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:var(--drawer-mask);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:modal-fade .18s ease-out both}.modal-dialog{position:relative;width:min(460px,100%);max-height:min(720px,calc(100dvh - 40px));overflow:auto;border:1px solid var(--line-2);border-radius:8px;background:var(--drawer-bg-image),var(--drawer-bg);box-shadow:var(--shadow-2),var(--shadow-1);animation:modal-enter .24s var(--ease-out) both}.modal-header{padding:20px 56px 12px 20px}.modal-header h2{margin:0;font-size:18px;line-height:1.35}.modal-body{padding:8px 20px 20px}.modal-close{position:absolute;top:14px;right:14px}.control-panel-backdrop{place-items:stretch end;padding:0}.control-panel-dialog{display:flex;width:min(420px,100vw);height:100dvh;max-height:100dvh;flex-direction:column;border-block:0;border-right:0;border-radius:0}.control-panel-dialog>.modal-header{flex:0 0 auto;padding:20px 56px 16px 24px;border-bottom:1px solid var(--line)}.control-panel-dialog>.modal-body{display:flex;min-height:0;flex:1;flex-direction:column;padding:0}.control-panel-dialog .panel-tabs,.control-panel-dialog .panel-search-field{flex:0 0 auto}.control-panel-dialog .panel-body{width:100%}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.btn.danger{border-color:color-mix(in srgb,var(--danger) 45%,var(--line));color:#fff;background:var(--danger)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 720px){.control-panel-dialog{width:100vw;border:0;background:var(--drawer-bg-image),var(--bg)}.control-panel-dialog>.modal-header{padding-top:max(18px,env(safe-area-inset-top))}.control-panel-dialog>.modal-body{padding-bottom:env(safe-area-inset-bottom)}.control-panel-dialog .panel-tab,.control-panel-dialog .view-opt,.control-panel-dialog .group-delete{min-height:44px}}@keyframes toast-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-enter{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.toast,.modal-backdrop,.modal-dialog{animation:none}}body[data-page=image-studio]{overflow:hidden;background:var(--bg)}.image-studio-page{position:relative;z-index:2;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:var(--bg);animation:route-content-enter .62s cubic-bezier(.16,1,.3,1) backwards}.image-studio-frame{display:block;width:100%;height:100%;border:0}@media (prefers-reduced-motion: reduce){.image-studio-page{animation:none}}