.drapery-calculator-workbench{background:hsla(var(--bg-surface) / .95);border:1px solid hsla(var(--border-subtle) / .85);border-radius:var(--radius-xl,16px);box-shadow:var(--shadow-md,0 10px 30px #0003);margin:.75rem auto 2.5rem;padding:clamp(1.25rem,3vw,2.5rem);position:relative;overflow:hidden}.workbench-container{max-width:1200px;margin:0 auto}.workbench-header{border-bottom:1px solid hsla(var(--border-subtle) / .6);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:.85rem;display:flex}.workbench-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:hsl(var(--brand-primary));align-items:center;gap:.6rem;font-size:.85rem;font-weight:700;display:inline-flex}.pulse-indicator{background:hsl(var(--brand-primary));width:8px;height:8px;box-shadow:0 0 10px hsl(var(--brand-primary));border-radius:50%}.unit-select,.styled-select,.numeric-input,.room-input{background:hsla(var(--bg-surface-elevated) / .9);border:1px solid hsla(var(--border-subtle) / .9);border-radius:var(--radius-md,8px);min-height:48px;color:hsl(var(--text-primary));outline:none;padding:.6rem .85rem;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.unit-select:focus,.styled-select:focus,.numeric-input:focus,.room-input:focus{border-color:hsl(var(--brand-primary));box-shadow:0 0 0 3px hsla(var(--brand-primary) / .2)}.workbench-grid{grid-template-columns:1fr;gap:1.75rem;display:grid}@media (width>=960px){.workbench-grid{grid-template-columns:1.15fr 1fr}}.inputs-row{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem;display:grid}.control-group,.input-group,.select-group{flex-direction:column;gap:.4rem;display:flex}.control-label{color:hsl(var(--text-secondary));align-items:center;gap:.35rem;font-size:.85rem;font-weight:600;display:flex}.hint-text{color:hsl(var(--text-muted));font-size:.75rem;font-weight:400}.numeric-input{width:100%;font-size:1.1rem;font-weight:700}.selectors-row{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.project-tag-row{border-top:1px dashed hsla(var(--border-subtle) / .6);flex-wrap:wrap;align-items:center;gap:.75rem;padding-top:1rem;display:flex}.room-input-wrapper{flex:200px}.room-input{width:100%}.button-group{flex-wrap:wrap;gap:.5rem;display:flex}.btn-action-primary,.btn-action-secondary{border-radius:var(--radius-md,8px);cursor:pointer;white-space:nowrap;align-items:center;gap:.45rem;min-height:48px;padding:0 1.25rem;font-size:.88rem;font-weight:600;transition:transform .15s,background .2s,border-color .2s;display:inline-flex}.btn-action-primary{background:hsl(var(--brand-primary));color:hsl(var(--text-on-primary,220 25% 10%));border:1px solid hsl(var(--brand-primary))}.btn-action-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-action-secondary{background:hsla(var(--bg-surface-elevated) / .8);color:hsl(var(--text-primary));border:1px solid hsla(var(--border-subtle) / .9)}.btn-action-secondary:hover{background:hsla(var(--bg-surface-elevated) / 1);border-color:hsl(var(--brand-primary))}.telemetry-card{background:hsla(var(--bg-surface-elevated) / .65);border:1px solid hsla(var(--border-subtle) / .85);border-radius:var(--radius-lg,12px);flex-direction:column;justify-content:space-between;padding:1.5rem;display:flex}.telemetry-header{border-bottom:1px solid hsla(var(--border-subtle) / .5);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex}.telemetry-title{text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--text-secondary));font-size:.88rem;font-weight:700}.telemetry-sync-indicator{border-radius:var(--radius-full,9999px);background:hsla(var(--brand-primary) / .15);color:hsl(var(--brand-primary));border:1px solid hsla(var(--brand-primary) / .3);white-space:nowrap;padding:.2rem .55rem;font-size:.72rem;font-weight:700}.specs-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.25rem;display:grid}.spec-cell{background:hsla(var(--bg-surface) / .7);border:1px solid hsla(var(--border-subtle) / .6);border-radius:var(--radius-md,8px);flex-direction:column;gap:.25rem;padding:.85rem;display:flex}.primary-spec{border-color:hsla(var(--brand-primary) / .4);background:hsla(var(--brand-primary) / .05)}.accent-spec{border-color:hsla(var(--brand-secondary) / .4);background:hsla(var(--brand-secondary) / .05)}.spec-caption{color:hsl(var(--text-muted));text-transform:uppercase;letter-spacing:.04em;font-size:.76rem;font-weight:600}.spec-value-box .stat-value{color:hsl(var(--text-primary));letter-spacing:-.02em;font-feature-settings:"tnum";font-size:1.35rem;font-weight:800;display:block}.spec-subtext{color:hsl(var(--text-muted));font-size:.72rem}.telemetry-footer{border-top:1px solid hsla(var(--border-subtle) / .5);color:hsl(var(--text-secondary));padding-top:.85rem;font-size:.82rem}.cut-length-note strong{color:hsl(var(--brand-primary))}.calculator-toast{background:hsl(var(--text-primary));color:hsl(var(--bg-canvas));border-radius:var(--radius-md,8px);opacity:0;pointer-events:none;z-index:1000;padding:.75rem 1.25rem;font-size:.88rem;font-weight:600;transition:opacity .25s,transform .25s;position:fixed;bottom:2rem;right:2rem;transform:translateY(10px);box-shadow:0 10px 25px #0000004d}.calculator-toast.visible{opacity:1;transform:translateY(0)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.unit-segmented-group{background:hsla(var(--bg-surface-elevated) / .85);border:1px solid hsla(var(--border-subtle) / .9);border-radius:var(--radius-full,9999px);gap:3px;padding:3px;display:inline-flex}.unit-seg-btn{border-radius:var(--radius-full,9999px);min-height:40px;color:hsl(var(--text-muted));cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.unit-seg-btn.active{background:hsl(var(--brand-primary));color:hsl(var(--text-on-primary,220 25% 10%));box-shadow:0 2px 8px hsla(var(--brand-primary) / .3)}.instant-result-strip{background:hsla(var(--brand-primary) / .08);border:1px solid hsla(var(--brand-primary) / .25);border-radius:var(--radius-md,8px);flex-wrap:wrap;justify-content:space-around;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.65rem .85rem;display:flex}.instant-chip{align-items:baseline;gap:.4rem;display:flex}.chip-label{color:hsl(var(--text-muted));text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.instant-chip .stat-value{color:hsl(var(--brand-primary));font-feature-settings:"tnum";font-size:1.15rem;font-weight:800}.tactile-controls-stack{flex-direction:column;gap:1.25rem;margin-bottom:1.5rem;display:flex}.tactile-field-group{flex-direction:column;gap:.5rem;display:flex}.tactile-seg-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}@media (width>=600px){.tactile-seg-grid{grid-template-columns:repeat(4,1fr)}.fullness-grid{grid-template-columns:repeat(3,1fr)}}.tactile-seg-btn{background:hsla(var(--bg-surface-elevated) / .7);border:1px solid hsla(var(--border-subtle) / .8);border-radius:var(--radius-md,8px);text-align:center;cursor:pointer;min-height:52px;color:hsl(var(--text-primary));flex-direction:column;justify-content:center;align-items:center;padding:.5rem .65rem;transition:all .18s;display:flex}.tactile-seg-btn:hover{background:hsla(var(--bg-surface-elevated) / 1);border-color:hsl(var(--brand-primary))}.tactile-seg-btn.active{background:hsla(var(--brand-primary) / .12);border-color:hsl(var(--brand-primary));box-shadow:0 0 0 1px hsl(var(--brand-primary));color:hsl(var(--text-primary))}.tactile-seg-btn.active .seg-title{color:hsl(var(--brand-primary))}.seg-title{color:hsl(var(--text-primary));font-size:.85rem;font-weight:700;line-height:1.2}.seg-sub{color:hsl(var(--text-muted));margin-top:2px;font-size:.72rem;line-height:1.2}@media (width<=768px){.drapery-calculator-workbench{margin:.25rem 0 1.5rem;padding:.65rem}.workbench-header{justify-content:center;margin-bottom:.4rem;padding-bottom:.35rem}.workbench-eyebrow{display:none}.unit-segmented-group{padding:2px}.unit-seg-btn{min-height:34px;padding:0 .75rem;font-size:.8rem}.inputs-row{gap:.5rem;margin-bottom:.4rem}.control-label{font-size:.75rem}.hint-text{display:none}.numeric-input{min-height:40px;padding:.4rem .6rem;font-size:1rem}.instant-result-strip{margin-bottom:.65rem;padding:.4rem .6rem}.chip-label{font-size:.7rem}.instant-chip .stat-value{font-size:1rem}}.header-actions-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.btn-print-sheet{min-height:40px;padding:0 .85rem;font-size:.82rem}.room-preset-chips{flex-wrap:wrap;align-items:center;gap:.4rem;width:100%;margin-bottom:.5rem;display:flex}.preset-label{color:hsl(var(--text-muted));text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:700}.room-preset-btn{background:hsla(var(--bg-surface-elevated) / .8);border:1px solid hsla(var(--border-subtle) / .9);border-radius:var(--radius-full,9999px);color:hsl(var(--text-secondary));cursor:pointer;padding:.3rem .7rem;font-size:.76rem;font-weight:600;transition:all .15s}.room-preset-btn:hover{background:hsl(var(--brand-primary));color:hsl(var(--text-on-primary,220 25% 10%));border-color:hsl(var(--brand-primary))}.multi-room-scratchpad-panel{background:hsla(var(--bg-surface-elevated) / .5);border:1px solid hsla(var(--border-subtle) / .8);border-radius:var(--radius-lg,12px);margin-top:2rem;padding:1.25rem}.scratchpad-header-bar{border-bottom:1px solid hsla(var(--border-subtle) / .6);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.65rem;display:flex}.scratchpad-title-group{align-items:center;gap:.5rem;display:flex}.scratchpad-title{color:hsl(var(--text-primary));margin:0;font-size:.92rem;font-weight:700}.scratchpad-badge{border-radius:var(--radius-full,9999px);background:hsla(var(--brand-primary) / .15);color:hsl(var(--brand-primary));padding:.15rem .55rem;font-size:.72rem;font-weight:600}.btn-clear-all{color:hsl(var(--text-muted));cursor:pointer;background:0 0;border:none;font-size:.75rem}.btn-clear-all:hover{color:#ef4444}.saved-rooms-grid{grid-template-columns:1fr;gap:.75rem;display:grid}@media (width>=640px){.saved-rooms-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.saved-room-card{background:hsla(var(--bg-surface) / .9);border:1px solid hsla(var(--border-subtle) / .8);border-radius:var(--radius-md,8px);flex-direction:column;gap:.65rem;padding:.85rem;display:flex}.room-card-head{justify-content:space-between;align-items:baseline;display:flex}.saved-room-title{color:hsl(var(--text-primary));font-size:.88rem;font-weight:700}.saved-room-dims{color:hsl(var(--text-muted));font-feature-settings:"tnum";font-size:.75rem}.room-specs-inline{flex-wrap:wrap;gap:.35rem;display:flex}.spec-pill{background:hsla(var(--bg-surface-elevated) / .8);border-radius:var(--radius-sm,4px);color:hsl(var(--text-secondary));padding:.2rem .45rem;font-size:.72rem}.btn-delete-room{border:1px solid hsla(var(--border-subtle) / .8);border-radius:var(--radius-sm,4px);color:hsl(var(--text-muted));cursor:pointer;background:0 0;align-self:flex-end;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.72rem;display:inline-flex}.btn-delete-room:hover{color:#ef4444;background:#ef444415;border-color:#ef4444}.empty-scratchpad-text{color:hsl(var(--text-muted));text-align:center;margin:0;padding:1.5rem 0;font-size:.84rem}@media print{body *{visibility:hidden}#drapery-calculator,#drapery-calculator *{visibility:visible}#drapery-calculator{width:100%;box-shadow:none;border:none;margin:0;padding:1rem;position:absolute;top:0;left:0;color:#000!important;background:#fff!important}.header-actions-row,.button-group,.room-preset-chips,.room-input-wrapper,.btn-action-primary,.btn-action-secondary,.calculator-toast{display:none!important}}
