:root{--blue:#253979;--yellow:#f8b61e;--ink:#1e2d58;--muted:#747b8c;--line:#e8e5dc;--cream:#fffaf1}
*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.46}button:focus-visible,input:focus-visible,.canvas-host:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.page-header{max-width:1280px;padding:29px 42px 24px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.page-header img{width:139px;height:auto}.review-label{font-size:12px;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:9px}.review-label span{height:6px;width:6px;border-radius:50%;background:var(--yellow)}main{max-width:1196px;margin:auto;padding:0 0 35px}.intro{display:flex;align-items:flex-end;justify-content:space-between;padding:37px 0 30px;gap:20px}.eyebrow{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin:0 0 17px;color:var(--muted)}h1{font-size:48px;line-height:1.06;letter-spacing:-2px;margin:0;font-weight:800}h1 span{color:var(--blue)}.intro-copy{padding-bottom:3px}.intro-copy p{font-size:14px;color:#667086;line-height:1.65;margin:0 0 16px}.dimension-pill{display:flex;gap:12px;align-items:center;font-size:11px;background:#f6f5f2;border:1px solid var(--line);border-radius:22px;padding:9px 13px;color:#687083}.dimension-pill span{color:#b4b6b9}
.viewer{border:1px solid #e8e3d5;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 12px 32px #46320805}.stage{position:relative;background:#fffaf1;height:clamp(420px,53vh,640px);overflow:hidden}.canvas-host{position:absolute;inset:0;touch-action:none;cursor:grab;outline-offset:-5px!important}.canvas-host.dragging{cursor:grabbing}.canvas-host canvas{display:block;width:100%;height:100%;outline:none}.stage-note{position:absolute;left:25px;top:22px;display:flex;align-items:center;gap:8px;font-size:10px;color:#8b8372;pointer-events:none}.live-dot{width:5px;height:5px;border-radius:50%;background:#b79c63}.icon-button{display:grid;place-items:center;width:39px;height:39px;border:1px solid #dfd8c8;background:#fffcf5ba;color:var(--blue);border-radius:50%;backdrop-filter:blur(8px)}.fullscreen{position:absolute;right:18px;top:16px}.hint{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:#8b8271;pointer-events:none;white-space:nowrap;transition:opacity .5s}.hint svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.25;fill:none;stroke-linecap:round;stroke-linejoin:round}.hint.quiet{opacity:.25}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;background:var(--cream);z-index:4;transition:opacity .45s}.loading p{font-size:12px;color:#827969;margin:0}.loading[hidden]{display:none}.loading.ready{opacity:0;pointer-events:none}.spinner{width:27px;height:27px;border:2px solid #d9ccb2;border-top-color:var(--blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fallback{position:absolute;inset:0;z-index:3;background:var(--cream);display:grid;place-content:center;justify-items:center;padding:30px}.fallback[hidden]{display:none}.fallback img{max-width:95%;max-height:70%;object-fit:contain}.fallback p{font-size:12px;color:var(--muted);max-width:440px;text-align:center;line-height:1.6}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 23px;border-top:1px solid var(--line)}.primary-actions,.secondary-actions{display:flex;gap:14px;align-items:center}.peek-button{display:flex;align-items:center;justify-content:center;gap:11px;background:var(--blue);color:white;border:0;border-radius:40px;font-size:13px;font-weight:700;padding:15px 24px;min-width:170px;min-height:47px;transition:background .2s}.peek-button[aria-pressed=true]{background:var(--yellow);color:var(--blue)}.peek-button:not(:disabled):hover{background:#192d66}.peek-button[aria-pressed=true]:hover{background:#f2ac14}.zoom-group{display:flex;align-items:center;border:1px solid #e5e2db;border-radius:40px;padding:1px 3px;height:45px}.zoom-group button{border:0;background:none;color:var(--blue);width:37px;height:41px;font-size:20px;border-radius:30px}.zoom-group button:not(:disabled):hover{background:#f8f5ed}.zoom-group output{min-width:53px;text-align:center;font-size:11px;color:#697084}.text-button{display:flex;align-items:center;gap:7px;border:0;background:none;padding:12px 10px;border-radius:25px;font-size:11px;color:#677086;min-height:43px}.text-button:not(:disabled):hover{background:#f6f5f1}.text-button[aria-pressed=true]{background:#fff4d2;color:var(--blue)}.detail-controls{display:flex;justify-content:space-between;align-items:center;padding:0 28px 17px;gap:24px}.seal-control{display:flex;align-items:center;gap:10px;color:#8b8b88;font-size:10px}.seal-control input{width:154px;height:20px;accent-color:var(--blue);cursor:pointer}.view-presets{display:flex;gap:7px}.view-presets button{font-size:10px;background:none;border:1px solid #e9e6dd;border-radius:25px;color:#737b8e;padding:7px 14px;min-height:33px}.view-presets button:not(:disabled):hover{background:#f4f3ee;color:var(--blue)}.view-presets button.active{background:#eff1f8;border-color:#d6daea;color:var(--blue)}
.review-footer{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:19px 7px 0}.review-footer p{font-size:11px;color:#737b8e;margin:0;line-height:1.8}.review-footer p span{color:#969aa3}.finish-actions{display:flex;gap:11px;align-items:center}.finish-actions button{background:#fff;border:1px solid var(--line);border-radius:30px;padding:9px 13px;font-size:10px;color:#7d8390;display:flex;align-items:center;gap:7px;min-height:37px}.finish-actions button:not(:disabled):hover{background:#f8f6f1;color:var(--blue)}.finish-actions svg{width:14px;height:14px}.noscript{font-size:13px;text-align:center}.viewer:fullscreen{border-radius:0;display:flex;flex-direction:column;height:100vh;background:#fff}.viewer:fullscreen .stage{height:auto;flex:1;min-height:200px}.viewer:fullscreen .toolbar{padding:15px 28px}.viewer:fullscreen .detail-controls{padding-bottom:15px}
@media(max-width:1280px){main{margin:0 38px}.page-header{margin:0 38px;padding-inline:0}}@media(max-width:700px){main{margin:0 16px;padding-bottom:22px}.page-header{margin:0 20px;padding:22px 0 19px}.page-header img{width:111px}.review-label{font-size:10px}.intro{padding:26px 3px 23px;display:block}h1{font-size:35px;line-height:1.03;letter-spacing:-1.4px}h1 br{display:none}h1 span{white-space:nowrap}.eyebrow{margin-bottom:11px;font-size:9px}.intro-copy{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.intro-copy p{font-size:11px;line-height:1.5;margin:0}.dimension-pill{padding:7px 9px;gap:5px;font-size:9px;white-space:nowrap}.dimension-pill span{display:none}.dimension-pill{display:block;font-size:9px;max-width:155px;text-align:center;white-space:normal}.viewer{border-radius:14px}.stage{height:clamp(310px,48vh,480px)}.stage-note{left:17px;top:19px;font-size:9px}.fullscreen{right:12px;top:12px;width:35px;height:35px}.hint{font-size:9px;bottom:16px;gap:6px}.toolbar{padding:14px 13px;gap:7px;flex-wrap:wrap}.primary-actions{gap:9px;flex:1;justify-content:space-between}.peek-button{min-width:135px;padding:13px 15px;font-size:12px;min-height:44px}.peek-button svg{width:16px;height:16px}.zoom-group{height:43px}.zoom-group button{width:32px;height:38px}.zoom-group output{min-width:44px;font-size:10px}.secondary-actions{width:100%;justify-content:space-between;gap:4px}.text-button{padding:9px 6px;font-size:10px;min-height:36px}.text-button svg{width:16px;height:16px}.detail-controls{padding:0 15px 15px;flex-wrap:wrap;gap:13px}.seal-control{justify-content:space-between;width:100%}.seal-control input{flex:1;max-width:none}.view-presets{width:100%;justify-content:space-between}.view-presets button{flex:1;padding:7px 10px}.review-footer{padding:16px 4px 0;flex-direction:column;gap:12px}.review-footer p{font-size:10px}.finish-actions{width:100%;justify-content:space-between}.finish-actions button{font-size:10px}.viewer:fullscreen .toolbar{padding:10px 14px}.viewer:fullscreen .stage{min-height:170px}.viewer:fullscreen .secondary-actions{width:auto}.viewer:fullscreen .text-button span{display:none}.viewer:fullscreen .detail-controls{flex-wrap:nowrap}.viewer:fullscreen .seal-control{width:50%}.viewer:fullscreen .view-presets{width:50%}}
@media(prefers-reduced-motion:reduce){.spinner{animation:none}.loading,.hint{transition:none}}
.is-embed .page-header,.is-embed .intro,.is-embed .review-footer{display:none}.is-embed main{max-width:none;margin:0;padding:0}.is-embed .viewer{border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column;min-height:400px;height:100dvh}.is-embed .stage{flex:1;height:auto;min-height:240px}

.is-embed .embed-finish-row{padding:0 23px 13px;flex:none}.is-embed .embed-finish-row .finish-actions{justify-content:space-between;width:100%}.is-embed .embed-finish-row .finish-actions button{background:#fff;font-size:10px}@media(max-width:700px){.is-embed .embed-finish-row{padding:0 15px 12px}}