*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}[data-theme=dark]{--paper:#141716;--panel:#1b1f1e;--panel2:#232827;--hair:#2b302f;--hair2:#3a403e;--ink:#e9ecea;--mut:#a2aba8;--faint:#6d7573;--teal:#2fbfae;--teal-h:#4bd0c0;--teal-soft:#16302c;--teal-line:#245049;--bad:#e5534b;--ok:#3fb950;--warn:#d4a017;--ai:#a78bfa}[data-theme=light]{--paper:#fbfbfa;--panel:#ffffff;--panel2:#f4f5f3;--hair:#e7e9e6;--hair2:#d8dbd7;--ink:#182120;--mut:#67716e;--faint:#98a09d;--teal:#0f8c7d;--teal-h:#0b7568;--teal-soft:#e6f3f1;--teal-line:#bfe0db;--bad:#c93b3b;--ok:#1a7f37;--warn:#9a6700;--ai:#6e40c9}html,body,#root{height:100%}body{font-family:Inter,sans-serif;font-size:14px;background:var(--paper);color:var(--ink);line-height:1.5}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:var(--hair2);border-radius:2px}.bar{position:sticky;top:0;z-index:30;background:var(--paper);border-bottom:1px solid var(--hair);display:flex;align-items:center;gap:8px;padding:0 18px;height:52px}.bar-logo{font-family:Bebas Neue;font-size:20px;letter-spacing:2px;color:var(--ink)}.bar-logo span{color:var(--teal)}.bar-icon{width:28px;height:28px;border-radius:7px;background:var(--teal-soft);border:1px solid var(--teal-line);color:var(--teal);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}.iconb{width:31px;height:31px;border-radius:8px;border:1px solid var(--hair);background:var(--panel);color:var(--mut);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;font-family:Inter;transition:all .15s;flex-shrink:0}.iconb:hover{border-color:var(--teal-line);color:var(--teal)}.avatar{width:29px;height:29px;border-radius:50%;background:var(--teal-soft);color:var(--teal);border:1px solid var(--teal-line);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none;font-family:Inter;transition:all .15s}.btn.teal{background:var(--teal);color:#fff}.btn.teal:hover{background:var(--teal-h)}.btn.quiet{background:var(--panel);border:1px solid var(--hair2);color:var(--ink)}.btn.quiet:hover{border-color:var(--teal-line)}.btn.danger{background:#e5534b1a;border:1px solid rgba(229,83,75,.3);color:var(--bad)}.btn.sm{padding:5px 11px;font-size:12px;border-radius:7px}.btn:disabled{opacity:.5;cursor:default}input,textarea,select{background:var(--panel);border:1px solid var(--hair2);border-radius:8px;padding:8px 10px;color:var(--ink);font-family:Inter;font-size:13px;outline:none;transition:border-color .15s;width:100%}input:focus,textarea:focus,select:focus{border-color:var(--teal)}select option{background:var(--panel)}.logcard{background:var(--panel);border:1px solid var(--hair);border-radius:13px;overflow:hidden}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap}.badge.vfx{background:var(--teal-soft);color:var(--teal);border:1px solid var(--teal-line)}.badge.d2{background:#a78bfa1a;color:var(--ai);border:1px solid rgba(167,139,250,.2)}.badge.d3{background:#d4a0171a;color:var(--warn);border:1px solid rgba(212,160,23,.2)}.badge.anim{background:#60a5fa1a;color:#60a5fa;border:1px solid rgba(96,165,250,.2)}.badge.none{background:var(--panel2);color:var(--mut);border:1px solid var(--hair)}.badge.ok{background:#3fb9501a;color:var(--ok)}.badge.warn{background:#d4a0171a;color:var(--warn)}.badge.ie-int{background:#3fb9501a;color:var(--ok)}.badge.ie-ext{background:#d4a0171a;color:var(--warn)}.badge.ie-ie{background:#60a5fa1a;color:#60a5fa}.err{background:#e5534b1a;border:1px solid rgba(229,83,75,.3);color:var(--bad);border-radius:8px;padding:10px 14px;font-size:13px}.mono{font-family:JetBrains Mono}