#js-tool-container-clapboard-lining-calculator .clc-app-layout{display:flex;flex-direction:column;gap:22px;font-family:var(--font-sans);color:var(--text-primary)}#js-tool-container-clapboard-lining-calculator .clc-controls-pane{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;gap:16px}#js-tool-container-clapboard-lining-calculator .clc-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:18px}#js-tool-container-clapboard-lining-calculator .clc-grid-2col-nested{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width:680px){#js-tool-container-clapboard-lining-calculator .clc-grid-2col{grid-template-columns:1fr}}#js-tool-container-clapboard-lining-calculator .clc-results-pane{display:flex;flex-direction:column;gap:18px}#js-tool-container-clapboard-lining-calculator .clc-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}#js-tool-container-clapboard-lining-calculator .clc-res-card{background:var(--bg-primary);border:1px solid var(--border-color);border-left:4px solid var(--accent-primary);border-radius:var(--radius-md);padding:16px 18px;display:flex;flex-direction:column;justify-content:space-between;gap:6px}#js-tool-container-clapboard-lining-calculator .clc-res-val-wrap{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px}#js-tool-container-clapboard-lining-calculator .clc-val-accent{font-size:clamp(1.25rem,3vw,1.6rem);font-weight:800;color:var(--accent-primary);font-variant-numeric:tabular-nums}#js-tool-container-clapboard-lining-calculator .clc-val-primary{font-size:clamp(1.25rem,3vw,1.6rem);font-weight:800;color:var(--text-primary);font-variant-numeric:tabular-nums}#js-tool-container-clapboard-lining-calculator .clc-val-muted{font-size:clamp(1.2rem,2.5vw,1.45rem);font-weight:800;color:var(--text-secondary);font-variant-numeric:tabular-nums}#js-tool-container-clapboard-lining-calculator .clc-unit{font-size:0.85rem;font-weight:700;color:var(--text-muted)}#js-tool-container-clapboard-lining-calculator .clc-preview-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:18px;display:flex;flex-direction:column;gap:14px}#js-tool-container-clapboard-lining-calculator .clc-card-header{border-bottom:1px solid var(--border-color);padding-bottom:8px}#js-tool-container-clapboard-lining-calculator .clc-bar-wrap{width:100%;height:28px;background:var(--bg-tertiary);border-radius:var(--radius-sm);overflow:hidden;display:flex;border:1px solid var(--border-color)}#js-tool-container-clapboard-lining-calculator .clc-bar-segment{height:100%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:700;color:#ffffff;transition:width 0.3s ease}#js-tool-container-clapboard-lining-calculator .clc-bar-work{background:var(--accent-primary)}#js-tool-container-clapboard-lining-calculator .clc-bar-margin{background:var(--warning)}#js-tool-container-clapboard-lining-calculator .clc-info-summary{font-size:0.875rem;line-height:1.5;color:var(--text-secondary);background:var(--bg-tertiary);border-left:3px solid var(--accent-primary);padding:10px 14px;border-radius:var(--radius-sm)}