:root{--radius:12px;--radius-lg:16px;--pad:10px;--pad-lg:12px;--font:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}:root[data-theme=dark]{--bg:#0b1117;--text:#c9d1d9;--hint:#8fa2af;--card:#11161c;--card-active:#0f1620;--border:#1e2a35;--border-muted:#2b3a48;--accent:#2e8cc4;--progress-bg:#1c2833;--progress-fill:#2da56d;--progress-fill-100:#1f8a52;--success-bg:#103c28;--success-border:#276b3e;--danger-bg:#1a0f0f;--danger-border:#3b2222;--insert-highlight:#1d7d4f;--drop-bg:#10161d;--drop-text:#a9c7b4;--btn-bg:var(--card);--btn-border:var(--border)}:root[data-theme=light]{--bg:#f7f9fc;--text:#0b1117;--hint:#6c7b88;--card:#fff;--card-active:#eef3f8;--border:#dbe2ea;--border-muted:#e9eef5;--accent:#0f6abf;--progress-bg:#e6edf5;--progress-fill:#2da56d;--progress-fill-100:#1f8a52;--success-bg:#e9f7ef;--success-border:#57ae7e;--danger-bg:#fdecea;--danger-border:#f5c6c1;--insert-highlight:#b0eacb;--drop-bg:#f7fafc;--drop-text:#46545a;--btn-bg:var(--card);--btn-border:var(--border)}html,body,#root{height:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);margin:0}.app header{z-index:5;background:var(--bg);border-bottom:1px solid var(--border);padding:12px 12px 8px;position:sticky;top:0}.row{align-items:center;gap:8px;display:flex}.column{flex-direction:column;display:flex}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (max-width:900px){.grid{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px}.hint{color:var(--hint);font-size:.92rem}input,select,button{font:inherit;border-radius:var(--radius);border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--text);min-height:44px;padding:10px 12px}button{cursor:pointer}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button[disabled]{opacity:.6;cursor:not-allowed}.theme-toggle{border:1px solid var(--border);background:var(--card);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.theme-toggle .knob{border:1px solid var(--border);background:var(--bg);border-radius:999px;width:24px;height:24px}.drag-row{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);align-items:center;gap:10px;margin:6px 0;padding:10px;display:flex}.drag-handle{border:1px dashed var(--border-muted);-webkit-user-select:none;user-select:none;touch-action:none;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.btn-check{border-radius:var(--radius)}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);background:var(--drop-bg);color:var(--drop-text);text-align:center;-webkit-user-select:none;user-select:none;padding:10px}