:root{--bg-dark: #121212;--bg-panel: #1e1e1e;--bg-hover: #2a2a2a;--border-color: #333333;--primary: #007acc;--primary-hover: #005f9e;--text-main: #e0e0e0;--text-dim: #a0a0a0;--success: #4caf50;--danger: #f44336;--ruler-bg: #1a1a1a;--ruler-tick: #444;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-main);background-color:var(--bg-dark);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{--bg-dark: #f0f2f5;--bg-panel: #ffffff;--bg-hover: #f8fafc;--border-color: #e2e8f0;--primary: #007acc;--primary-hover: #005f9e;--text-main: #1e293b;--text-dim: #64748b;--success: #10b981;--danger: #ef4444;--ruler-bg: #f1f5f9;--ruler-tick: #cbd5e1;color-scheme:light}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;width:100vw;overflow:hidden}#root{width:100%;height:100vh;display:flex;flex-direction:column}button{border-radius:4px;border:1px solid var(--border-color);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--bg-panel);color:var(--text-main);cursor:pointer;transition:border-color .25s,background-color .25s;-webkit-user-select:none;user-select:none}button:hover{background-color:var(--bg-hover);border-color:var(--primary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}*{box-sizing:border-box}.icon-btn{transition:all .2s ease;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;-webkit-user-select:none;user-select:none}.icon-btn:hover{background-color:var(--bg-hover)!important;transform:translateY(-1px)}.icon-btn:active{transform:translateY(0)}.icon-btn-danger{transition:all .2s ease;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;-webkit-user-select:none;user-select:none}.icon-btn-danger:hover{background-color:#f443361a!important;transform:translateY(-1px)}.icon-btn-danger:active{transform:translateY(0)}.icon-btn-danger:hover svg{color:var(--danger)!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}