.cutting-overlay{--cutting-ink: var(--illustration-color, #2b2620);--cutting-ink-muted: #8a7f70;--cutting-surface: var(--illustration-background, #ffffff);--cutting-surface-2: #faf6ef;--cutting-border: #e8e0d2;--cutting-accent: #b9793a;--cutting-accent-strong: #8f5c25;--cutting-tape-base: #e7b25a;--cutting-tape-deep: #a9752b;--cutting-tape-sheen: #f7d68f;position:fixed;z-index:999;width:320px;max-width:calc(100vw - 24px);background:var(--cutting-surface);color:var(--cutting-ink);border:1px solid var(--cutting-border);border-radius:18px;box-shadow:0 24px 48px -20px #1e180e59,0 2px 8px #1e180e14;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;padding:4px 20px 18px;box-sizing:border-box;-webkit-user-select:none;user-select:none}.cutting-overlay *{box-sizing:border-box}.cutting-overlay .header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 2px 10px;cursor:grab}.cutting-overlay .header:active{cursor:grabbing}.cutting-overlay #drag-icon{color:var(--cutting-ink-muted);flex-shrink:0}.cutting-overlay .header h3{flex:1;margin:0;font-size:14px;font-weight:600;letter-spacing:.01em;text-align:center;color:var(--cutting-ink)}.cutting-overlay .close{display:flex;align-items:center;justify-content:center;width:26px;height:26px;flex-shrink:0;border:none;border-radius:50%;background:transparent;color:var(--cutting-ink-muted);cursor:pointer;transition:background .15s ease,color .15s ease}.cutting-overlay .close:hover{background:var(--cutting-surface-2);color:var(--cutting-ink)}.cutting-overlay .close:focus-visible,.cutting-overlay .stepper:focus-visible,.cutting-overlay .reset:focus-visible,.cutting-overlay #cutting-width-input:focus-visible{outline:2px solid var(--cutting-accent);outline-offset:2px}.cutting-overlay .preview-frame{width:100%;aspect-ratio:1 / .92;margin:2px 0 6px;touch-action:none}.cutting-overlay .preview-frame svg{width:100%;height:100%;display:block}.cutting-drag-handle{cursor:grab}.cutting-drag-handle:active{cursor:grabbing}.cutting-drag-handle:focus-visible .cutting-drag-ring{stroke:var(--cutting-accent-strong);stroke-width:3}.cutting-drag-track{cursor:pointer}.cutting-svg-animate rect,.cutting-svg-animate ellipse,.cutting-svg-animate line,.cutting-svg-animate g{transition:transform .24s cubic-bezier(.2,.8,.2,1)}@media(prefers-reduced-motion:reduce){.cutting-svg-animate rect,.cutting-svg-animate ellipse,.cutting-svg-animate line,.cutting-svg-animate g{transition:none}}.cutting-overlay .readout{display:flex;align-items:baseline;justify-content:center;margin-bottom:14px}.cutting-overlay .readout #width-value{position:relative;display:inline-block;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:40px;font-weight:600;line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--cutting-ink)}.cutting-overlay .readout #width-value.is-bumping{animation:cutting-bump .22s ease}@keyframes cutting-bump{0%{transform:scale(1.14);opacity:.6}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.cutting-overlay .readout #width-value.is-bumping{animation:none}}.cutting-overlay .readout #width-value:after{content:"mm";position:absolute;left:100%;bottom:.2em;margin-left:6px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:15px;font-weight:500;line-height:1;color:var(--cutting-ink-muted);white-space:nowrap}.cutting-overlay .input-frame{display:flex;align-items:center;gap:8px;background:var(--cutting-surface-2);border:1px solid var(--cutting-border);border-radius:999px;padding:6px 8px}.cutting-overlay .stepper{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;border:none;border-radius:50%;background:var(--cutting-surface);color:var(--cutting-ink);box-shadow:0 1px 2px #1e180e1f;cursor:pointer;transition:transform .12s ease,color .15s ease}.cutting-overlay .stepper:hover{color:var(--cutting-accent-strong)}.cutting-overlay .stepper:active{transform:scale(.92)}.cutting-overlay #cutting-width-input{flex:1;-webkit-appearance:none;appearance:none;height:4px;border-radius:3px;background:linear-gradient(90deg,var(--cutting-accent) 0%,var(--cutting-accent) var(--cutting-pct, 33%),var(--cutting-border) var(--cutting-pct, 33%),var(--cutting-border) 100%);cursor:pointer}.cutting-overlay #cutting-width-input::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--cutting-accent);border:2px solid var(--cutting-surface);box-shadow:0 2px 6px #1e180e4d;cursor:pointer;margin-top:-7px}.cutting-overlay #cutting-width-input::-moz-range-track{height:4px;border-radius:3px;background:var(--cutting-border)}.cutting-overlay #cutting-width-input::-moz-range-progress{height:4px;border-radius:3px;background:var(--cutting-accent)}.cutting-overlay #cutting-width-input::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--cutting-accent);border:2px solid var(--cutting-surface);cursor:pointer}.cutting-overlay .reset{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;border-radius:50%;color:var(--cutting-ink-muted);cursor:pointer;overflow:hidden;transition:color .15s ease,transform .15s ease}.cutting-overlay .reset:hover{color:var(--cutting-accent-strong)}.cutting-overlay .reset:active{transform:scale(.9) rotate(-40deg)}.cutting-overlay .reset svg{width:14px!important;height:14px!important;max-width:100%;max-height:100%;display:block;fill:currentColor}.cutting-overlay .cutting-caption{margin:12px 2px 0;font-size:11.5px;line-height:1.4;text-align:center;color:var(--cutting-ink-muted)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-cutting-overlay.css.map */