/*!/wp-content/plugins/xt-configurateur-baie/assets/css/parts/preview.css*/.xt-preview-card{background:var(--xt-bg-white);border-radius:var(--r);border:1px solid var(--xt-border);box-shadow:var(--sh-sm);overflow:hidden}.xt-preview-topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--s3) var(--s5);background:var(--xt-bg-light);border-bottom:1px solid var(--xt-border)}.xt-preview-label{display:flex;align-items:center;gap:var(--s2);font-size:var(--font-md);font-weight:600;color:var(--xt-text-dark)}.xt-step-dot{width:22px;height:22px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-xs);font-weight:700;flex-shrink:0;color:var(--xt-primary);background:var(--xt-primary-soft)}.xt-recap-header-row .xt-step-dot{background:rgb(255 255 255 / .12);color:rgb(255 255 255 / .7)}.xt-preview-canvas{padding:var(--s4)}.xt-rack-frame{background:#fff;border-radius:var(--r);padding:var(--s2);border:1px solid var(--xt-border)}.xt-rack-svg-frame{display:flex;justify-content:center}.xt-rack-svg-wrapper{width:100%;max-width:320px;margin-inline:auto;max-height:520px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--xt-border-mid) #fff0}.xt-rack-svg-wrapper .xt-rack-svg{display:block;width:100%;height:auto}.xt-section-rack.xt-rack-disabled .xt-rack-frame{filter:grayscale(1);opacity:.3;pointer-events:none}.xt-rack-disabled-overlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;text-align:center;padding:var(--s6);background:rgb(0 0 0 / .75);color:rgb(255 255 255 / .8);font-size:var(--font-sm);border-radius:8px;z-index:2}.xt-rack-slot-g[data-placeable="true"] .xt-rack-slot-hit{stroke:var(--xt-primary);stroke-width:1;stroke-dasharray:3 2}.xt-rack-slot-hit:hover{fill:rgb(13 115 119 / .2);cursor:pointer}.xt-configurateur-baie .xt-slot-remove:hover rect{fill:var(--xt-error)}.xt-preview-footer{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s5);background:var(--xt-bg-light);border-top:1px solid var(--xt-border)}.xt-preview-footer-label{font-size:var(--font-xs);font-weight:600;color:var(--xt-text-muted);white-space:nowrap}.xt-recap-u-bar-row{display:flex;align-items:center;gap:var(--s3);flex:1}.xt-recap-u-bar{flex:1;min-width:0;height:6px;border-radius:8px;background:var(--xt-border);overflow:hidden}.xt-recap-u-bar-fill{height:100%;border-radius:8px;background:linear-gradient(90deg,var(--xt-primary),color-mix(in srgb,var(--xt-primary) 60%,#38bdf8));transition:width var(--ease)}.xt-recap-u-value{font-size:var(--font-sm);color:var(--xt-text-muted);font-variant-numeric:tabular-nums;flex-shrink:0}