.demo-root{--d-app:#0a0a0a;--d-bar1:#151515;--d-bar2:#0d0d0d;--d-card:#0f0f0f;--d-panel:#121212;--d-raise:#171717;--d-soft:#141414;--d-fill:#1f1f1f;--d-chip:#222;--d-blk:#181818;--d-bar:#242424;--d-bord:#262626;--d-line:#1e1e1e;--d-line2:#232323;--d-pill-b:#2a2a2a;--d-bord2:#2e2e2e;--d-btn-b:#3a3a3a;--d-btn-b-h:#555;--d-text:#ededed;--d-text2:#bdbdbd;--d-text3:#8c8c8c;--d-text4:#9a9a9a;--d-hint:#7a7a7a;--d-st:#d4d4d4;--d-red:#f05252;--d-red2:#f26b6b;--d-amber:#e8a33a;--d-green:#1e7a4c;--d-off:#6b6b6b;--d-ok:#22c55e;--d-accent:#3b82f6;--d-quest:#5768ff;--d-quest2:#aeb8ff;--d-violet:#8b5cf6;--d-ring:#edededb3;--d-done-bg:#10162e;--d-fs:#0b0b0b;--d-pnl:#0b0b0b;--d-over:#00000073;--d-scrim:#0606068c;--d-toast:#ededed;--d-toast-tx:#0a0a0a;--d-inv:#ededed;--d-inv-tx:#0a0a0a;--d-cursor:#f2f2f2;--d-cursor-s:#0a0a0a;--d-surface:#0e0e0e;--d-surface-b:#ffffff12;--d-frame-b:#ffffff17;--d-topline:#aeb8ff8c;--d-sheen:#ffffff06;--d-tab-glow:#ffffff08;--d-menu-sh:#000000d9;--d-focus-b:#5a5a5a;--d-focus-ring:#ffffff12;--d-ovd-b:#4a1a1a;--d-ovd-bg:#1f0d0d;--d-seg-bg:#ffffff14;--d-seg-b:#ffffff1f;--d-frame-shadow:0 0 0 1px #5768ff0f,0 40px 120px -40px #004ab473,0 60px 120px -60px #000000e6}.demo-root[data-theme=light]{--d-app:#fff;--d-bar1:#f2f2f3;--d-bar2:#fff;--d-card:#fff;--d-panel:#fff;--d-raise:#fff;--d-soft:#f2f2f3;--d-fill:#efefef;--d-chip:#e9e9e9;--d-blk:#fff;--d-bar:#ececec;--d-bord:#e4e4e4;--d-line:#eaeaea;--d-line2:#e6e6e6;--d-pill-b:#d8d8d8;--d-bord2:#dcdcdc;--d-btn-b:#c9c9c9;--d-btn-b-h:#9f9f9f;--d-text:#1b1b1b;--d-text2:#545454;--d-text3:#747474;--d-text4:gray;--d-hint:#a0a0a0;--d-st:#545454;--d-red:#dc2626;--d-red2:#dc2626;--d-amber:#d97706;--d-green:#15803d;--d-off:#b8b8b8;--d-ok:#22c55e;--d-accent:#3b82f6;--d-quest:#5768ff;--d-quest2:#4051d0;--d-violet:#8b5cf6;--d-ring:#1b1b1b99;--d-done-bg:#eef1fe;--d-fs:#fff;--d-pnl:#fff;--d-over:#0000004d;--d-scrim:#fff9;--d-toast:#1b1b1b;--d-toast-tx:#fff;--d-inv:#1b1b1b;--d-inv-tx:#fff;--d-cursor:#f2f2f2;--d-cursor-s:#0a0a0a;--d-surface:#f3f3f4;--d-surface-b:#0000000f;--d-frame-b:#0000001a;--d-topline:#4051d066;--d-sheen:#00000005;--d-tab-glow:#00000008;--d-menu-sh:#00000024;--d-focus-b:#9f9f9f;--d-focus-ring:#00000014;--d-ovd-b:#f5d5d5;--d-ovd-bg:#fdecec;--d-seg-bg:#fff;--d-seg-b:#0000000f;--d-frame-shadow:0 0 0 1px #4051d00d,0 40px 120px -40px #004ab440,0 60px 120px -60px #00000040}.demo-app b{font-weight:600}.demo-grow{flex:1}.demo-it{background:var(--d-raise);border:1px solid var(--d-bord);border-radius:12px;padding:9px 12px;display:block}button.demo-it{font:inherit;color:inherit;cursor:pointer;width:100%}.mi{gap:10px;font-size:12.5px;display:flex}.mi-dot{background:var(--d-text);border-radius:50%;flex:none;width:6px;height:6px;margin-top:6px}.mi.read .mi-dot{visibility:hidden}.mi.new{border-color:var(--d-btn-b);background:var(--d-line)}.tk{flex-direction:column;gap:3px;display:flex}.tk b{font-size:13px;font-weight:600}.demo-blk{background:var(--d-blk);border:1px solid var(--d-pill-b);border-radius:9px;padding:5px 10px 5px 14px;font-size:12px;position:absolute;left:66px;right:10px}.demo-blk:before{content:"";background:#3b82f6;border-radius:2px;width:3px;position:absolute;top:6px;bottom:6px;left:5px}.demo-blk.q:before{background:var(--d-quest)}.demo-blk small,.demo-blk b{position:relative}.demo-blk small{margin-top:1px;display:block}.demo-fs{background:var(--d-fs);background-image:radial-gradient(700px 400px at 70% 20%,var(--d-sheen),transparent);animation:.32s cubic-bezier(.2,.8,.2,1) demoFsIn}@keyframes demoFsIn{0%{opacity:0;transform:translateY(14px)}}.demo-b{border:1px solid var(--d-bord2);background:var(--d-soft);height:36px;color:var(--d-text);border-radius:10px;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.demo-b-w{background:var(--d-inv);border-color:var(--d-inv);color:var(--d-inv-tx)}.demo-b-ready{background:var(--d-inv);border-color:var(--d-inv);color:var(--d-inv-tx);cursor:pointer}.demo-xb{width:34px;height:34px;color:var(--d-text2);border-radius:9px;place-items:center;display:grid}.demo-menu{z-index:5;background:var(--d-raise);border:1px solid var(--d-bord2);width:260px;box-shadow:0 24px 48px -16px var(--d-menu-sh);border-radius:14px;flex-direction:column;gap:2px;padding:6px;animation:.18s ease-out demoMenuIn;display:flex;position:absolute}@keyframes demoMenuIn{0%{opacity:0;transform:translateY(-6px)}}.demo-mo{height:38px;color:var(--d-text);text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;width:100%;padding:0 10px;font-size:14px;display:flex}.demo-mo:hover{background:var(--d-bar)}.demo-mo-dis{opacity:.4;cursor:default}.demo-mo-dis:hover{background:0 0}.demo-mbody{max-width:72ch;padding:24px;font-size:14.5px;line-height:1.65}.demo-mbody p{margin:0 0 12px}.demo-att{border:1px solid var(--d-pill-b);background:var(--d-soft);border-radius:9px;align-items:center;gap:8px;padding:7px 12px;font-size:13px;display:inline-flex}.demo-lab{letter-spacing:.09em;text-transform:uppercase;color:var(--d-text4);align-items:center;gap:7px;margin-bottom:8px;font-size:12px;font-weight:550;display:flex}.demo-tab{height:44px;color:var(--d-text4);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:0 14px;font-size:14.5px;display:flex}.demo-tab.on{color:var(--d-text);border-bottom-color:var(--d-text3);background:linear-gradient(transparent 60%,var(--d-tab-glow))}.demo-tab em{background:var(--d-chip);color:var(--d-text2);text-align:center;border-radius:9px;min-width:18px;padding:0 6px;font-size:11px;font-style:normal;font-weight:600;line-height:18px}.demo-tb2{color:var(--d-text);background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;height:34px;padding:0 8px;font-size:14px;font-weight:500;display:inline-flex}.demo-emp{color:var(--d-hint);padding:6px 2px;font-size:13px}.demo-prog{background:var(--d-pill-b);border-radius:3px;width:200px;height:4px;overflow:hidden}.demo-prog i{background:var(--d-text);width:0;height:100%;transition:width .7s;display:block}.demo-pnl{background:var(--d-pnl);border:1px solid var(--d-pill-b);width:700px;box-shadow:0 30px 80px -20px var(--d-menu-sh);z-index:1;border-radius:16px;grid-template-rows:62px 1fr;margin-left:-350px;animation:.3s cubic-bezier(.2,.8,.2,1) demoFsIn;display:grid;position:absolute;top:10px;bottom:10px;left:50%;overflow:hidden}.demo-fl>label{color:var(--d-st);margin-bottom:7px;font-size:13.5px;display:block}.demo-inp{border:1px solid var(--d-pill-b);background:var(--d-panel);border-radius:11px;align-items:center;gap:10px;height:44px;padding:0 14px;font-size:14.5px;display:flex}.demo-inp.focus,.demo-inp.typing{border-color:var(--d-focus-b);box-shadow:0 0 0 3px var(--d-focus-ring)}.demo-inp.typing span:after{content:"";background:var(--d-text);vertical-align:-3px;width:1.5px;height:16px;margin-left:1px;animation:.8s step-end infinite demoBlink;display:inline-block}@keyframes demoBlink{50%{opacity:0}}.demo-tgl{border:1px solid var(--d-line2);border-radius:12px;justify-content:space-between;align-items:center;height:48px;padding:0 16px;font-size:14.5px;display:flex}.demo-tgl i{background:var(--d-pill-b);border-radius:12px;width:42px;height:24px;position:relative}.demo-tgl i:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;position:absolute;top:3px;left:3px}.demo-tp{border:1px solid var(--d-pill-b);border-radius:11px;align-items:center;gap:14px;height:44px;padding:0 14px;font-family:Geist Mono,ui-monospace,Menlo,monospace;font-size:15px;transition:all .3s;display:flex}.demo-tp.set{border-color:var(--d-focus-b);box-shadow:0 0 0 3px var(--d-focus-ring)}.demo-tp span{color:var(--d-text4);font-family:var(--ui,inherit);font-size:13px}.demo-att-box{border:1px solid var(--d-line2);border-radius:14px;flex-direction:column;gap:9px;padding:12px 14px;display:flex}.demo-desc{border:1px solid var(--d-pill-b);height:120px;color:var(--d-st);border-radius:14px;padding:14px 16px;font-size:14.5px;line-height:1.55}.demo-desc.typing{border-color:var(--d-focus-b)}.demo-desc.typing span:after{content:"";background:var(--d-text);vertical-align:-3px;width:1.5px;height:16px;margin-left:1px;animation:.8s step-end infinite demoBlink;display:inline-block}.demo-marker{z-index:40;border:2px solid var(--d-quest);pointer-events:none;border-radius:11px;animation:1.4s ease-in-out infinite demoPulse;position:absolute;box-shadow:0 0 0 4px #5768ff3d}@keyframes demoPulse{50%{box-shadow:0 0 0 10px #0000}}.demo-cursor{z-index:50;pointer-events:none;filter:drop-shadow(0 3px 6px #0009);transition:left .75s cubic-bezier(.55,0,.2,1),top .75s cubic-bezier(.55,0,.2,1),transform .12s;position:absolute}.demo-ripple{z-index:49;border:2px solid var(--d-quest);pointer-events:none;border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;animation:.5s ease-out forwards demoRip;position:absolute}@keyframes demoRip{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.4)}}.demo-drop{animation:.5s cubic-bezier(.2,.9,.2,1) demoDrop}@keyframes demoDrop{0%{opacity:0;transform:translateY(-12px)}}.demo-fade{animation:.25s demoFade}@keyframes demoFade{0%{opacity:0}}.demo-glow{animation:.9s ease-out demoGlow}@keyframes demoGlow{0%{border-color:#5768ff99}to{border-color:var(--d-bord)}}.demo-breathe{animation:2s ease-in-out infinite demoBreathe;box-shadow:0 0 0 6px #5768ff3d,0 18px 40px -16px #000c}@keyframes demoBreathe{50%{box-shadow:0 0 0 13px #0000,0 18px 40px -16px #000c}}