:root{--bg:#101418;--panel:#161b21;--panel-2:#1b2128;--panel-3:#222a33;--line:#2a323c;--line-soft:#222a33;--text:#e7edf3;--text-2:#9daab8;--text-3:#6b788a;--muted:#74828f;--mint:#3ddbb4;--mint-ink:#06231c;--mint-dim:#1d6b58;--blue:#3b7fd4;--blue-soft:#2b5f9f;--amber:#e0a33a;--amber-soft:#6b4d18;--red:#e0605a;--radius:6px;--radius-sm:4px;--shell-gap:8px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:14px;line-height:1.5}body{overscroll-behavior:none}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{border:2px solid var(--bg);background:#2d3640;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#3a4552}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.panel-head{border-bottom:1px solid var(--line);letter-spacing:-.01em;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.chip{border-radius:var(--radius-sm);background:var(--panel-3);border:1px solid var(--line);color:var(--text-2);white-space:nowrap;align-items:center;gap:5px;padding:2px 7px;font-size:11px;display:inline-flex}.chip.mint{border-color:var(--mint-dim);color:var(--mint);background:#3ddbb41f}.chip.amber{border-color:var(--amber-soft);color:var(--amber);background:#e0a33a1f}.chip.red{color:var(--red);background:#e0605a1f;border-color:#6b2b28}.btn{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel-2);color:var(--text);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:13px;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover:not(:disabled){background:var(--panel-3);border-color:#38424e}.btn:disabled{opacity:.42;cursor:not-allowed}.btn.primary{background:var(--mint);border-color:var(--mint);color:var(--mint-ink);font-weight:600}.btn.primary:hover:not(:disabled){background:#4ee6c0;border-color:#4ee6c0}.btn.ghost{background:0 0}.btn.danger{color:var(--red);border-color:#4a2a28}.btn.sm{padding:4px 8px;font-size:12px}.btn.icon{width:30px;padding:6px}.seg{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2);display:inline-flex;overflow:hidden}.seg>button{border:0;border-right:1px solid var(--line);cursor:pointer;color:var(--text-2);background:0 0;padding:5px 11px;font-size:12px}.seg>button:last-child{border-right:0}.seg>button[aria-pressed=true]{background:var(--mint);color:var(--mint-ink);font-weight:600}.field{flex-direction:column;gap:4px;display:flex}.field>label{color:var(--muted);font-size:11px}.input{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);font-variant-numeric:tabular-nums;outline:none;width:100%;padding:6px 9px}.input:focus{border-color:var(--mint-dim);box-shadow:0 0 0 2px #3ddbb424}.input.tc{letter-spacing:.02em;font-family:SFMono-Regular,ui-monospace,Menlo,monospace}select.input{appearance:none;cursor:pointer;background-image:none}.row{align-items:center;gap:8px;display:flex}.row.between{justify-content:space-between}.grow{flex:1;min-width:0}.stack{flex-direction:column;gap:10px;display:flex}.stack.tight{gap:6px}.hint{color:var(--muted);font-size:11px;line-height:1.45}.mono{font-variant-numeric:tabular-nums;font-family:SFMono-Regular,ui-monospace,Menlo,monospace}.num{font-variant-numeric:tabular-nums}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.slider-row{grid-template-columns:74px 1fr 56px;align-items:center;gap:8px;display:grid}.slider-row>span:first-child{color:var(--text-2);font-size:12px}.slider-row>.val{text-align:right;font-variant-numeric:tabular-nums;color:var(--text);font-size:12px}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:20px}input[type=range]::-webkit-slider-runnable-track{background:var(--panel-3);border-radius:2px;height:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--mint);border:2px solid #0d1418;border-radius:50%;width:13px;height:13px;margin-top:-5px}input[type=range]:disabled::-webkit-slider-thumb{background:#4a5663}.toggle{background:var(--panel-3);border:1px solid var(--line);cursor:pointer;border-radius:10px;flex:none;width:34px;height:19px;transition:background .14s;position:relative}.toggle:after{content:"";background:#8b98a6;border-radius:50%;width:13px;height:13px;transition:transform .14s,background .14s;position:absolute;top:2px;left:2px}.toggle[aria-pressed=true]{background:var(--mint-dim);border-color:var(--mint-dim)}.toggle[aria-pressed=true]:after{background:var(--mint);transform:translate(15px)}.toggle:disabled{opacity:.4;cursor:not-allowed}.notice{border-radius:var(--radius-sm);border:1px solid var(--amber-soft);color:#f0cd94;background:#e0a33a1a;align-items:flex-start;gap:8px;padding:8px 10px;font-size:12px;display:flex}.notice.info{border-color:var(--line);background:var(--panel-2);color:var(--text-2)}.notice.red{color:#f0a9a5;background:#e0605a1a;border-color:#5c2b28}.empty{text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius);padding:22px 14px;font-size:12px}.kbd{border:1px solid var(--line);background:var(--panel-2);color:var(--text-2);border-bottom-width:2px;border-radius:3px;padding:1px 5px;font-family:ui-monospace,monospace;font-size:10px;display:inline-block}