.configurator{max-width:1320px;padding-top:54px}.preview-heading h1{font-size:clamp(2.8rem,4.5vw,4.8rem);letter-spacing:-.045em}.preview-heading>p:last-child{margin-top:22px;color:var(--muted);max-width:650px}.notice{background:#eee7d9;border:1px solid #d4c8b4;padding:14px 18px;font-size:.85rem;margin-top:30px}.preview-steps{list-style:none;padding:0;display:flex;gap:36px;margin:32px 0;border-bottom:1px solid var(--line);padding-bottom:22px}.preview-steps li{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:.88rem}.preview-steps span{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:30px;height:30px}.preview-steps [aria-current]{color:var(--forest);font-weight:600}.preview-steps [aria-current] span{background:var(--forest);color:white;border-color:var(--forest)}.config-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:46px;align-items:start}.config-panel{padding:24px 0}.config-step h2{font-size:2.45rem;margin-bottom:20px}.config-step .eyebrow{margin-bottom:12px}.config-step>p{color:var(--muted);font-size:.93rem}.upload-area{border:1px dashed #8c9687;background:var(--white);margin:24px 0;padding:34px 20px;text-align:center;position:relative}.upload-area.is-dragging{background:#e4eadf;border:2px solid var(--forest)}.upload-area svg{display:block;width:42px;height:42px;margin:0 auto 20px;color:var(--forest)}.upload-area label{cursor:pointer}.upload-area input{position:absolute;width:1px;height:1px;opacity:0;left:50%;top:50%}.upload-area:focus-within{outline:3px solid #ac7034;outline-offset:4px}.upload-area p{margin:14px 0 3px;font-size:.86rem}.upload-area small{color:var(--muted);font-size:.75rem}.privacy-hint{font-size:.8rem!important;margin-bottom:24px!important}.button:disabled{opacity:.45;cursor:not-allowed}.button{cursor:pointer;gap:15px}.uploaded-photo{display:flex;align-items:center;gap:18px;margin-bottom:22px;background:var(--sand);padding:16px;overflow-wrap:anywhere}.uploaded-photo img{width:90px;height:90px;object-fit:cover;flex-shrink:0}.uploaded-photo strong{font-size:.86rem}.uploaded-photo p{font-size:.78rem;color:var(--muted);margin-block:4px}.text-button{border:0;background:none;color:var(--forest);padding:8px 0;text-decoration:underline;cursor:pointer;font-size:.86rem}.preview-panel{padding:18px;background:var(--white);border:1px solid var(--line)}.preview-panel-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.8rem;margin-bottom:14px}.preview-badge{border-radius:30px;padding:4px 12px;background:var(--sand);font-size:.7rem}.canvas-wrap{position:relative;background:#f4eee3;aspect-ratio:1;overflow:hidden}.canvas-wrap canvas{display:block;width:100%;height:auto}.canvas-wrap canvas.is-editable{cursor:grab;touch-action:none}.canvas-wrap canvas.is-editable:active{cursor:grabbing}.preview-loading{position:absolute;inset:0;display:grid;place-items:center;background:#f8f5efdc;color:var(--forest);font-size:.9rem}.view-options{border:0;border-top:1px solid var(--line);margin:18px 0 10px;padding:14px 0 0;display:flex;gap:18px;flex-wrap:wrap}.view-options legend{font-size:.72rem;color:var(--muted);padding-right:12px}.view-options label{font-size:.83rem;cursor:pointer}.view-options input,.product-choice input{accent-color:var(--forest)}.small-note{font-size:.78rem!important;line-height:1.65;color:var(--muted);margin-top:12px}.preview-disclaimer{border-top:1px solid var(--line);padding-top:15px;margin-top:18px;font-size:.76rem;color:var(--muted)}.product-options{padding:0;border:0;margin:23px 0}.product-options legend,.field-label{display:block;font-size:.84rem;font-weight:600;margin-bottom:12px}.product-choice{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:center;padding:15px;margin-bottom:10px;border:1px solid var(--line);cursor:pointer;background:var(--white)}.product-choice:has(input:checked){border-color:var(--forest);box-shadow:inset 0 0 0 1px var(--forest);background:#eff1e9}.product-choice strong{font-size:.93rem;font-weight:500;display:block}.product-choice small{font-size:.75rem;color:var(--muted)}#size-select{display:block;width:100%;min-height:48px;border:1px solid #899183;background:var(--white);padding:12px;font:inherit;color:var(--ink);font-size:1rem}.material-note{margin-top:14px;font-size:.82rem!important}.step-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:30px}.crop-controls{border:0;border-top:1px solid var(--line);margin:25px 0 15px;padding:20px 0 0}.crop-controls legend{font-size:.85rem;padding-right:10px}.crop-controls label{display:flex;justify-content:space-between;font-size:.8rem;margin-top:15px}.crop-controls input{width:100%;accent-color:var(--forest);min-height:32px;cursor:pointer}.crop-actions{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.result-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:24px 0 18px}.quality-note{font-size:.78rem!important;color:#735527!important}.status-note{color:var(--muted);font-size:.83rem;margin-top:18px}.error-note{border-left:3px solid #a13925;padding:12px 16px;background:#fff0ea;color:#813420;font-size:.88rem;margin-top:18px}.video-details{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.video-details summary{font-size:.84rem}.video-details video{display:block;width:100%;max-height:400px;margin-top:18px;background:var(--sand)}.video-pending{margin-top:16px}.preview-explainer{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;border-block:1px solid var(--line);margin-top:60px;padding:30px 0}.preview-explainer span{font:1.6rem var(--serif);color:var(--forest)}.preview-explainer p{font-size:.85rem;color:var(--muted);margin-top:12px}.configurator [hidden]{display:none!important}input:focus-visible,select:focus-visible,label:has(input:focus-visible){outline:3px solid #ac7034;outline-offset:4px}#step-1-title:focus,#step-2-title:focus,#step-3-title:focus{outline:none}.config-step{scroll-margin-top:25px}
/* Step changes and pointer editing must not race an animated page scroll. */
html{scroll-behavior:auto}
@media(max-width:960px){.config-grid{gap:25px}.preview-steps{gap:20px}.config-panel{padding-top:12px}.preview-panel{padding:14px}.result-actions{align-items:start;flex-direction:column}}
@media(max-width:700px){.configurator{padding-top:34px}.preview-heading h1{font-size:2.9rem}.preview-heading .eyebrow{font-size:.65rem}.preview-steps{gap:12px;justify-content:space-between}.preview-steps li{font-size:.68rem;display:block;max-width:100px;line-height:1.45}.preview-steps span{margin-bottom:7px;width:27px;height:27px}.config-grid{grid-template-columns:1fr;gap:25px}#preview-app[data-step="3"] .preview-panel{grid-row:1}.config-step h2{font-size:2.15rem}.preview-panel{padding:14px}.preview-explainer{grid-template-columns:1fr;gap:22px;margin-top:40px}.preview-explainer div{display:grid;grid-template-columns:110px 1fr;gap:16px}.preview-explainer p{margin:0}.step-actions{gap:15px}.result-actions{flex-direction:row;align-items:center}.notice{font-size:.78rem}.view-options{gap:12px}}