:root{--bg:#f1f1f1;--surface:#fff;--text:#303030;--muted:#616161;--border:#e3e3e3;--accent:#1a1a1a;--error:#8e1f0b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font:13px/1.4 -apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0}.layout{grid-template-columns:minmax(300px,360px) minmax(0,1fr);min-height:100vh;display:grid}@media (width<=800px){.layout{grid-template-columns:1fr}}.editor{border-right:1px solid var(--border);background:var(--surface);padding:16px;overflow-y:auto}.editor__title{margin:0 0 12px;font-size:16px;font-weight:650}fieldset{border:1px solid var(--border);border-radius:10px;gap:10px;margin:0 0 16px;padding:12px;display:grid}legend{padding:0 4px;font-weight:650}.field{gap:4px;min-width:0;display:grid}.field__label{font-weight:550}.field__hint{color:var(--muted);font-size:12px}.field-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}input,textarea,select{width:100%;min-width:0;font:inherit;background:var(--surface);color:var(--text);border:1px solid #8a8a8a;border-radius:8px;padding:6px 8px}.preview{align-content:start;gap:12px;min-width:0;padding:16px;display:grid}.preview__toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.segmented{background:#e3e3e3;border-radius:8px;padding:2px;display:inline-flex}.segmented button{font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 12px}.segmented button[aria-pressed=true]{background:var(--surface);font-weight:600;box-shadow:0 1px 2px #00000026}.inline-field{color:var(--muted);align-items:center;gap:6px;display:inline-flex}.inline-field input{width:auto}.status{color:var(--muted)}.status--error{color:var(--error)}.preview-frame{border:1px solid var(--border);background:#fff;border-radius:10px;position:relative;overflow:hidden}.preview-frame iframe{border:0;display:block}