/* A compact editor for a project with several rooms or surfaces. */
.is-calculator main{padding-top:126px}.is-calculator main>.section:first-child{padding-block:20px}.is-calculator .page-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:14px 30px;text-align:left;max-width:none;padding:0 0 24px}.is-calculator .page-intro .crumb{grid-column:1/-1;margin:0;font-size:12px}.is-calculator .page-intro>.eyebrow{display:none}.is-calculator .page-intro h1{font-size:49px;line-height:1.02;margin:0;max-width:460px}.is-calculator .page-intro>p{font-size:14px;line-height:1.7;margin:0;max-width:440px}.is-calculator .note{font-size:12px;padding:16px 22px;margin-top:20px}
.project-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 0 12px;border-top:1px solid var(--line)}.project-toolbar>div{display:flex;flex-direction:column;gap:4px}.project-toolbar strong{font-size:15px}.project-toolbar .small{font-size:12px}.project-toolbar .btn{font-size:12px;padding:11px 15px}.room-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}.room-tabs>button{border:1px solid var(--line);border-radius:9px;color:var(--text);background:var(--surface);padding:9px 13px;font-family:inherit;font-size:12px;max-width:100%;overflow-wrap:anywhere}.room-tabs>button[aria-pressed=true]{background:var(--button);color:var(--button-text,#fffdf9);border-color:var(--button)}.project-running-total{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px;line-height:1.4;margin:0 0 15px;padding:12px 15px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}.project-running-total strong{font-size:18px;white-space:nowrap}.project-notice{margin:0 0 12px;font-size:12px;line-height:1.7}.project-notice:empty{display:none}
.project-workspace .calculator{display:grid;grid-template-columns:1.15fr 1fr;align-items:start;gap:28px;padding:0;border:0;background:none}.project-workspace .calc-fields{display:flex;flex-direction:column;gap:14px;padding:0;min-width:0}.project-workspace .calc-fields label{font-size:12px;gap:6px;margin:0}.project-workspace .calc-fields input:not([type=checkbox]):not([type=radio]),.project-workspace .calc-fields select{padding:11px 12px;font-size:14px;min-height:44px;min-width:0}.project-workspace .calc-fields .two{gap:12px}.room-name-row{display:flex;gap:16px;align-items:center}.room-name-row>label{flex:1;min-width:0}.room-name-row .text-link{font-size:11px;align-self:end;margin-bottom:12px}.room-name-row .text-link:disabled{opacity:.4;cursor:default}.project-workspace .calc-mode{padding:10px 14px;margin:0;display:flex;gap:16px;flex-wrap:wrap;border-radius:10px}.project-workspace .calc-mode legend{font-size:12px;padding-inline:4px}.project-workspace .calc-mode label{display:flex;flex-direction:row;gap:7px;align-items:center;font-size:12px;margin:0}.project-workspace .calc-mode input{width:15px;height:15px;padding:0;margin:0}.project-workspace #calc-room .small{font-size:11px;margin:8px 0 0;line-height:1.6}.project-workspace .primer-control{padding:13px;border-radius:12px}.project-workspace .primer-control>label:first-child{margin-bottom:12px}.project-workspace .primer-control .consent{font-size:12px}.project-workspace .primer-control .small{font-size:11px;line-height:1.7;margin-block:8px 0}.preparation-help{margin-top:8px}.preparation-help summary{font-size:11px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.project-workspace [data-use-wood]{font-size:12px;margin-top:10px}
.project-workspace .calc-result{padding:23px;border:1px solid var(--line);border-radius:18px;min-width:0;text-align:left}.project-workspace .calc-result>.eyebrow{font-size:10px;margin:0 0 6px}.project-workspace .calc-result>strong{font-size:62px;line-height:1;margin:0 0 5px}.project-workspace .calc-result>p{font-size:12px;margin:8px 0;line-height:1.6}.project-workspace .calc-cost{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:10px 0;padding:10px 0;border-block:1px solid var(--line)}.project-workspace .calc-cost span{font-size:12px}.project-workspace .calc-cost b{font-size:23px;white-space:nowrap}.project-workspace .pack-balance{font-size:12px;line-height:1.6;margin:6px 0}.pack-balance.is-short{font-weight:600;color:#b33f2e}[data-theme=dark] .pack-balance.is-short{color:#ffae98}.pack-editor{margin-top:9px;padding:0}.pack-editor>summary{font-size:11px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.pack-editor>label{display:flex;flex-direction:column;gap:7px;font-size:11px;margin-top:12px}.pack-editor select{font-size:12px;padding:9px;width:100%}.pack-quantities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px}.pack-quantities>label{font-size:11px;display:flex;flex-direction:column;gap:5px;min-width:0}.pack-quantities input{width:100%;min-width:0;padding:9px;font-size:13px}.project-workspace [hidden]{display:none!important}.project-workspace .kit-primer{margin-top:14px;padding-block:12px;font-size:12px}.kit-primer>strong{font-size:13px}.kit-primer>p{margin:6px 0;font-size:12px;line-height:1.6}.project-workspace .kit-total{margin:13px 0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.project-workspace .kit-total>span{font-size:12px}.project-workspace .kit-total>strong{font-size:23px;white-space:nowrap}.project-grand-total{border-top:1px solid var(--line);padding-top:13px;margin-bottom:17px;display:flex;align-items:center;justify-content:space-between;gap:15px}.project-grand-total>span{font-size:12px}.project-grand-total>strong{font-family:Onest,Arial,sans-serif;font-size:26px;letter-spacing:-.04em;white-space:nowrap}.project-workspace .calc-result>.btn{width:100%;font-size:13px;padding:13px 15px;gap:10px}.project-workspace .project-share{margin:12px 0}.project-workspace .project-share .text-link{font-size:11px}.project-workspace .project-share p:empty{display:none}.project-workspace .project-share .small{font-size:11px;margin:7px 0}.project-workspace .calc-result>small{font-size:10px}.project-workspace #calc-error{font-size:12px;line-height:1.6;font-weight:600;margin:10px 0 0}.project-workspace #calc-error:empty{display:none}.project-overview{margin-top:22px;border:1px solid var(--line);border-radius:13px;padding:15px 18px}.project-overview>summary{font-size:13px;cursor:pointer}.project-overview article{padding:12px 0;border-bottom:1px solid var(--line)}.project-overview article>strong{font-size:13px}.project-overview article>p{font-size:12px;line-height:1.7;margin:6px 0 0}.project-overview>.small{font-size:11px;line-height:1.7;margin-bottom:0}.lead-selection{white-space:pre-line;max-height:220px;overflow:auto;line-height:1.8}
@media(min-width:1101px){.project-workspace .calc-result{position:sticky;top:120px}}
@media(max-width:760px){.is-calculator main{padding-top:185px}.is-calculator main>.section:first-child{padding-top:12px}.is-calculator .page-intro{grid-template-columns:1fr;gap:12px;padding-bottom:18px}.is-calculator .page-intro h1{font-size:38px;max-width:340px}.is-calculator .page-intro>p{font-size:12px;line-height:1.7}.is-calculator .page-intro .crumb{font-size:10px}.project-toolbar{padding-top:14px;gap:10px}.project-toolbar strong{font-size:13px}.project-toolbar .small{font-size:10px;max-width:190px}.project-toolbar .btn{font-size:11px;padding:10px;gap:0;white-space:nowrap}.room-tabs{gap:6px}.room-tabs>button{font-size:11px;padding:8px 10px}.project-running-total{font-size:10px;padding:11px;gap:8px}.project-running-total strong{font-size:16px}.project-workspace .calculator{grid-template-columns:1fr;gap:18px}.project-workspace .calc-fields{gap:12px}.project-workspace .calc-fields .two{grid-template-columns:1fr 1fr;gap:10px}.project-workspace .calc-fields .two label{font-size:11px}.project-workspace .calc-fields input:not([type=checkbox]):not([type=radio]),.project-workspace .calc-fields select{font-size:13px;padding:10px;min-height:44px}.project-workspace .calc-mode{gap:10px}.project-workspace .calc-mode label{font-size:11px}.project-workspace .calc-result{padding:20px}.project-workspace .calc-result>strong{font-size:54px}.project-grand-total>strong{font-size:25px}.project-grand-total>span{font-size:11px}.project-workspace .kit-total>strong{font-size:22px}.project-workspace .calc-cost b{font-size:22px}.project-workspace .calc-result>.btn{font-size:12px}.project-overview{padding:14px}.room-name-row{gap:12px}}
@media(prefers-reduced-motion:no-preference){.room-tabs>button{transition:background .15s,color .15s}}