:root{--font-sans:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--brand-50:#eff6ff;--brand-100:#dbeafe;--brand-300:#93c5fd;--brand-600:#2563eb;--brand-700:#1d4ed8;--bg:#f7f8fa;--surface:#fff;--text:#1f2937;--text-muted:#6b7280;--border:#e5e7eb;--danger:#dc2626}*{box-sizing:border-box}body,html{height:100%;font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0}.tl-container{--tl-color-background:var(--bg);--tl-color-selection-stroke:var(--brand-600);--tl-color-selection-fill:#2563eb1a;--tl-color-handle-fill:var(--brand-600);--tl-color-handle-stroke:var(--surface);--tl-color-input-stroke:var(--brand-300);--tl-color-focus-ring:#2563eb59;font-family:var(--font-sans)!important}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);font:500 14px/1.3 var(--font-sans);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.btn:hover{border-color:var(--brand-300);background:var(--brand-50)}.btn--primary{background:var(--brand-600);border-color:var(--brand-600);color:#fff}.btn--primary:hover{background:var(--brand-700);border-color:var(--brand-700)}.btn--danger:hover{border-color:var(--danger);color:var(--danger);background:#fef2f2}.btn:disabled{opacity:.5;cursor:not-allowed}.app-root{height:100%}