*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#111610;color:#f0f3ee;font:16px/1.5 system-ui,sans-serif}main{max-width:1200px;margin:auto;padding:28px}.logo{width:220px;height:auto}.chooser{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.chooser a,a{color:#b0e9bf}.chooser a{padding:8px 12px;border:1px solid #39503c;border-radius:8px;text-decoration:none}.chooser a[aria-current]{background:#18572d;color:white}h1{font:40px Georgia,serif}.workspace{display:grid;grid-template-columns:350px 1fr;gap:30px}form{background:#1a241b;padding:22px;border-radius:12px}label{display:block;margin-bottom:16px;font-size:14px}input,textarea,select{display:block;width:100%;margin-top:6px;background:#0e160f;color:#fff;border:1px solid #546550;border-radius:5px;padding:10px;font:inherit}input[type=color]{height:44px}fieldset{border:1px solid #546550;padding:14px;margin:18px 0}button{background:#15803d;color:#fff;border:0;border-radius:7px;padding:12px 18px;font:700 15px system-ui;cursor:pointer}button:disabled{opacity:.6;cursor:wait}.help{font-size:12px;color:#b5c0b0}audio{width:100%}.preview{display:flex;align-items:flex-start;justify-content:center;background:#080c08;border-radius:12px;padding:14px}canvas{width:100%;max-height:80vh;object-fit:contain}a:focus-visible,button:focus-visible{outline:3px solid #b0e9bf;outline-offset:3px}#status{overflow-wrap:anywhere}@media(max-width:760px){main{padding:18px}.workspace{grid-template-columns:1fr}.preview{grid-row:1}canvas{max-height:55vh}}

body{background:#0b1014;color:#f4f5f6;font-family:Arial,Helvetica,sans-serif}.chooser a,a{color:#fff}.chooser a{border-color:#45515b;border-radius:3px}.chooser a[aria-current]{background:#eee;color:#111}h1{font:750 42px/1.05 Arial,Helvetica,sans-serif;letter-spacing:-.04em}form{background:#171d23;border:1px solid #34404a;border-radius:4px}input,textarea,select{background:#10161b;border-color:#4a5762;border-radius:3px}button{background:#eee;color:#111;border-radius:3px}.preview{background:#080c10;border-radius:4px}.help{color:#b4bec6}a:focus-visible,button:focus-visible{outline-color:#fff}fieldset{border-color:#4a5762}
