.demo-main{padding-top:55px}.demo-main h1{font-size:clamp(32px,4vw,48px)}.demo-intro{max-width:850px;font-size:18px;color:var(--muted)}.demo-disclosure{padding:16px 20px;background:#edf1e7;border-left:3px solid #648446;font-size:13px;max-width:1000px}.reviewer{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr);gap:30px;margin-top:30px}.reviewer[hidden]{display:none}.review-image-panel{background:#11251b;color:white;border-radius:10px;overflow:hidden;align-self:start}.viewer-toolbar,.viewer-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px;font-size:12px}.viewer-toolbar label{margin:0;font-size:12px}.viewer-toolbar input{width:auto;margin:0 5px 0 0}.sample-stage{position:relative;width:100%;aspect-ratio:1;background:#07160e}.sample-stage img{width:100%;height:100%;display:block;image-rendering:auto}.sample-stage svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.sample-stage rect{fill:none;stroke:#ffe260;stroke-width:.7;vector-effect:non-scaling-stroke}.sample-stage rect.selected{stroke:#fff;stroke-width:2;fill:#ffffff18}.viewer-footer button{background:transparent;border:1px solid #7b9888;border-radius:5px;color:white;padding:9px 12px;cursor:pointer}.viewer-footer button:disabled{opacity:.4;cursor:default}.review-controls{border:1px solid var(--line);border-radius:10px;padding:25px;background:white}.review-controls h2{font-size:26px}.review-controls p{font-size:14px;color:var(--muted)}.review-controls .eyebrow{font-size:11px}.review-controls select{width:100%;padding:10px;border:1px solid #bac8b7;border-radius:5px;font:inherit;background:white}.review-controls fieldset{margin:20px 0;border:1px solid var(--line);padding:15px}.review-controls legend{font-size:13px;font-weight:600}.review-controls fieldset label{display:flex;align-items:center;gap:8px;font-weight:400;margin:10px 0}.review-controls input[type=radio]{width:auto;margin:0}.review-controls .button{width:100%}.reset-button{display:block;margin:15px auto 0;border:0;background:none;text-decoration:underline;color:var(--muted);cursor:pointer;padding:8px}.sample-thumbnails{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;margin:25px 0 60px}.sample-thumbnails button{padding:7px;border:2px solid transparent;background:#edf1e7;border-radius:7px;cursor:pointer;color:var(--ink);font:inherit;font-size:12px}.sample-thumbnails button[aria-pressed=true]{border-color:var(--green);background:#dfeacb}.sample-thumbnails img{width:100%;aspect-ratio:1;display:block;margin-bottom:6px}.export-section{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-bottom:60px}.export-section h2{font-size:32px}.export-section p{color:var(--muted)}.export-section pre{white-space:pre;overflow:auto;max-height:300px;background:#10281d;color:#d8ee95;border-radius:8px;padding:25px;font-size:12px;margin:0}.demo-next{padding:40px;background:#eaf0df;border-radius:10px;margin-bottom:50px}.demo-next h2{font-size:32px}.demo-next p{max-width:700px}.demo-main :focus-visible{outline:3px solid #b27117;outline-offset:4px}@media(max-width:760px){.reviewer,.export-section{grid-template-columns:1fr}.sample-thumbnails{grid-template-columns:repeat(3,1fr)}.viewer-footer{gap:5px;padding:12px;font-size:10px}.review-controls{padding:20px}.demo-next{padding:25px}.demo-main{padding-top:35px}}