.step-quote-tools[hidden], .step-quote-measurement[hidden] { display:none!important; }
.step-quote-tools, .step-quote-measurement {
    position:absolute; z-index:12; left:18px; border:1px solid rgba(98,141,145,.45);
    border-radius:10px; padding:10px; color:#e7f3f2; background:rgba(16,39,46,.94);
    box-shadow:0 6px 18px rgba(0,0,0,.16); font:12px/1.4 system-ui,sans-serif;
}
.step-quote-tools { bottom:74px; display:flex; flex-wrap:wrap; align-items:end; gap:8px; max-width:min(440px,calc(100% - 36px)); }
.step-quote-tools label { display:flex; flex-direction:column; gap:3px; margin:0; color:#c3dcd9; font-size:11px; }
.step-quote-tools select { padding:6px; min-height:34px; max-width:210px; background:#183c44; color:#eff8f5; border:1px solid #547878; border-radius:6px; }
.step-quote-tools small { flex-basis:100%; color:#bad3cf; }
.step-quote-measurement { top:76px; width:min(300px,calc(100% - 36px)); pointer-events:none; }
.step-quote-measurement p { margin:0; }
.step-measure-row { display:flex; justify-content:space-between; gap:12px; margin-top:6px; }
.step-measure-row[data-role="primary"] { color:#35ddd4; }
.step-measure-row[data-role="reference"] { color:#ff654f; }
.drawing-workspace.has-webgl .step-cad-hud { display:none; }
@media(max-width:600px) {
    .step-quote-tools { left:10px; bottom:68px; padding:7px; gap:5px; max-width:calc(100% - 20px); }
    .step-quote-tools select { max-width:180px; }
    .step-quote-tools small { display:none; }
    .step-quote-measurement { left:10px; top:116px; }
}