:root{font:16px/1.6 system-ui,sans-serif;color:#192d2c;background:#f4f5ef;--green:#1b5144;--line:#ccd7cf;--muted:#52645e}*{box-sizing:border-box}body{margin:0}main{max-width:1480px;margin:auto;padding:28px}nav{display:flex;justify-content:space-between;gap:20px;font-size:.9rem}nav a:first-child{font-weight:800;letter-spacing:.08em;text-decoration:none}a{color:var(--green);text-underline-offset:3px}header{max-width:950px;margin:38px 0 22px}h1{font-size:clamp(2rem,4vw,3rem);line-height:1.1;margin:12px 0 18px;letter-spacing:-.035em}h2{font-size:1.1rem;margin:0;padding:12px 18px;border-bottom:1px solid var(--line)}.eyebrow{font-size:.75rem;letter-spacing:.1em;font-weight:750;color:var(--green)}.note,footer{font-size:.84rem;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:10px}button{font:600 .92rem/1.4 system-ui,sans-serif;min-height:44px;padding:10px 16px;border:1px solid var(--green);border-radius:7px;background:var(--green);color:white;cursor:pointer}button.secondary{background:white;color:var(--green)}button[hidden]{display:none}a:focus-visible,button:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #3468b4;outline-offset:3px}#status{min-height:1.6em;font-size:.9rem;font-weight:650}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}.editors,.preview{min-width:0}details{background:white;border:1px solid var(--line);border-radius:10px;margin-bottom:12px;overflow:hidden}summary{padding:14px;cursor:pointer;font-weight:650}label{display:block;padding:0 14px 8px;font-size:.85rem}textarea{display:block;width:100%;height:480px;padding:14px;resize:vertical;border:0;border-top:1px solid var(--line);background:#fcfdf9;color:#192d2c;font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2;white-space:pre}code{font: .9em ui-monospace,SFMono-Regular,Consolas,monospace}.preview{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}iframe{display:block;width:100%;height:820px;border:0;background:#f3f6f0}footer{margin-top:30px}@media(max-width:900px){main{padding:20px 16px}.workspace{grid-template-columns:1fr}iframe{height:950px}textarea{height:350px}header{margin-top:30px}}