:root{--blu: #253689;--blu-scuro: #1a2766;--blu-chiaro: #e9ecf7;--testo: #1f2433;--grigio: #5b6275;--bordo: #dcdfe8;--sfondo: #eef0f4;--pannello: #ffffff;--pericolo: #b42318;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--testo);font-size:14px;color-scheme:light}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--sfondo)}button{font:inherit;color:inherit;background:#fff;border:1px solid var(--bordo);border-radius:6px;padding:6px 10px;cursor:pointer}button:hover:not(:disabled){border-color:var(--blu);color:var(--blu)}button:disabled{opacity:.45;cursor:default}button.danger:hover{border-color:var(--pericolo);color:var(--pericolo)}input,select{font:inherit;color:inherit;border:1px solid var(--bordo);border-radius:6px;padding:5px 8px;background:#fff;width:100%}input[type=checkbox]{width:auto}input[type=range]{padding:0;accent-color:var(--blu)}.app{display:grid;grid-template-columns:120px 1fr 300px;grid-template-rows:52px 1fr;grid-template-areas:"top top top" "tools stage side";height:100%}.topbar{grid-area:top;display:flex;align-items:center;gap:16px;padding:0 16px;background:var(--blu);color:#fff}.brand{display:flex;align-items:baseline;gap:10px;min-width:260px}.brand .logo{font-weight:800;letter-spacing:.18em;font-size:17px}.brand .sub{opacity:.75;font-size:13px}.actions{display:flex;align-items:center;gap:6px;flex:1}.actions button{background:transparent;border-color:#ffffff59;color:#fff;padding:5px 10px}.actions button:hover:not(:disabled){background:#ffffff1f;color:#fff;border-color:#fff}.actions .sep{width:1px;height:22px;background:#ffffff4d;margin:0 4px}.credit{display:flex;align-items:center;gap:8px;font-size:12px;opacity:.85}.credit img{height:20px;background:#fff;border-radius:4px;padding:2px}.toolbar{grid-area:tools;background:var(--pannello);border-right:1px solid var(--bordo);padding:10px 8px;overflow-y:auto}.tool-group{display:flex;flex-direction:column;gap:4px}.tool-title{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--grigio);margin:14px 4px 6px}.toolbar button{display:flex;align-items:center;gap:8px;border-color:transparent;padding:6px 8px;text-align:left;font-size:13px}.toolbar button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;flex:none}.toolbar button.active{background:var(--blu-chiaro);color:var(--blu);border-color:var(--blu)}.stage{grid-area:stage;position:relative;overflow:hidden}.canvas{width:100%;height:100%;display:block;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.canvas.panning{cursor:grabbing}.canvas.tool-penna{cursor:crosshair}.module-shadow{fill:#141e461f}.module-border{fill:none;stroke:#9aa1b5;stroke-width:1}.grid{stroke:#28325a12;stroke-width:.04}.grid.major{stroke:#28325a29;stroke-width:.06}.guide{stroke:var(--blu);stroke-width:.08;stroke-dasharray:.6 .6;opacity:.45;pointer-events:none}.piece{stroke:#1e1e1e73;stroke-width:1;cursor:move}.piece.copy{cursor:pointer}.piece.selected{stroke:var(--blu);stroke-width:2.5}.piece.selected-copy{stroke:var(--blu);stroke-width:1;stroke-dasharray:3 3}.canvas.tool-penna .piece{pointer-events:none}.handle{fill:#fff;stroke:var(--blu);stroke-width:1.5}.handle.vertex{cursor:move}.handle.ctrl{cursor:pointer;fill:var(--blu-chiaro)}.handle.ctrl.curved{fill:var(--blu)}.edge-len{fill:var(--blu-scuro);font-weight:600;paint-order:stroke;stroke:#ffffffd9;stroke-width:.25;pointer-events:none}.dim line{stroke:var(--grigio);stroke-width:1}.dim text{fill:var(--grigio)}.draft polyline{fill:#25368914;stroke:var(--blu);stroke-width:1.5;stroke-dasharray:4 3}.draft circle{fill:#fff;stroke:var(--blu);stroke-width:1.5}.draft circle.first{fill:var(--blu)}.cursor{fill:var(--blu);pointer-events:none}.hintbar{position:absolute;left:12px;right:12px;bottom:12px;padding:8px 12px;background:#ffffffeb;border:1px solid var(--bordo);border-radius:8px;font-size:12.5px;color:var(--grigio);pointer-events:none}.sidebar{grid-area:side;background:var(--pannello);border-left:1px solid var(--bordo);overflow-y:auto}.panel{padding:14px 16px;border-bottom:1px solid var(--bordo)}.panel h2{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blu);margin:0 0 10px}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;font-size:12.5px;color:var(--grigio)}.row{display:flex;gap:10px;align-items:flex-end}.field.small{width:90px}.check{display:flex;align-items:center;gap:6px;margin-bottom:16px;font-size:12.5px;color:var(--grigio)}.muted{color:var(--grigio);font-size:12.5px;margin:0}.hint{font-size:11.5px;color:var(--grigio);margin:-4px 0 10px}.swatches{display:grid;grid-template-columns:1fr 1fr;gap:4px}.swatch{display:flex;align-items:center;gap:6px;padding:4px 6px;font-size:12px;text-align:left}.swatch.active{border-color:var(--blu);background:var(--blu-chiaro);color:var(--blu)}.swatch-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip{width:16px;height:16px;border-radius:3px;border:1px solid rgba(0,0,0,.18);flex:none;display:inline-block}.chip.big{width:34px;height:34px;border-radius:6px}.piece-head{display:flex;gap:10px;align-items:center;margin-bottom:10px}.stats{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0 0 12px;font-size:12.5px}.stats dt{color:var(--grigio)}.stats dd{margin:0;font-weight:600;text-align:right}.buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.buttons button{font-size:12.5px;padding:5px 8px}.bar{display:flex;height:14px;border-radius:4px;overflow:hidden;border:1px solid var(--bordo);margin:10px 0}.legend{list-style:none;padding:0;margin:0;font-size:12.5px}.legend li{display:flex;align-items:center;gap:8px;padding:3px 0}.legend .pct{margin-left:auto;font-weight:600}@media(max-width:900px){.app{grid-template-columns:1fr;grid-template-rows:auto auto 60vh auto;grid-template-areas:"top" "tools" "stage" "side";height:auto}.topbar{flex-wrap:wrap;padding:8px 16px}.brand{min-width:0}.credit{display:none}.toolbar{border-right:none;border-bottom:1px solid var(--bordo)}.tool-group{flex-direction:row;flex-wrap:wrap}.hintbar{display:none}}.zoom{position:absolute;top:12px;right:12px;display:flex;gap:4px;z-index:1}.zoom button{min-width:32px;padding:4px 8px;background:#fffffff2}.confirmbar{position:absolute;top:12px;left:12px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;max-width:calc(100% - 200px);padding:8px 10px 8px 14px;background:#fff;border:1px solid var(--blu);border-radius:8px;box-shadow:0 6px 20px #141e4626;z-index:2}button.primary{background:var(--blu);border-color:var(--blu);color:#fff}button.primary:hover:not(:disabled){background:var(--blu-scuro);color:#fff}.gloss{pointer-events:none;mix-blend-mode:screen}.chip{background-size:cover;background-position:center}.swatch.new{justify-content:center;color:var(--blu);border-style:dashed}.field.grow{flex:1;min-width:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#141a3273;display:grid;place-items:center;padding:16px;z-index:10}.modal{background:var(--pannello);border-radius:12px;width:min(860px,100%);max-height:calc(100vh - 32px);overflow:auto;box-shadow:0 20px 60px #0a102859;display:flex;flex-direction:column}.modal header,.modal footer{display:flex;align-items:center;gap:8px;padding:14px 18px}.modal header{border-bottom:1px solid var(--bordo)}.modal header h2{margin:0;font-size:16px;color:var(--blu);flex:1}.modal footer{border-top:1px solid var(--bordo);justify-content:flex-end}.modal .close{border:none;font-size:22px;line-height:1;padding:2px 8px}.modal-body{display:grid;grid-template-columns:300px 1fr;gap:20px;padding:16px 18px}.modal textarea{font:inherit;color:inherit;border:1px solid var(--bordo);border-radius:6px;padding:6px 8px;resize:vertical}.modal input[type=color]{height:34px;padding:2px}.creator-form>button{width:100%;margin-bottom:8px}.creator-form .hint{margin:0 0 12px}.creator-proposals{display:flex;flex-direction:column;gap:10px;min-width:0}.proposals-head{display:flex;align-items:center;justify-content:space-between}.segmented{display:flex}.segmented button{border-radius:0;font-size:12.5px;padding:4px 10px}.segmented button:first-child{border-radius:6px 0 0 6px}.segmented button:last-child{border-radius:0 6px 6px 0;border-left:none}.segmented button.active{background:var(--blu);border-color:var(--blu);color:#fff}.proposals{display:grid;grid-template-columns:1fr 1fr;gap:10px}.proposal{padding:4px;display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--grigio)}.proposal img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px;display:block}.proposal.active{border:2px solid var(--blu);color:var(--blu);font-weight:600}@media(max-width:720px){.modal-body{grid-template-columns:1fr}}.tabs{display:flex;background:#ffffff1f;border-radius:8px;padding:3px;gap:2px}.tabs button{background:transparent;border:none;color:#fff;padding:5px 14px;border-radius:6px;font-weight:600}.tabs button:hover:not(:disabled):not(.active){color:#fff;background:#ffffff1f}.tabs button.active{background:#fff;color:var(--blu)}.app.view-pavimento,.app.view-pianta,.app.view-3d{grid-template-columns:0 1fr 320px}.app.view-pavimento .toolbar,.app.view-pianta .toolbar,.app.view-3d .toolbar{display:none}.floor-wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.floor-stage{position:absolute}.floor-stage canvas{display:block}.dim-h,.dim-v{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--grigio);font-size:12px}.dim-h{left:0;height:20px;border-bottom:1px solid #9aa1b5}.dim-h span,.dim-v span{background:var(--sfondo);padding:0 6px;transform:translateY(10px)}.dim-v{top:0;width:20px;border-right:1px solid #9aa1b5}.dim-v span{transform:rotate(-90deg) translateY(10px);white-space:nowrap}.dim-note{position:absolute;font-size:12px;color:var(--grigio);white-space:nowrap}.floor-busy{position:absolute;top:12px;right:12px;font-size:12px;color:var(--grigio);background:#fff;border:1px solid var(--bordo);border-radius:6px;padding:4px 8px}.band,.band .check{margin-bottom:6px}.band.disabled{opacity:.5}.proposals-list{display:flex;flex-direction:column;gap:6px}.centering{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:8px 10px}.centering.active{border-color:var(--blu);background:var(--blu-chiaro)}.centering-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.centering-stats{font-size:12px;color:var(--testo)}.pill{font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:10px;letter-spacing:.02em}.pill.good{background:#e3f2e9;color:#2f7d4f}.pill.warn{background:#fdeceb;color:#b42318}.warning{font-size:12px;color:#8a2a1c;background:#fdeceb;border-radius:6px;padding:6px 8px;margin:8px 0 0}.band .field.small{width:110px}.room3d{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#1b2233}.room3d canvas{display:block;cursor:grab}.room3d canvas:active{cursor:grabbing}.segmented.full button{flex:1}.xr-buttons{position:absolute;top:12px;left:12px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;max-width:calc(100% - 24px)}.xr-note{font-size:12px;color:#fff;background:#141c34b3;border-radius:6px;padding:5px 9px}.xr-note.error{background:#961e14d9}.xr-keys{padding-left:16px;margin:0}.canvas.plan{background:#f4f5f8}.canvas.plan.tool-muri,.canvas.plan.tool-scala,.canvas.plan.tool-porta,.canvas.plan.tool-finestra,.canvas.plan.tool-riconosci{cursor:crosshair}.canvas.plan.tool-sfondo{cursor:move}.pg{stroke:#28325a14;stroke-width:.5}.pg.major{stroke:#28325a2e;stroke-width:1}.dxf{stroke:#6b7aa8;stroke-width:1}.plan-floor{fill:#f3efe8bf}.plan-walls{fill:#3b4152;pointer-events:none}.wall-hit{fill:transparent;cursor:pointer}.wall-hit:hover{fill:#25368959}.wall-hit.selected{fill:#25368999}.opening{stroke:#3b4152;stroke-width:1;vector-effect:non-scaling-stroke;cursor:grab}.opening.finestra{fill:#cfe3f7}.opening.porta{fill:#f2e6d4}.opening.selected{stroke:var(--blu);stroke-width:3}.door-swing{fill:none;stroke:#8a8f9f;stroke-width:1;stroke-dasharray:4 3;vector-effect:non-scaling-stroke;pointer-events:none}.wall-len{fill:var(--blu-scuro);font-weight:600;cursor:pointer;paint-order:stroke;stroke:#f4f5f8e6;stroke-width:3px;stroke-linejoin:round}.wall-len.selected{fill:var(--blu);text-decoration:underline}.handle.vertex.selected{fill:var(--blu)}.measure polyline{fill:none;stroke:#c2410c;stroke-width:2;stroke-dasharray:6 4}.measure circle{fill:#c2410c}button.full{width:100%;margin-bottom:8px}button.active{border-color:var(--blu);background:var(--blu-chiaro);color:var(--blu)}.link-button{border:none;background:none;color:var(--blu);padding:0;text-decoration:underline;font-size:12.5px;margin-bottom:12px;text-align:left}.shape-btn{white-space:nowrap;margin-bottom:10px}.walls,.openings-list{list-style:none;padding:0;margin:0 0 10px;display:flex;flex-direction:column;gap:4px}.walls li{display:flex;align-items:center;gap:8px}.walls li input{width:90px}.walls li.selected .wall-name{border-color:var(--blu);color:var(--blu)}.wall-name{min-width:80px;font-size:12.5px;padding:4px 8px}.openings-list button{width:100%;text-align:left;font-size:12.5px}.opening-edit,.scale-box,.underlay-tools{margin-top:10px}.modal-body.single{display:block}.import-start .file-drop{display:block;border:2px dashed var(--bordo);border-radius:10px;padding:26px;text-align:center;color:var(--blu);font-weight:600;cursor:pointer;margin:12px 0}.import-start .file-drop input{display:none}.import-start ul{padding-left:18px}.import-image{display:grid;grid-template-columns:1fr 260px;gap:16px}.import-pic{position:relative;min-width:0}.import-pic img{display:block;max-width:100%;max-height:60vh;border:1px solid var(--bordo)}.import-pic img.picking{cursor:crosshair}.import-pic .corners{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.corners polygon{fill:#2536891f;stroke:var(--blu);stroke-width:2}.corners circle{fill:var(--blu)}.corners text{fill:var(--blu);font-weight:700;font-size:14px}@media(max-width:720px){.import-image{grid-template-columns:1fr}}.detect-box{margin-top:10px}