:root{--bg:#f5f3ef;--surface:#fff;--text:#1d2327;--muted:#5a6168;--line:#d9d5cc;--accent:#b4540a;--accent-text:#fff;--warn:#8a4b00;--warn-bg:#fff3d6;--focus:#0b5cad;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#14181b;--surface:#1d2328;--text:#eef0f2;--muted:#aab2b9;--line:#333c43;--accent:#f08a3c;--accent-text:#1a1206;--warn:#ffd58a;--warn-bg:#3a2b0f;--focus:#7db7ff}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.top,.layout{max-width:1200px;margin:0 auto;padding:0 16px}.top h1{margin:20px 0 0;font-size:1.6rem}.top p{color:var(--muted);margin:0 0 12px}.layout{grid-template-columns:1fr;gap:16px;padding-bottom:40px;display:grid}@media (min-width:900px){.layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}.left{position:sticky;top:8px}}.left,.right{gap:16px;min-width:0;display:grid}.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px 16px}.panel h2{margin:0 0 10px;font-size:1.1rem}.preview{background:var(--bg);border-radius:8px;width:100%;height:340px;position:relative;overflow:hidden}.preview canvas{width:100%;height:100%;display:block}.summary,.note,.static{color:var(--muted);margin:8px 0 0;font-size:.9rem}.big{margin:0;font-size:2rem;font-weight:700}.warn-text{color:var(--warn);margin:4px 0 0;font-weight:600}.field{gap:2px;margin-bottom:10px;display:grid}.field label{font-size:.9rem}.field input[type=text]{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:6px;width:100%;min-width:0;max-width:14rem;padding:8px 10px}.field input[aria-invalid=true]{border-color:var(--warn);background:var(--warn-bg)}.field-msg{min-height:1.1em;color:var(--warn);margin:0;font-size:.8rem}.check{align-items:center;gap:8px;display:flex}.check input{width:20px;height:20px}button,.button{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;border-radius:6px;padding:9px 14px;text-decoration:none;display:inline-block}button.primary,.button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:600}button.link{color:var(--accent);background:0 0;border:0;padding:4px 6px;text-decoration:underline}button:disabled{opacity:.5;cursor:not-allowed}.warnings{gap:6px;margin:0;padding:0;list-style:none;display:grid}.warn-item{background:var(--warn-bg);color:var(--warn);border-radius:6px;padding:6px 10px;font-size:.9rem}.ok{color:var(--muted)}.rows{gap:12px;display:grid}.row{border:1px solid var(--line);border-radius:8px;padding:10px 12px}.row.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.row-head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.row-head h3{margin:0;font-size:1rem}.row .cap{margin:0 0 0 auto;font-weight:600}.row-fields{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:0 12px;margin-top:8px;display:grid}.row-fields .field input[type=text]{max-width:100%}.row-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.badge{background:var(--warn-bg);color:var(--warn);border-radius:999px;padding:0 8px;font-size:.75rem}.from-model{border:1px dashed var(--line);border-radius:8px;margin-bottom:12px;padding:10px 12px}.from-model h3{margin:0;font-size:1rem}.add-row{flex-wrap:wrap;align-items:end;gap:12px;margin-top:12px;display:flex}textarea{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:8px;font:.85rem/1.4 ui-monospace,Menlo,Consolas,monospace}[hidden]{display:none!important}.field input.field-slider{width:100%;max-width:14rem;accent-color:var(--accent,currentColor);margin:4px 0 0}