:root{--bg: #1e1e2e;--bg-surface: #2a2a3e;--text: #cdd6f4;--text-muted: #6c7086;--accent: #4F46E5;--accent-hover: #4338CA;--border: #45475a;--code-bg: #181825;--success: #a6e3a1;--radius: 8px;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}[data-theme=light]{--bg: #f5f5f5;--bg-surface: #ffffff;--text: #1e1e2e;--text-muted: #6c7086;--border: #dce0e8;--code-bg: #e6e9ef}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);font-size:13px;color:var(--text);background:var(--bg);line-height:1.5}#app{display:flex;flex-direction:column;height:100vh;padding:12px;gap:12px}header{display:flex;align-items:center;justify-content:space-between}header h1{font-size:14px;font-weight:600}.badge{font-size:11px;padding:2px 6px;border-radius:4px;background:var(--bg-surface);color:var(--text-muted);border:1px solid var(--border)}section{display:flex;flex-direction:column;gap:8px}.muted{color:var(--text-muted);font-size:12px}label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-muted)}select{padding:6px 8px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-surface);color:var(--text);font-size:12px;cursor:pointer}#output{flex:1;display:flex;flex-direction:column;gap:8px;min-height:0}#preview{flex:1;overflow:auto;border-radius:var(--radius);background:var(--code-bg);border:1px solid var(--border)}#preview pre{padding:12px;margin:0}#preview code{font-family:var(--font-mono);font-size:11px;line-height:1.6;white-space:pre;color:var(--text)}#actions{display:flex;gap:8px}button{flex:1;padding:8px 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-surface);color:var(--text);font-size:12px;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease}button:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:#fff}button:disabled{opacity:.4;cursor:not-allowed}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}