:root{--mps-accent:#cb1836;--mps-dark:#222021;--mps-bg:#f4f4f4;--mps-line:#dedddd;--mps-muted:#6e6b6c}
#tile-planner{background:var(--mps-bg);color:var(--mps-dark);padding:74px 20px 88px;font-family:inherit}
.planner-shell{width:min(1500px,100%);margin-inline:auto}.planner-hero{margin-bottom:44px}.planner-eyebrow,.price-overline{margin:0 0 14px;color:#887b24;font-size:12px;font-weight:800;letter-spacing:.16em}.planner-hero-title{max-width:940px;margin:0;font-size:clamp(42px,6.2vw,84px);line-height:.94;letter-spacing:-.055em;text-transform:uppercase}.planner-hero-lead{max-width:760px;margin:28px 0 0;color:var(--mps-muted);font-size:18px;line-height:1.55}
.planner-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(420px,.65fr);align-items:start;background:#fff;border:1px solid var(--mps-line);box-shadow:0 24px 55px rgba(34,32,33,.06)}.planner-stage{position:sticky;top:12px;min-width:0;height:calc(100vh - 24px);min-height:720px;max-height:900px;display:flex;flex-direction:column;border-right:1px solid var(--mps-line);background:#fff}.planner-stagebar{min-height:70px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--mps-line);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.planner-stagebar span{color:var(--mps-muted);font-size:11px;letter-spacing:0;text-transform:none}
.mobile-pin-toggle{display:none;margin-left:auto;padding:8px 10px;border:1px solid var(--mps-line);background:#fff;color:var(--mps-dark);font:800 10px inherit;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.mobile-pin-toggle[aria-pressed=true]{border-color:var(--mps-dark);background:var(--mps-dark);color:#fff}
#grid-wrapper{position:relative;flex:1;min-height:0;padding:56px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fafafa,#f1f1f1);touch-action:none}#grid-wrapper.is-panning{cursor:grab}#grid-wrapper.is-dragging{cursor:grabbing}#grid-canvas{position:relative;flex:0 0 auto;transition:transform .16s ease;transform-origin:center}#grid-wrapper.is-dragging #grid-canvas{transition:none}#grid{display:grid;box-shadow:0 14px 32px rgba(34,32,33,.17);touch-action:none}.tile{background-size:cover;background-position:center}.planner-measure{position:absolute;z-index:4;color:var(--mps-dark);font-size:11px;font-weight:900;letter-spacing:.06em;white-space:nowrap}.planner-measure:before,.planner-measure:after{content:'';position:absolute;background:var(--mps-dark)}.planner-measure--width{left:0;right:0;top:-34px;text-align:center;border-top:1px solid var(--mps-dark);padding-top:7px}.planner-measure--width:before,.planner-measure--width:after{top:-4px;width:1px;height:8px}.planner-measure--width:before{left:0}.planner-measure--width:after{right:0}.planner-measure--height{top:0;bottom:0;left:-42px;display:flex;align-items:center;border-left:1px solid var(--mps-dark);padding-left:8px;writing-mode:vertical-rl;transform:rotate(180deg)}.planner-measure--height:before,.planner-measure--height:after{left:-4px;width:8px;height:1px}.planner-measure--height:before{top:0}.planner-measure--height:after{bottom:0}.planner-edge{display:none;position:absolute;z-index:3;background:#171717;box-shadow:0 0 0 1px rgba(255,255,255,.45) inset}.has-edge-top .planner-edge--top,.has-edge-right .planner-edge--right,.has-edge-bottom .planner-edge--bottom,.has-edge-left .planner-edge--left{display:block}.planner-edge--top,.planner-edge--bottom{left:0;right:0;height:10px}.planner-edge--top{top:-11px}.planner-edge--bottom{bottom:-11px}.planner-edge--left,.planner-edge--right{top:0;bottom:0;width:10px}.planner-edge--left{left:-11px}.planner-edge--right{right:-11px}#grid-canvas[data-edge-color=grigio] .planner-edge{background:#777}#grid-canvas[data-edge-color=giallo] .planner-edge{background:#edcf27}#zoom-controls{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:10px;padding:15px;border-top:1px solid var(--mps-line);color:var(--mps-muted);font-size:11px;font-weight:800;letter-spacing:.06em}#zoom-controls button{width:42px;height:42px;border:1px solid var(--mps-line);border-radius:0;background:#fff;color:var(--mps-dark);font-size:20px;line-height:1;cursor:pointer;transition:.2s}#zoom-controls button:hover,#zoom-controls button[aria-pressed=true]{border-color:var(--mps-dark);background:var(--mps-dark);color:#fff}
.planner-controls{min-width:0;background:#fff}.planner-step{display:flex;gap:14px;align-items:center;padding:20px 24px;border-bottom:1px solid var(--mps-line);text-transform:uppercase}.planner-step>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:var(--mps-accent);color:#fff;font-weight:800}.planner-step strong{display:block;font-size:13px;letter-spacing:.08em}.planner-step small{display:block;margin-top:3px;color:var(--mps-muted);font-size:10px;letter-spacing:.05em}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px 24px;border-bottom:1px solid var(--mps-line)}.planner-dimensions{grid-template-columns:1fr 1fr}.planner-pattern-field{grid-column:1/-1}.form-group{min-width:0}.form-group label{display:block;margin:0 0 7px;color:var(--mps-muted);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.form-group input:not([type=checkbox]),.form-group select{box-sizing:border-box;width:100%;height:46px;margin:0;padding:0 13px;border:1px solid var(--mps-line);border-radius:0;background:#fff;color:var(--mps-dark);font:600 15px inherit}.form-group input:focus,.form-group select:focus{outline:2px solid rgba(203,24,54,.16);border-color:var(--mps-accent)}#mosaicToggle label{display:flex;align-items:center;gap:10px;height:46px;margin:0;padding:0 12px;border:1px solid var(--mps-line);color:var(--mps-dark);font-size:12px}#mosaicToggle input{width:18px;height:18px;accent-color:var(--mps-accent)}
#customTools{padding:20px 24px;border-bottom:1px solid var(--mps-line)}#colorPalette{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}#colorPalette button{width:40px;height:40px;margin:0;padding:0;border:2px solid #fff;border-radius:50%;background-size:cover;box-shadow:0 0 0 1px var(--mps-line);cursor:pointer}#colorPalette button.active{box-shadow:0 0 0 3px var(--mps-accent)}.planner-tool-actions{display:flex;flex-wrap:wrap;gap:8px}.planner-tool-actions button{padding:10px 13px;border:1px solid var(--mps-line);background:#fff;color:var(--mps-dark);font-weight:700;cursor:pointer}.planner-tool-actions button:hover{border-color:var(--mps-dark)}.planner-summary{padding:22px 24px}.planner-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.planner-metrics>div{padding:12px;background:var(--mps-bg)}.planner-metrics small{display:block;color:var(--mps-muted);font-size:10px;text-transform:uppercase}.planner-metrics strong{display:block;margin-top:4px;font-size:16px}.planner-color-counts{list-style:none;margin:15px 0 0;padding:0}.planner-color-counts li{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid #eee;font-size:12px}.planner-color-dot{width:10px;height:10px;border-radius:50%;border:1px solid rgba(0,0,0,.15)}.planner-color-dot--arancione{background:#ef6c22}.planner-color-dot--bianco{background:#f5f5f2}.planner-color-dot--blu{background:#1a4e89}.planner-color-dot--giallo{background:#edcf27}.planner-color-dot--grigio{background:#777}.planner-color-dot--nero{background:#171717}.planner-color-dot--rosso{background:#bd1e2d}.planner-color-dot--verde{background:#1e7546}
.price-card{margin-top:20px;padding-top:20px;border-top:1px solid var(--mps-line)}.price-line,.price-total{display:flex;justify-content:space-between;gap:16px;padding:7px 0}.price-line{color:var(--mps-muted);font-size:13px}.price-line strong{color:var(--mps-accent)}.price-total{align-items:end;margin-top:6px;padding-top:14px;border-top:1px solid var(--mps-line);font-weight:800}.price-total strong{font-size:27px;letter-spacing:-.03em}.price-card-btns{display:grid;grid-template-columns:1fr 1.25fr;gap:9px;margin-top:20px}.warehouse-btn{min-height:48px;padding:12px;border:1px solid var(--mps-accent);border-radius:0;background:var(--mps-accent)!important;color:#fff!important;font-weight:800;text-transform:uppercase;letter-spacing:.045em;cursor:pointer}.warehouse-btn--secondary{background:#fff!important;color:var(--mps-dark)!important;border-color:var(--mps-line)}.warehouse-btn:hover{filter:brightness(.93)}.planner-status{min-height:0;margin:12px 0 0;color:var(--mps-muted);font-size:12px;line-height:1.4}.mobile-only{display:none}
@media(max-width:900px){#tile-planner{padding:50px 16px 64px}.planner-layout{grid-template-columns:1fr}.planner-stage{border-right:0;border-bottom:1px solid var(--mps-line)}#grid-wrapper{min-height:430px}.planner-hero-title{font-size:clamp(40px,10vw,66px)}}@media(max-width:600px){#tile-planner{padding:34px 12px 50px}.planner-hero{margin-bottom:28px}.planner-hero-title{font-size:39px}.planner-hero-lead{font-size:15px;margin-top:20px}.planner-stagebar{padding:15px 16px;align-items:flex-start;flex-direction:column}.planner-stagebar span{font-size:10px}#grid-wrapper{min-height:330px;padding:22px 12px;justify-content:flex-start}.planner-step,.form-row,.planner-summary,#customTools{padding-left:16px;padding-right:16px}.form-row,.planner-dimensions{grid-template-columns:1fr}.planner-pattern-field{grid-column:auto}.planner-metrics{grid-template-columns:1fr 1fr}.planner-metrics>div:last-child{grid-column:1/-1}.price-card-btns{grid-template-columns:1fr}.warehouse-btn{width:100%}.mobile-only{display:inline-flex}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.planner-border-controls{padding:20px 24px;border-bottom:1px solid var(--mps-line)}.planner-side-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.planner-side-grid label{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid var(--mps-line);font-size:12px;font-weight:800;text-transform:uppercase;cursor:pointer}.planner-side-grid label:has(input:checked){border-color:var(--mps-dark);background:#faf9ee}.planner-side-grid input{width:18px;height:18px;accent-color:var(--mps-accent)}.planner-border-help{display:block;margin-top:12px;color:var(--mps-muted);font-size:10px;line-height:1.45}.planner-border-result{display:flex;justify-content:space-between;gap:15px;margin-top:14px;padding:12px;background:#faf9ee;font-size:12px}.planner-border-result strong{text-transform:capitalize}
@media(max-width:1100px){.planner-layout{grid-template-columns:1fr}.planner-stage{position:static;height:680px;min-height:0;max-height:none;border-right:0;border-bottom:1px solid var(--mps-line)}}
@media(max-width:600px){.planner-stage{height:520px}#grid-wrapper{min-height:0;padding:48px;justify-content:center}.planner-border-controls{padding-left:16px;padding-right:16px}.planner-side-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.planner-stagebar{position:relative;padding-right:150px}.mobile-pin-toggle{display:inline-flex;position:absolute;top:12px;right:12px;align-items:center;justify-content:center}.planner-stage.is-mobile-pinned{position:sticky;top:0;z-index:30;height:clamp(340px,56vh,460px);box-shadow:0 12px 28px rgba(34,32,33,.2)}.planner-stage.is-mobile-pinned #grid-wrapper{padding:42px 38px}.planner-stage.is-mobile-pinned #zoom-controls{padding:8px}}