:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--text:#1f2430;--text-muted:#6b7280;--bg:#f5f6f8;--panel-bg:#fff;--border:#e2e4e9;--accent:#4f46e5;--accent-hover:#4338ca;--danger:#dc2626;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#e5e7eb;--text-muted:#9ca3af;--bg:#14151a;--panel-bg:#1c1e26;--border:#2e303a;--accent:#818cf8;--accent-hover:#a5b4fc}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}#root{min-height:100vh}.page{max-width:860px;margin:0 auto;padding:40px 20px 80px}header h1{margin:0 0 4px;font-size:28px}header p{color:var(--text-muted);margin:0 0 32px}.panel{background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;padding:24px}.field{margin-bottom:18px}.field label{color:var(--text-muted);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.field input,.field select{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:8px;padding:10px 12px;font-size:15px}.field input:focus,.field select:focus{outline:2px solid var(--accent);outline-offset:1px}.row{flex-wrap:wrap;gap:16px;display:flex}.row>.field{flex:200px}.error{color:var(--danger);margin:-8px 0 18px;font-size:14px}.preview{background:#fff;border-radius:10px;justify-content:center;align-items:center;min-height:160px;margin-top:8px;padding:24px;display:flex;overflow-x:auto}.preview svg,.preview canvas,.preview img{max-width:100%}.actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}button{cursor:pointer;font:inherit;border:1px solid var(--border);background:var(--panel-bg);color:var(--text);border-radius:8px;padding:10px 16px}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}button:hover{border-color:var(--accent)}button:disabled{opacity:.6;cursor:not-allowed}footer{color:var(--text-muted);text-align:center;margin-top:32px;font-size:13px}