:root{color-scheme:light;--ink:#172d35;--muted:#586e76;--line:#dbe4e5;--paper:#f4f7f6;--accent:#067b70;--mint:#d7f6e9}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main{max-width:1440px;margin:auto;padding:28px 36px}header,.brand,footer{display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{justify-content:flex-start;font-size:11px;font-weight:750;letter-spacing:1.6px}.brand-mark{display:grid;place-items:center;background:var(--ink);color:#fff;width:36px;height:36px;border-radius:9px;letter-spacing:0;font-size:13px}.divider{color:#9eafb5}.local{color:var(--accent);font-size:12px}.local:before{content:'●';margin-right:8px}.intro{padding:42px 0 28px;max-width:740px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;margin:0 0 9px;color:var(--accent)}h1{font-size:clamp(30px,4vw,46px);line-height:1.12;letter-spacing:-1.8px;margin:0 0 16px;font-weight:750}h1 span{color:var(--accent)}.intro>p:last-child{color:var(--muted);font-size:16px;margin:0;max-width:650px}.workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:26px;align-items:start}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:16px}.section-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:21px}.step{display:grid;place-items:center;min-width:30px;height:30px;border:1px solid var(--line);border-radius:50%;font:11px/1 monospace;color:var(--accent)}h2{font-size:17px;letter-spacing:-.3px;line-height:1.4;margin:0}.section-heading p{font-size:12px;margin:4px 0 0;color:var(--muted)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fields>label,.card>label{min-width:0;display:block;font-size:12px;font-weight:650}.card>label{margin-bottom:14px}small{font-size:10px;color:var(--muted);font-weight:400}label>small{margin-left:4px}input:not([type=checkbox]),select{display:block;width:100%;font:14px/1.5 inherit;font-family:inherit;font-size:14px;margin-top:6px;padding:11px 12px;border:1px solid #cbd7da;border-radius:7px;background:#fcfdfd;color:var(--ink);min-height:44px}input::placeholder{color:#7b8d93}input:focus,select:focus,textarea:focus,button:focus-visible{outline:3px solid #81d9cb;outline-offset:2px}input[aria-invalid=true]{border-color:#b84630}.options{display:grid;grid-template-columns:1fr 1fr;gap:11px 16px;margin-top:18px}.options label,.ack{font-size:12px;display:flex;align-items:flex-start;gap:9px;cursor:pointer}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;margin:3px 0 0;flex-shrink:0}.warning{background:#fff6e6;border-left:3px solid #d99f36;padding:12px 14px;font-size:12px;color:#77551c;margin:20px 0 0;border-radius:4px}.hint{font-size:11px;color:var(--muted);margin:14px 0 0}.output{position:sticky;top:20px;background:white;border:1px solid var(--line);border-radius:14px;padding:22px;overflow:hidden}.output-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:10px}.output-top h2{font:600 14px/1.4 ui-monospace,Consolas,monospace;overflow-wrap:anywhere}.badge{font-size:10px;background:#eef1f2;color:var(--muted);border-radius:20px;padding:4px 10px;white-space:nowrap}.badge.ready{background:var(--mint);color:#076253}.terminal-bar{display:flex;justify-content:space-between;background:#213b43;border-radius:9px 9px 0 0;padding:9px 13px;color:#a4c4c9;font:10px/1.4 ui-monospace,monospace}.terminal-bar span:first-child{letter-spacing:3px;color:#688a92}textarea{display:block;width:100%;height:510px;background:#10262e;color:#c5e8dc;padding:18px;border:0;border-radius:0 0 9px 9px;font:11px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical;tab-size:2}.validation{font-size:12px;color:#8c3a26;margin-top:16px}.validation ul{padding-left:18px;margin:8px 0}.validation.good{color:#076253}.ack{margin:18px 0;color:var(--muted)}button{cursor:pointer;border:1px solid transparent;border-radius:7px;background:var(--accent);color:#fff;padding:12px 17px;font:650 12px/1.4 inherit;font-family:inherit;font-size:12px;min-height:44px}button:hover{filter:brightness(.94)}button:disabled{cursor:not-allowed;opacity:.48}.secondary{background:#fff;color:var(--ink);border-color:#cbd7da}.text-button{background:transparent;color:var(--muted)}.actions,.export-actions{display:flex;gap:10px;flex-wrap:wrap}.export-actions>button:first-child{flex:1}#feedback{font-size:12px;color:var(--accent);margin:10px 0 0}.privacy{font-size:10px;color:var(--muted);text-align:center;margin:14px 0 0}footer{font-size:10px;color:var(--muted);border-top:1px solid var(--line);margin-top:36px;padding:20px 0;flex-wrap:wrap}footer span:first-child{font-weight:700;letter-spacing:1.5px}[hidden]{display:none!important}@media(max-width:960px){main{padding:22px}.workspace{grid-template-columns:1fr}.output{position:static}textarea{height:420px}.intro{padding-top:32px}}@media(max-width:480px){main{padding:16px}.card{padding:18px}.fields,.options{grid-template-columns:1fr}.local{display:none}.brand{font-size:9px;letter-spacing:1px}h1{letter-spacing:-1px}.output{padding:16px}}
:root #preview{height:auto;min-height:180px;max-height:none;overflow:hidden;resize:none;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
:root .output{position:static}