.flow-dialog.flow-design-dialog{width:min(1060px,calc(100vw - 48px));max-width:1060px}
.flow-modal-open .hero-products{animation-play-state:paused}
.designer{margin:0 0 28px}
.designer-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 20px}
.designer-heading .flow-eyebrow{font-size:8px;color:#4c8aa3;letter-spacing:1.5px}
.designer-heading h3{font-size:22px;letter-spacing:-.8px;font-weight:600;margin-top:7px}
.designer-three-badge{display:flex;align-items:center;gap:6px;font-size:10px;white-space:nowrap;border:1px solid #d4e7ef;border-radius:20px;padding:8px 11px;color:#37738d}
.designer-three-badge svg{width:14px;height:14px}
.designer-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:24px;align-items:start}
.designer-stage{position:relative;border:1px solid #deebf2;border-radius:14px;background:radial-gradient(ellipse at 50% 30%,#f9fdff,#e8f4fb);overflow:hidden}
.designer-viewport{height:340px;position:relative;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;color:#6f8a98;touch-action:pan-y}
.designer-viewport canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:none;outline:none}
.designer-viewport canvas:active{cursor:grabbing}
.designer-product-label{position:absolute;left:17px;top:17px;z-index:2;font-size:9px;font-weight:700;letter-spacing:.3px;pointer-events:none;background:#ffffffb8;padding:7px 10px;border-radius:5px}
.designer-download{position:absolute;top:13px;right:13px;z-index:3;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;background:#fff;border:1px solid #dce8ef;color:#426d81}
.designer-download svg{width:17px;height:17px}
.designer-download:hover{background:#e2f4ff}
.designer-download:disabled{opacity:.4}
.designer-drag-hint{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);font-size:9px;white-space:nowrap;color:#5e8395;background:#ffffffa8;border-radius:20px;padding:7px 12px;pointer-events:none}
.designer-loading{padding:30px;color:#547f94}
.designer-unavailable{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:40px;background:#edf7fc;color:#536f7e;line-height:1.8;font-size:12px;z-index:1}
.designer-viewbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:11px 0 17px}
.designer-view-switch{display:flex;gap:3px;background:#f2f6f8;border:1px solid #e6ecef;border-radius:7px;padding:3px}
.designer-view-switch button{font-size:9px!important;display:flex;align-items:center;gap:5px;padding:7px 11px;border-radius:4px;color:#667d89}
.designer-view-switch svg{width:13px;height:13px}
.designer-view-switch [aria-pressed=true]{background:#fff;color:#183541;box-shadow:0 1px 3px #17394712}
.designer-guides{display:flex;gap:6px;align-items:center;font-size:9px;cursor:pointer;color:#647e8b}
.designer-guides input{width:13px;height:13px;margin:0;accent-color:#389ac1}
.designer-dropzone{border:1px dashed #b9d9e8;border-radius:10px;background:#f6fbfe;padding:18px;display:flex;align-items:flex-start;gap:12px;position:relative;transition:background .15s,border-color .15s}
.designer-dropzone:focus-within{outline:3px solid #199ed8;outline-offset:3px}
.designer-dragover{background:#ddf2ff;border-color:#228ab5}
.designer-stage.designer-dragover:after{content:'Rilascia qui la tua immagine';position:absolute;inset:0;display:grid;place-items:center;z-index:4;background:#e1f3ffe8;border:2px dashed #3898bf;border-radius:14px;font-size:15px;font-weight:600;color:#2e7591;pointer-events:none}
.designer-upload-icon{background:#fff;border:1px solid #dcebf2;border-radius:8px;display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;color:#4289a9}
.designer-upload-icon svg{width:18px;height:18px}
.designer-upload-label{font-size:12px;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.designer-dropzone p{font-size:9px;color:#69818e;margin-top:6px;line-height:1.6}
.designer-dropzone input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.designer-filename{display:block;font-size:9px;line-height:1.6;overflow-wrap:anywhere;color:#2e7a99;margin-top:8px}
.designer-local-note{font-size:9px;color:#7a8d97;margin:8px 0 0!important;line-height:1.6}
.designer-tools{padding:21px;border:1px solid #e2eaf0;border-radius:12px}
.designer-tools h4{font-size:19px;letter-spacing:-.6px;margin:0;font-weight:600}
.designer-tools-description{color:#7a8d97;font-size:10px;line-height:1.65;margin-top:6px!important}
.designer-colors{margin:22px 0 24px}
.designer-colors>span{font-size:10px;font-weight:600;display:block;margin-bottom:10px}
.designer-colors>div{display:flex;gap:10px}
.designer-colors button{background:var(--swatch);width:26px;height:26px;border:3px solid white;outline:1px solid #d6e1e7;border-radius:50%;padding:0}
.designer-colors button[aria-pressed=true]{outline:2px solid #3d9dc4;box-shadow:0 0 0 4px #e8f5fc}
.designer-colors button:focus-visible{outline:3px solid #14262e;outline-offset:3px}
.designer-transform{border:0;padding:0;margin:0;min-width:0}
.designer-transform:disabled{opacity:.45}
.designer-slider{display:block;margin-bottom:20px;cursor:pointer}
.designer-slider>span{display:flex;justify-content:space-between;gap:8px;font-size:10px;font-weight:600;margin-bottom:10px}
.designer-slider output{font-weight:500;color:#57899e;font-variant-numeric:tabular-nums}
.designer-slider input{width:100%;height:5px;accent-color:#2c96bf;cursor:pointer;display:block;margin:0}
.designer-reset{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:34px;background:#eef7fc;border:1px solid #e0edf3;border-radius:6px;font-size:9px!important;font-weight:600;color:#336a81;margin-top:2px}
.designer-reset svg{width:13px;height:13px}
.designer-remove{display:block;margin:11px auto 0;font-size:9px!important;color:#7a8c95;text-decoration:underline;text-underline-offset:3px}
.designer-print-note{font-size:9px;line-height:1.75;color:#7b8e98;border-top:1px solid #e3ebef;padding-top:15px;margin-top:18px!important}
.designer-status{font-size:11px;line-height:1.7;color:#26799b;margin-top:14px!important;min-height:0}
.designer-status:empty{display:none}
.designer-status.designer-error{background:#fff6ef;color:#965329;padding:10px 14px;border:1px solid #f5dfcd;border-radius:7px}
.designer-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.designer-summary{margin:0 0 22px;border:1px solid #dfeaf0;background:#edf7fc;border-radius:12px;overflow:hidden}
.designer-summary img{display:block;width:100%;height:260px;object-fit:contain;object-position:center;background:#edf7fc}
.designer-summary figcaption{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:13px 17px;background:#f7fbfd;border-top:1px solid #dfeaf0}
.designer-summary figcaption>span{font-size:11px;font-weight:600}
.designer-summary small{font-size:9px;color:#6d8794;overflow-wrap:anywhere;text-align:right}
@media(max-width:800px){.designer-layout{grid-template-columns:minmax(0,1fr) 220px;gap:16px}.designer-tools{padding:17px}.designer-viewport{height:320px}.designer-heading h3{font-size:20px}.designer-three-badge{font-size:8px;padding:7px 9px}.designer-dropzone{padding:14px}.designer-upload-icon{display:none}.designer-view-switch button{padding:7px 8px}.designer-guides{font-size:8px}}
@media(max-width:650px){.flow-dialog.flow-design-dialog{width:calc(100vw - 24px)}.flow-design-dialog .flow-shell{padding:32px 17px 24px}.designer-heading{gap:12px;align-items:flex-start}.designer-heading .flow-eyebrow{font-size:7px;letter-spacing:1.2px}.designer-heading h3{font-size:20px;line-height:1.3;max-width:210px}.designer-three-badge{font-size:0;padding:8px;margin-top:7px}.designer-three-badge svg{width:17px;height:17px}.designer-layout{grid-template-columns:1fr;gap:17px}.designer-viewport{height:300px}.designer-tools{padding:19px}.designer-transform{display:grid;grid-template-columns:1fr 1fr;gap:3px 22px}.designer-tools h4{font-size:21px}.designer-tools-description{font-size:11px}.designer-colors{margin:17px 0 23px}.designer-colors>span{font-size:11px}.designer-colors button{width:29px;height:29px}.designer-colors>div{gap:13px}.designer-slider>span{font-size:9px;line-height:1.6;min-height:28px;align-items:flex-start;gap:8px}.designer-slider input{height:6px}.designer-slider{margin-bottom:19px}.designer-reset{min-height:40px;font-size:10px!important}.designer-print-note{font-size:9px}.designer-local-note{font-size:9px}.designer-dropzone{padding:17px}.designer-upload-icon{display:grid}.designer-dropzone p{font-size:9px}.designer-upload-label{font-size:12px}.designer-filename{font-size:9px}.designer-view-switch button{font-size:10px!important;padding:8px 10px}.designer-guides{font-size:9px}.designer-summary img{height:225px}.designer-summary figcaption{align-items:flex-start;flex-direction:column;gap:4px}.designer-summary small{text-align:left}.designer-status{font-size:11px}.designer-transform:disabled .designer-slider input{cursor:default}}
@media(max-width:360px){.designer-viewport{height:265px}.designer-product-label{font-size:8px;left:11px;top:14px}.designer-drag-hint{font-size:8px}.designer-tools{padding:16px}.designer-transform{gap:3px 17px}.designer-slider>span{font-size:8px}.designer-upload-icon{display:none}.designer-view-switch button{font-size:9px!important;padding:8px}.designer-guides{font-size:8px}.designer-dropzone p{font-size:8px}}