:root{--palette-white: #ffffff;--palette-ink: #17201b;--palette-mist: #f4f6f4;--palette-line: #d8ded8;--palette-pine: #1f6b4e;--palette-teal: #216a73;--palette-amber: #8a5b12;--palette-slate: #4d5b54;--palette-code: #111714;--color-bg: var(--palette-mist);--color-surface: var(--palette-white);--color-text: var(--palette-ink);--color-muted: var(--palette-slate);--color-border: var(--palette-line);--color-accent: var(--palette-pine);--color-accent-alt: var(--palette-teal);--color-warn: var(--palette-amber);--color-code-bg: var(--palette-code);--color-code-text: #e6f2ec;--color-focus: var(--palette-teal);--font-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SFMono-Regular", "Cascadia Code", "Roboto Mono", Consolas, monospace;--text-size-xs: .78rem;--text-size-sm: .9rem;--text-size-body: 1rem;--text-size-heading: 1.45rem;--text-size-title: 2rem;--space-1: .45rem;--space-2: .75rem;--space-3: 1rem;--space-4: 1.35rem;--space-5: 1.8rem;--space-6: 2.4rem;--radius: 8px}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-ui);font-size:var(--text-size-body);line-height:1.5;letter-spacing:0}a{color:var(--color-accent)}button,input{font:inherit}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.shell{min-height:100vh;padding:var(--space-6) var(--space-4)}.workspace{max-width:1120px;margin:0 auto}.header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.kicker{margin:0 0 var(--space-1);color:var(--color-accent-alt);font-size:var(--text-size-xs);font-weight:700;text-transform:uppercase}h1,h2{margin:0;line-height:1.1}h1{font-size:var(--text-size-title)}h2{font-size:var(--text-size-heading)}.artifact-link,.copy-button{min-height:42px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font-weight:700;text-decoration:none;cursor:pointer}.artifact-link{display:inline-flex;align-items:center;padding:0 var(--space-3)}.copy-button{padding:0 var(--space-4)}.layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:var(--space-4);align-items:start}.controls,.output{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.controls{padding:var(--space-4)}fieldset{min-width:0;margin:0 0 var(--space-4);padding:0;border:0}legend,.field span{display:block;margin-bottom:var(--space-2);color:var(--color-muted);font-size:var(--text-size-sm);font-weight:700}.option{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-2);align-items:center;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer}.option+.option{margin-top:var(--space-2)}.option:has(input:checked){border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}.option input{width:1.05rem;height:1.05rem;accent-color:var(--color-accent)}.option strong,.option small{display:block}.option small{color:var(--color-muted);font-size:var(--text-size-sm)}.field{display:block;margin-bottom:var(--space-4)}.field input{width:100%;min-height:44px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text)}.output{overflow:hidden}.output-header{display:flex;justify-content:space-between;gap:var(--space-3);align-items:center;padding:var(--space-4);border-bottom:1px solid var(--color-border)}.command-box{min-height:230px;margin:0;padding:var(--space-4);overflow-x:auto;background:var(--color-code-bg);color:var(--color-code-text);font-family:var(--font-mono);font-size:var(--text-size-sm);line-height:1.6}.checks{display:flex;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) var(--space-4) 0;font-size:var(--text-size-sm);font-weight:700}.note{max-width:68ch;margin:0;padding:var(--space-3) var(--space-4) var(--space-4);color:var(--color-muted);font-size:var(--text-size-sm)}@media(max-width:780px){.shell{padding:var(--space-4) var(--space-3)}.header,.output-header{align-items:stretch;flex-direction:column}.layout{grid-template-columns:1fr}}