.calc-route{min-height:100%}.calc-route:has(.calc-app){height:100%;overflow:hidden}.calc-panel{max-width:64rem;margin-left:auto;margin-right:auto}.calc-panel--workspace{max-width:none}.calc-panel--wide{max-width:80rem}.calc-breadcrumb{align-items:center;gap:6px;margin-bottom:12px;display:inline-flex}.calc-intro{font-size:var(--font-size-base);color:var(--text-color-muted,#666);margin:8px 0 0;line-height:1.5}.calc-panel .site-tools-page__header{margin-bottom:16px}.calc-section{border:1px solid var(--border-default,#ddd);border-radius:var(--ff-section-radius,4px);background:var(--hrm-card-bg,#fff)}.calc-section__header{border-bottom:1px solid var(--border-default,#ddd);background:var(--hrm-header-bg,#f0f0f0);padding:8px 12px}.calc-section__header h2,.calc-section__header h3{font-size:var(--font-size-base);color:var(--text-color-heading,#333);margin:0;font-weight:700}.calc-section__body{padding:12px}.calc-section__header--accent{background:var(--site-brand-red,#e60000);border-bottom-color:var(--site-brand-red-dark,#c00);color:#fff}.calc-section__header--accent h2,.calc-section__header--accent h3{color:#fff}.calc-results-value{color:var(--text-color-heading,#333);font-size:1.875rem;font-weight:700;line-height:1.2}.calc-results-value--accent{color:var(--site-brand-red,#e60000)}.calc-meta-label{font-size:var(--font-size-meta);color:var(--text-color-muted,#666);margin:0 0 4px}.calc-hint{font-size:var(--font-size-meta);color:var(--text-color-faint,#999);margin:4px 0 0}.calc-divider{border-top:1px solid var(--border-default,#eee);padding-top:12px}.calc-add-row{border:1px dashed var(--border-default,#ccc);border-radius:var(--ff-section-radius,4px);background:var(--hrm-sidebar-muted-bg,#fafafa);width:100%;font-size:var(--font-size-base);color:var(--text-color-muted,#666);cursor:pointer;padding:12px;transition:border-color .15s,color .15s,background-color .15s;display:block}.calc-add-row:hover{border-color:var(--site-brand-red,#e60000);color:var(--site-brand-red,#e60000);background:var(--hrm-card-bg,#fff)}.calc-panel label{font-size:var(--font-size-meta);color:var(--text-color-muted,#666);margin-bottom:4px;font-weight:700;display:block}.calc-panel input[type=text],.calc-panel input[type=number],.calc-panel input[type=search],.calc-panel textarea{border:1px solid var(--border-default,#ddd);border-radius:var(--ff-section-radius,4px);background:var(--ff-input-bg,#fff);width:100%;min-height:28px;font-family:var(--font-family-ui);font-size:var(--ff-control-font-size,12px);font-weight:var(--ff-control-font-weight,600);line-height:var(--ff-control-line-height,14px);color:var(--text-color-heading,#333);padding:4px 8px}.calc-panel input:focus,.calc-panel textarea:focus,.calc-panel select:focus{border-color:var(--site-brand-red,#e60000);outline:none}.calc-panel select{border:1px solid var(--border-default,#ddd);border-radius:var(--ff-section-radius,4px);background:var(--ff-input-bg,#fff);min-height:28px;font-family:var(--font-family-ui);font-size:var(--ff-control-font-size,12px);font-weight:var(--ff-control-font-weight,600);color:var(--text-color-heading,#333);padding:4px 8px}.calc-panel input[type=checkbox]{width:14px;height:14px;accent-color:var(--site-brand-red,#e60000)}.calc-stat-card{border:1px solid var(--border-default,#eee);border-radius:var(--ff-section-radius,4px);background:var(--hrm-sidebar-muted-bg,#f8f8f8);padding:8px}.calc-board-swatch{flex-shrink:0;width:12px;height:12px;display:inline-block}.calc-board-swatch--lg{width:16px;height:16px}.calc-diagram-canvas{border:1px solid var(--border-default,#ddd);background:var(--hrm-sidebar-muted-bg,#f5f5f5);margin-left:auto;margin-right:auto;position:relative;overflow:hidden}.calc-diagram-empty{text-align:center;font-size:var(--font-size-base);color:var(--text-color-faint,#999);padding:48px 16px}.calc-diagram-dims{font-size:var(--font-size-meta);color:var(--text-color-muted,#666);justify-content:space-between;margin-top:16px;display:flex}.calc-diagram-legend{font-size:var(--font-size-meta);color:var(--text-color-body,#333);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.calc-diagram-legend__item{align-items:center;gap:8px;display:flex}.calc-spacing-label{border-radius:var(--ff-section-radius,4px);background:color-mix(in srgb,var(--hrm-card-bg,#fff)90%,transparent);font-size:var(--font-size-sm,10px);color:var(--text-color-heading,#333);white-space:nowrap;align-items:center;padding:3px 6px;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #00000014}.calc-field-row{align-items:stretch;display:flex}.calc-field-row>input{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0;flex:auto;min-width:0}.calc-field-row select{background:var(--hrm-sidebar-muted-bg,#f8f8f8);border-top-left-radius:0;border-bottom-left-radius:0;flex-shrink:0}.calc-stepper{flex:auto;align-items:stretch;min-width:0;display:flex}.calc-stepper input{text-align:center;border-left:none;border-right:none;border-radius:0;flex:auto;width:auto;min-width:0}.calc-stepper__btn{border:1px solid var(--border-default,#ddd);background:var(--ff-input-bg,#fff);width:28px;min-height:28px;color:var(--text-color-muted,#666);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.calc-stepper__btn i{font-size:9px}.calc-stepper__btn:hover{background:var(--hrm-row-hover,#f5f7fa);color:var(--text-color-heading,#333)}.calc-stepper__btn:first-child{border-top-left-radius:var(--ff-section-radius,4px);border-bottom-left-radius:var(--ff-section-radius,4px)}.calc-stepper--solo .calc-stepper__btn:last-child{border-top-right-radius:var(--ff-section-radius,4px);border-bottom-right-radius:var(--ff-section-radius,4px)}.calc-field-row .calc-stepper+select{border-left:none}.calc-table-shell{border:1px solid var(--border-default,#ddd);border-radius:var(--ff-section-radius,4px);background:var(--hrm-card-bg,#fff);overflow:hidden}.calc-table{border-collapse:collapse;width:100%;font-size:var(--font-size-base)}.calc-table thead{background:var(--hrm-header-bg,#f0f0f0);border-bottom:1px solid var(--border-default,#ddd)}.calc-table th{text-align:left;font-size:var(--font-size-meta);color:var(--text-color-muted,#666);padding:6px 12px;font-weight:600}.calc-table td{border-bottom:1px solid var(--border-default,#eee);color:var(--text-color-muted,#666);padding:6px 12px}.calc-table tbody tr:last-child td{border-bottom:none}.calc-table tbody tr:hover{background:var(--hrm-row-hover,#f5f7fa)}.calc-table td .calc-board-swatch{vertical-align:middle;margin-right:6px}.calc-table tbody tr.is-lit{background:var(--hrm-row-hover,#f5f7fa)}.calc-board-swatch--trim{background:linear-gradient(90deg,#4285f4 0 33%,#ea4335 33% 66%,#34a853 66% 100%)}.calc-bb-project{grid-template-columns:72px minmax(0,20rem);align-items:center;gap:8px;margin-bottom:10px;display:grid}.calc-bb-project label{margin-bottom:0}.calc-bb-stack{flex-direction:column;gap:24px;display:flex}.calc-bb .calc-section__header{padding:6px 8px}.calc-bb .calc-table-shell{border:none;border-radius:0}.calc-bb .calc-table th,.calc-bb .calc-table td{padding:4px 8px}.calc-measure-sheet{flex-direction:column;display:flex}.calc-measure{border:none;border-bottom:1px solid var(--border-default,#ddd);background:var(--hrm-card-bg,#fff);border-left:3px solid #0000;border-radius:0;grid-template-columns:8px minmax(7.5rem,.9fr) minmax(0,1.4fr);align-items:center;gap:8px;min-height:32px;padding:2px 8px;display:grid}.calc-measure:last-child{border-bottom:none}.calc-measure.is-active{background:var(--hrm-row-hover,#f5f7fa)}.calc-measure[data-tone=blue]{border-left-color:#4285f4}.calc-measure[data-tone=red]{border-left-color:#ea4335}.calc-measure[data-tone=green]{border-left-color:#34a853}.calc-measure[data-tone=orange]{border-left-color:#fbbc04}.calc-measure[data-tone=gray]{border-left-color:#999}.calc-measure[data-tone=trim]{border-left-color:#4285f4}.calc-measure__swatch{border-radius:1px;width:8px;height:8px}.calc-measure[data-tone=blue] .calc-measure__swatch{background:#4285f4}.calc-measure[data-tone=red] .calc-measure__swatch{background:#ea4335}.calc-measure[data-tone=green] .calc-measure__swatch{background:#34a853}.calc-measure[data-tone=orange] .calc-measure__swatch{background:#fbbc04}.calc-measure[data-tone=gray] .calc-measure__swatch{background:#999}.calc-measure[data-tone=trim] .calc-measure__swatch{background:linear-gradient(#4285f4 0 33%,#ea4335 33% 66%,#34a853 66% 100%)}.calc-measure__label{font-size:var(--font-size-meta);color:var(--text-color-heading,#333);margin:0;font-weight:700}.calc-measure__control{min-width:0}.calc-measure__top-trim{align-items:center;gap:6px;display:flex}.calc-measure__top-trim .calc-field-row{flex:auto;min-width:0}.calc-panel .calc-measure__check{font-size:var(--font-size-meta);color:var(--text-color-heading,#333);white-space:nowrap;align-items:center;gap:4px;margin:0;font-weight:600;display:flex}.calc-preview-hint{border-left:3px solid var(--border-default,#ddd);background:var(--hrm-sidebar-muted-bg,#f8f8f8);font-size:var(--font-size-meta);color:var(--text-color-heading,#333);margin:0 0 8px;padding:4px 8px}.calc-preview-hint[data-tone=wallWidth]{border-left-color:#4285f4}.calc-preview-hint[data-tone=totalHeight]{border-left-color:#ea4335}.calc-preview-hint[data-tone=trimWidth]{border-left-color:#4285f4}.calc-preview-hint[data-tone=middleBoards]{border-left-color:#34a853}.calc-preview-hint[data-tone=topTrim]{border-left-color:#fbbc04}.calc-preview-hint[data-tone=gateWidth],.calc-preview-hint[data-tone=boardThickness]{border-left-color:#4285f4}.calc-preview-hint[data-tone=gateHeight],.calc-preview-hint[data-tone=grayBoardWidth],.calc-preview-hint[data-tone=grayCount]{border-left-color:#999}.calc-preview-hint[data-tone=redBoardWidth]{border-left-color:#ea4335}.calc-preview-hint[data-tone=lumberLength]{border-left-color:#4285f4}.calc-diagram-frame{grid-template-rows:minmax(0,1fr) 0;grid-template-columns:0 minmax(0,1fr);align-items:stretch;gap:4px;display:grid}:is(.calc-diagram-frame:has([data-focus=totalHeight]),.calc-diagram-frame:has([data-focus=gateHeight])){grid-template-columns:18px minmax(0,1fr)}:is(.calc-diagram-frame:has([data-focus=wallWidth]),.calc-diagram-frame:has([data-focus=gateWidth])){grid-template-rows:minmax(0,1fr) 18px}.calc-diagram-frame .bb-dim--height{grid-area:1/1}.calc-diagram-frame .calc-diagram-canvas{grid-area:1/2}.calc-diagram-frame .bb-dim--width{grid-area:2/2}.bb-piece{transition:opacity .15s}.calc-diagram-canvas[data-focus] .bb-piece{opacity:.14;z-index:0}.calc-diagram-canvas[data-focus] .bb-piece--gap{opacity:0}.calc-diagram-canvas[data-focus=wallWidth] .bb-piece--blue,.calc-diagram-canvas[data-focus=wallWidth] .bb-piece--orange,.calc-diagram-canvas[data-focus=totalHeight] .bb-piece--red,.calc-diagram-canvas[data-focus=totalHeight] .bb-piece--green,.calc-diagram-canvas[data-focus=totalHeight] .bb-piece--orange,.calc-diagram-canvas[data-focus=trimWidth] .bb-piece--blue,.calc-diagram-canvas[data-focus=trimWidth] .bb-piece--red,.calc-diagram-canvas[data-focus=trimWidth] .bb-piece--green,.calc-diagram-canvas[data-focus=middleBoards] .bb-piece--green,.calc-diagram-canvas[data-focus=topTrim] .bb-piece--orange,.calc-diagram-canvas[data-focus=gateWidth] .bb-piece--blue,.calc-diagram-canvas[data-focus=gateWidth] .bb-piece--red,.calc-diagram-canvas[data-focus=gateHeight] .bb-piece--gray,.calc-diagram-canvas[data-focus=redBoardWidth] .bb-piece--red,.calc-diagram-canvas[data-focus=grayBoardWidth] .bb-piece--gray,.calc-diagram-canvas[data-focus=grayCount] .bb-piece--gray,.calc-diagram-canvas[data-focus=boardThickness] .bb-piece--blue{opacity:1;z-index:3;outline-offset:-1px;outline:1px solid #ffffffbf}.calc-diagram-canvas[data-focus=wallWidth] .bb-piece--gap,.calc-diagram-canvas[data-focus=middleBoards] .bb-piece--gap,.calc-diagram-canvas[data-focus=trimWidth] .bb-piece--gap,.calc-diagram-canvas[data-focus=gateWidth] .bb-piece--gap,.calc-diagram-canvas[data-focus=grayCount] .bb-piece--gap,.calc-diagram-canvas[data-focus=grayBoardWidth] .bb-piece--gap{opacity:1;z-index:4}.bb-dim{pointer-events:none;font-size:var(--font-size-sm,10px);color:var(--text-color-heading,#333);background:var(--hrm-sidebar-muted-bg,#f8f8f8);justify-content:center;align-items:center;font-weight:700;display:none}.bb-dim--height{writing-mode:vertical-rl;transform:rotate(180deg)}:is(.calc-diagram-frame:has([data-focus=wallWidth]) .bb-dim--width,.calc-diagram-frame:has([data-focus=totalHeight]) .bb-dim--height,.calc-diagram-frame:has([data-focus=gateWidth]) .bb-dim--width,.calc-diagram-frame:has([data-focus=gateHeight]) .bb-dim--height){display:flex}.calc-warn-text{color:var(--site-brand-red,#e60000);font-weight:700}.calc-stat-card--warn{border-color:var(--site-brand-red,#e60000);color:var(--site-brand-red,#e60000)}.calc-fraction-row{align-items:center;gap:8px;display:flex}.calc-fraction-result{border:1px solid var(--border-default,#ddd);border-radius:var(--ff-section-radius,4px);background:var(--hrm-sidebar-muted-bg,#f8f8f8);font-size:var(--font-size-meta);color:var(--text-color-heading,#333);white-space:nowrap;flex-shrink:0;padding:4px 8px;font-weight:700}.calc-diagram-dims .is-lit,.calc-diagram-legend__item.is-lit,.calc-stat-card.is-lit{color:var(--text-color-heading,#333);font-weight:600}.calc-bb .calc-diagram-dims,.calc-bb .calc-diagram-legend{margin-top:8px}.calc-bb .calc-stat-card{margin-top:8px;padding:6px 8px}.calc-sticky-sidebar{position:sticky;top:16px}.calc-workspace-toolbar{border-bottom:1px solid var(--border-default,#ddd);background:var(--hrm-header-bg,#e8e8e8);font-size:var(--font-size-meta);flex-wrap:wrap;align-items:center;gap:6px;padding:6px 12px;display:flex}.calc-workspace-toolbar .sm-btn,.calc-workspace-toolbar button.sm-btn{min-height:28px;font-size:var(--font-size-meta);padding:4px 10px}.calc-workspace-layout{flex-direction:column;gap:16px;display:flex}@media (min-width:1024px){.calc-workspace-layout{flex-direction:row}}.calc-workspace-main{flex:auto;min-width:0}.calc-workspace-sidebar{flex:none;width:100%}@media (min-width:1024px){.calc-workspace-sidebar{width:280px}}.calc-app{height:calc(100dvh - var(--app-header-offset,48px));background:var(--ff-bg,#eef1f5);min-height:480px;color:var(--text-color-body,#333);flex-direction:column;display:flex}.calc-app__topbar{border-bottom:1px solid var(--border-default,#ddd);background:var(--hrm-card-bg,#fff);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;display:flex}.calc-app__brand{font-size:var(--font-size-meta);letter-spacing:.06em;color:var(--site-brand-red,#e60000);margin-right:4px;font-weight:700}.calc-app__topbar input[type=text]{border:1px solid var(--border-default,#ddd);border-radius:var(--ff-section-radius,4px);width:9rem;min-height:28px;font-size:var(--font-size-meta);padding:4px 8px}.calc-app__topbar .sm-btn,.calc-app__topbar button{min-height:28px;font-size:var(--font-size-meta);padding:4px 10px}.calc-app__topbar .sm-btn-primary,.calc-app__topbar button.sm-btn-primary{background:var(--site-brand-red,#e60000);border-color:var(--site-brand-red,#e60000)}.calc-app__body{flex:auto;min-height:0;display:flex;overflow:hidden}.calc-app__tools{border-right:1px solid var(--border-default,#ddd);background:var(--hrm-card-bg,#fff);flex-direction:column;flex-shrink:0;gap:4px;width:58px;padding:6px;display:flex}.calc-app__tools button{border:1px solid var(--border-default,#ddd);border-radius:var(--ff-section-radius,4px);background:var(--hrm-card-bg,#fff);min-height:28px;font-size:var(--font-size-meta);color:var(--text-color-muted,#666);padding:4px}.calc-app__tools button.is-active,.calc-app__tools button[data-active=true]{border-color:var(--site-brand-red,#e60000);color:var(--site-brand-red,#e60000);background:#e6000014}.calc-app__canvas-wrap{background:var(--hrm-sidebar-muted-bg,#f5f5f5);flex:auto;min-width:0;min-height:0}.calc-app__sidebar{border-left:1px solid var(--border-default,#ddd);background:var(--hrm-card-bg,#fff);flex-shrink:0;width:220px;overflow-y:auto}@media (max-width:767px){.calc-app__sidebar{display:none}}