:root{--bg: #f8fafc;--surface: #ffffff;--border: #e5e7eb;--text: #111827;--text-muted: #6b7280;--primary: #4f46e5;--primary-hover: #4338ca;--error: #dc2626;--error-bg: #fee2e2;--code-bg: #0f172a;--code-fg: #e2e8f0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:var(--primary);text-decoration:none}button{font-family:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}input,select,textarea{font-family:inherit;font-size:.9rem;padding:.45rem .6rem;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--text)}input:focus,select:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:-1px}.btn{padding:.5rem .9rem;border:1px solid var(--border);border-radius:6px;background:#fff;font-weight:500;font-size:.875rem}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.error-banner{padding:.6rem .85rem;background:var(--error-bg);border:1px solid #fca5a5;color:var(--error);border-radius:6px;font-size:.875rem}.editable{cursor:text;padding:.15rem .4rem;margin:-.15rem -.4rem;border-radius:4px;border:1px dashed transparent;transition:border-color .12s ease,background-color .12s ease}.editable:hover{border-color:var(--border);background:#4f46e50d}.editable--empty{color:var(--text-muted);font-style:italic}