:root{color-scheme:light}body{background:#f5f4ea;color:#21423c;font:16px/1.65 system-ui}h1,h2,h3,h4{font-weight:750;line-height:1.2;overflow-wrap:anywhere}h1{font-size:clamp(30px,4vw,54px);letter-spacing:-1px}h2{font-size:26px;margin-bottom:20px}h3{font-size:24px}h4{font-size:20px}.hero{padding:40px;border-radius:23px;background:#08483f;color:#f5f2dc;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:24px 24px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.5px;color:#b5d8b9}.hero>p:not(.eyebrow){max-width:760px}.chip{display:inline-block;border:1px solid #9ddac36b;border-radius:30px;padding:5px 13px;font-size:13px}.panel{background:#fff;border:1px solid #d5e0d3;padding:26px;border-radius:20px;margin-top:22px;min-width:0}.note{border-left:4px solid #a5bb56;background:#f0f4e5;padding:16px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}label{font-weight:650;font-size:14px;margin-bottom:7px}.btn,.form-control,.form-select{min-height:44px}.form-control,.form-select{font-size:16px}.preview{border:1px solid #ccdcd6;padding:22px;border-radius:16px;background:#f8fbfa;min-width:0;overflow-wrap:anywhere}.preview-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.preview-head strong{font-size:22px}.preview-nav{display:flex;gap:18px;flex-wrap:wrap;border-block:1px solid #dae4df;margin-block:18px;padding-block:10px}.preview-nav span:first-child{font-weight:800;text-decoration:underline;text-underline-offset:5px}.notification{background:#e5f1ea;border-inline-start:4px solid #3b8b74;padding:12px}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.inner-card{background:#fff;border:1px solid #d7e2dd;border-radius:14px;padding:18px;min-width:0}.pair{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-block:12px}.pair strong{font-size:24px}.small,footer{color:#5e736a;font-size:14px}pre{background:#123e36;color:#edf4dc;white-space:pre-wrap;overflow-wrap:anywhere;padding:18px;border-radius:12px;font:13px/1.65 Consolas,monospace;margin-top:16px;max-width:100%;overflow:auto}textarea{tab-size:2}summary{cursor:pointer;font-weight:700;padding:12px 0}#status,#editor-status,#form-status,#checkout-status{margin-top:14px;overflow-wrap:anywhere}#status[data-error=true],#editor-status[data-error=true]{color:#a52b2b}.badge{white-space:normal;text-align:start}footer{padding:24px 0}@media(max-width:640px){.hero{padding:23px}.panel{padding:17px}.preview{padding:14px}.preview-grid{grid-template-columns:1fr}.actions{flex-direction:column}.actions>*{width:100%}.inner-card{padding:14px}h2{font-size:23px}.preview-head strong{font-size:20px}pre{padding:12px}}