/* Crea la tua casa 3D · usa i colori del sito (variabili --bg, --band, --line, --ink, --muted, --accent, --btn) */
.cc{border:1px solid var(--line);border-bottom:0;background:var(--bg);font-size:15px}
.cc-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid var(--line);background:var(--band)}
.cc-tab{display:flex;align-items:center;gap:10px;padding:14px 16px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);font:600 .92rem var(--f-head);text-align:left;cursor:pointer;min-width:0}
.cc-tab:last-child{border-right:0}
.cc-tab span{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1.5px solid currentColor;font-size:.8rem}
.cc-tab[aria-selected="true"]{background:var(--bg);color:var(--ink);box-shadow:inset 0 -3px 0 var(--btn)}
.cc-tab[aria-selected="true"] span{background:var(--btn);border-color:var(--btn);color:#1E1E1E}
.cc-tab:hover{color:var(--ink)}
.cc-body{padding:22px 24px 18px}
.cc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px 32px;align-items:start}
.cc-row{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center}
.cc-row label,.cc-lab{font:600 .86rem var(--f-head);color:var(--ink)}
.cc-row output{font:600 .9rem var(--f-head);color:var(--accent);font-variant-numeric:tabular-nums}
.cc-row input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--accent);height:28px;margin:0}
.cc-choice{grid-template-columns:1fr}
.cc-seg{display:flex;flex-wrap:wrap;border:1px solid var(--line);width:max-content;max-width:100%}
.cc-seg button{border:0;border-right:1px solid var(--line);background:var(--bg);color:var(--ink);padding:9px 16px;font:600 .88rem var(--f-head);cursor:pointer;min-height:40px}
.cc-seg button:last-child{border-right:0}
.cc-seg button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
.cc-seg button:disabled{color:var(--muted);opacity:.45;cursor:not-allowed}
.cc-note{margin:0;font-size:.86rem;color:var(--muted);grid-column:1/-1}
.cc-warn{color:var(--accent);font-weight:600}
.cc-walls{grid-column:1/-1;display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:24px;align-items:start}
.cc-plan{width:100%;height:auto;display:block;max-height:240px}
.cc-plan-f{fill:var(--band);stroke:none}
.cc-w line{stroke:#C9B48A;stroke-width:var(--sw,260);stroke-linecap:square}
.cc-w circle{fill:var(--bg);stroke:var(--line);stroke-width:60}
.cc-w text{fill:var(--ink);font-family:var(--f-head);font-weight:700;text-anchor:middle;dominant-baseline:central}
.cc-w{cursor:pointer;outline:none}
.cc-w.on line{stroke:var(--btn)}
.cc-w.on circle{fill:var(--btn);stroke:var(--btn)}
.cc-w:focus-visible circle{stroke:var(--ink);stroke-width:90}
.cc-wlist{display:grid;gap:0;border-top:1px solid var(--line);max-height:300px;overflow:auto}
.cc-wrow{border-bottom:1px solid var(--line);padding:8px 4px}
.cc-wrow.on{background:color-mix(in srgb,var(--btn) 12%,transparent)}
.cc-wname{border:0;background:none;padding:4px 0;font:600 .9rem var(--f-head);color:var(--ink);cursor:pointer}
.cc-wname b{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:6px;background:var(--ink);color:var(--bg);font-size:.75rem}
.cc-wrow.on .cc-wname b{background:var(--btn);color:#1E1E1E}
.cc-wctr{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;padding-top:4px}
.cc-wc{display:flex;align-items:center;gap:10px;font-size:.86rem;color:var(--muted)}
.cc-step{display:inline-flex;align-items:center;border:1px solid var(--line)}
.cc-step button{width:34px;height:34px;border:0;background:var(--bg);color:var(--ink);font:600 1.1rem var(--f-head);cursor:pointer}
.cc-step button:disabled{opacity:.3;cursor:not-allowed}
.cc-step span{min-width:28px;text-align:center;font:700 .95rem var(--f-head);color:var(--ink)}
.cc-chk{display:flex;align-items:center;gap:8px;cursor:pointer}
.cc-chk input{width:18px;height:18px;accent-color:var(--accent);margin:0;flex:none}
.cc-nav{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.cc-area{margin:0;font-size:.9rem;color:var(--muted)}
.cc-area b{color:var(--ink)}
.cc-btns{display:flex;gap:10px;margin-left:auto}
.cc-btns .btn{cursor:pointer;border:0}
.cc-ghost{border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:12px 18px;font:600 .9rem var(--f-head);cursor:pointer}
.cc-form{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px}
.cc-form label{display:grid;gap:6px;font:600 .84rem var(--f-head);color:var(--ink)}
.cc-form input:not([type=checkbox]),.cc-form textarea{font:400 .95rem var(--f-body,inherit);padding:11px 12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:0;width:100%;box-sizing:border-box}
.cc-form input:focus,.cc-form textarea:focus{outline:2px solid var(--btn);outline-offset:0;border-color:var(--btn)}
.cc-form .cc-chk{display:flex;font-weight:400;font-family:inherit;font-size:.88rem;color:var(--muted)}
.cc-form .cc-chk a{color:var(--accent)}
.cc-wide,.cc-ft{grid-column:1/-1}
.cc-ft h3{margin:0 0 6px;font:700 1.3rem var(--f-head);color:var(--ink)}
.cc-ft p{margin:0;color:var(--muted);max-width:68ch}
.cc-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.cc-sendrow{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.cc-sendrow .btn{border:0;cursor:pointer}
.cc-msg{margin:0;font-size:.9rem;color:var(--muted)}
.cc-msg.err{color:#B3261E}
@media (max-width:900px){
  .cc-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
  .cc-tab{flex-direction:column;justify-content:center;text-align:center;gap:6px;padding:10px 6px;font-size:.74rem;line-height:1.2}
  .cc-walls{grid-template-columns:1fr}
  .cc-plan{max-height:190px}
}
@media (max-width:560px){
  .cc-body{padding:18px 16px 14px}
  .cc-form{grid-template-columns:1fr}
  .cc-btns{width:100%}
  .cc-btns>*{flex:1;justify-content:center;text-align:center}
}
/* pareti interne */
.cc-inner{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr);gap:24px;align-items:start}
.cc-iplan{border:1px solid var(--line);background:var(--band)}
.cc-iplansvg{display:block;width:100%;height:auto;max-height:420px;touch-action:none;cursor:crosshair;user-select:none}
.cc-dot{fill:var(--muted);opacity:.35}
.cc-ext{fill:var(--bg);stroke:#C39A5B;stroke-width:200;stroke-linejoin:miter}
.cc-in{stroke:#9A6B00;stroke-width:130;stroke-linecap:butt}
.cc-prev{stroke:var(--btn);stroke-width:130;stroke-dasharray:260 160}
.cc-itag circle{fill:var(--ink)}
.cc-itag text{fill:var(--bg);font:700 260px var(--f-head);text-anchor:middle;dominant-baseline:central}
.cc-dim{fill:var(--muted);font:600 300px var(--f-head);text-anchor:middle}
.cc-iside{display:grid;gap:14px;align-content:start}
.cc-ilist{display:grid;border-top:1px solid var(--line)}
.cc-irow{display:flex;align-items:center;gap:14px;padding:9px 2px;border-bottom:1px solid var(--line)}
.cc-iname{flex:1;font:600 .9rem var(--f-head);color:var(--ink)}
.cc-iname b{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:8px;background:var(--ink);color:var(--bg);font-size:.75rem}
.cc-del{width:32px;height:32px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:600 1.1rem var(--f-head);cursor:pointer}
.cc-del:hover{border-color:#B3261E;color:#B3261E}
@media (max-width:900px){.cc-inner{grid-template-columns:1fr}.cc-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}}
/* nella pagina Crea la tua casa il visore mostra solo il modello del cliente */
#crea ~ .ifcv .ifcv-actions,#crea ~ .ifcv .ifcv-hint{display:none}