[hidden]{display:none!important}
.demo-heading{padding:48px 0 30px}.demo-heading h1{font-size:clamp(34px,4.5vw,54px);letter-spacing:-1.8px}.demo-heading .lead{max-width:680px;font-size:17px;margin:20px 0 0}
.demo-workspace{display:grid;grid-template-columns:350px minmax(0,1fr);gap:38px;align-items:start;margin:0 0 48px}.demo-controls{border:1px solid var(--line);border-radius:12px;padding:24px;background:var(--card)}.demo-controls fieldset{border:0;padding:0;margin:0;min-width:0}.demo-controls legend,.demo-label{display:block;font-size:14px;font-weight:650;margin:0 0 12px}.demo-label{margin-top:24px}.demo-products{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.demo-products label{position:relative;cursor:pointer}.demo-products input{position:absolute;top:8px;left:8px;accent-color:var(--blue)}.demo-products span{display:block;border:2px solid var(--line);border-radius:8px;overflow:hidden}.demo-products input:checked+span{border-color:var(--blue);background:var(--soft)}.demo-products input:focus-visible+span{outline:3px solid #70a2ff;outline-offset:3px}.demo-products img{width:100%;height:auto;aspect-ratio:9/11;object-fit:contain;background:#fafaf8}.demo-products strong{display:block;font-size:11px;text-align:center;padding:8px 2px}.demo-controls select{font:inherit;font-size:14px;width:100%;min-height:46px;padding:10px;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--ink)}.demo-controls select:focus-visible{outline:3px solid #70a2ff;outline-offset:2px}.demo-controls .button{border:0;width:100%;margin-top:26px;padding:14px 12px;gap:12px}.demo-controls fieldset:disabled{opacity:.65}.demo-controls fieldset:disabled button{cursor:wait}.demo-disclosure{font-size:12px;color:var(--muted);line-height:1.7;margin-top:22px;border-top:1px solid var(--line);padding-top:18px}.demo-preview{min-width:0;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:20px}.demo-preview .comparison img{object-fit:contain;aspect-ratio:3/4;width:100%;height:auto}.demo-preview figure{display:flex;flex-direction:column}.demo-preview figcaption{margin-top:auto;background:var(--card);color:var(--ink)}#demo-placeholder{aspect-ratio:3/4;display:flex;flex-direction:column;justify-content:center;text-align:center;background:var(--card);color:var(--muted);font-size:13px;gap:10px}#demo-placeholder span{font-size:16px;font-weight:600;color:var(--ink)}.demo-status{font-size:13px;color:var(--muted);margin-top:18px}#demo-error{font-size:14px;color:#b32929;margin-top:12px}#demo-downloads{margin-top:18px}#demo-downloads>.button{width:100%;font-size:14px}.demo-formats{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 20px;font-size:12px;margin-top:16px}.demo-formats a{text-decoration:underline;text-underline-offset:4px}.demo-workspace+.final-cta h2{font-size:27px}
@media(max-width:850px){.demo-workspace{grid-template-columns:300px minmax(0,1fr);gap:20px}.demo-controls{padding:18px}.demo-preview{padding:14px}.demo-preview .visual-top{align-items:start}.demo-preview .comparison{gap:7px}.demo-formats{gap:12px}.demo-preview .comparison figcaption{padding:8px}}
@media(max-width:650px){.demo-heading{padding:32px 0 26px}.demo-heading h1{font-size:38px}.demo-heading .lead{font-size:16px}.demo-workspace{grid-template-columns:1fr;gap:20px}.demo-controls{padding:20px}.demo-products img{max-height:110px}.demo-preview{padding:14px}.demo-workspace+.final-cta{display:block;padding:24px}.demo-workspace+.final-cta .button{margin-top:20px;width:100%}}