:root{--ink:#283e32;--muted:#7b847c;--green:#395941;--green-dark:#284631;--sage:#edf2e8;--sage-strong:#d8e3d1;--line:#e6e9e1;--paper:#fffefa;--canvas:#f3f6ef;--accent:#c4895c;--orange-bg:#faf1df;--orange-ink:#92682f;--shadow:0 4px 16px #283c2d0b;color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:14px;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;color:inherit;border:0;background:none;white-space:nowrap;transition:background .15s,color .15s,box-shadow .15s,transform .15s}button:disabled{opacity:.3;cursor:default}button:not(:disabled):active{transform:translateY(1px)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #769c6c;outline-offset:3px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #b6c7ab;outline-offset:1px}button svg{flex:none}a{color:var(--green)}p{line-height:1.6}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:600}input,select,textarea{color:var(--ink);background:#fff;border:1px solid #dfe4da;border-radius:6px}input[type=number]{min-width:0;width:100%}input[type=range]{width:100%;height:4px;accent-color:var(--green);cursor:pointer;margin:14px 0 7px;padding:0;border:0}input[type=checkbox]{accent-color:var(--green)}[hidden]{display:none!important}svg{vertical-align:middle}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}::selection{background:#d4e2cc}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#cbd3c5;border-radius:9px}::-webkit-scrollbar-track{background:transparent}
#app{height:100dvh;display:grid;grid-template-rows:66px 50px minmax(0,1fr)30px;min-height:520px;overflow:hidden}.app-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 24px 0 27px;border-bottom:1px solid var(--line);background:var(--paper);z-index:10}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:28px;font-weight:700;letter-spacing:-1.4px;width:230px;flex:none;line-height:1}.brand-dot{color:var(--accent)}.brand-mark{width:27px;height:28px;position:relative;display:block;transform:rotate(-7deg)}.brand-mark i{position:absolute;width:8px;height:27px;background:var(--green);border-radius:1px;left:1px}.brand-mark i:nth-child(2){left:12px;top:0;height:21px;background:#839674}.brand-mark i:nth-child(3){height:8px;width:27px;left:1px;top:0;transform:rotate(32deg);transform-origin:0 0;background:var(--green)}.project-name{display:flex;align-items:center;gap:9px;min-width:0;flex:1;font-size:14px}.project-dot{width:5px;height:5px;border-radius:50%;background:#a8b59e;flex:none}.project-name input{width:205px;background:none;border:1px solid transparent;font-size:14px;font-weight:500;text-overflow:ellipsis;padding:6px}.project-name input:hover{border-color:var(--line)}.prototype-tag{font-size:14px;letter-spacing:1px;border:1px solid #d6ddcf;color:#374151;border-radius:3px;padding:3px 5px;white-space:nowrap}.header-actions{display:flex;align-items:center;gap:8px}.primary{background:var(--green);color:white;border:1px solid var(--green);border-radius:6px;min-height:38px;padding:10px 15px;font-weight:500;box-shadow:0 1px 2px #1d372512}.primary:hover{background:var(--green-dark)}.secondary{background:var(--paper);border:1px solid #d9dfd2;border-radius:6px;min-height:38px;padding:9px 13px;font-weight:500}.secondary:hover{background:var(--sage)}.quiet{padding:9px 11px;border-radius:6px;color:#374151}.quiet:hover{background:#f0f3ea;color:var(--ink)}.compact{font-size:14px;min-height:33px;padding:7px 11px;gap:7px}.compact svg{width:15px;height:15px}.icon-btn{width:32px;height:32px;border-radius:5px;flex:none;padding:0}.icon-btn:hover{background:var(--sage)}.workspace-nav{display:flex;align-items:center;border-bottom:1px solid var(--line);background:var(--paper);padding:0 26px;z-index:9}.workspace-label{width:235px;flex:none;font-size:14px;letter-spacing:1.65px;font-weight:600;color:#374151}.workspace-label span{display:inline-block;border:1px solid var(--line);border-radius:3px;font-size:14px;padding:2px 4px;margin-left:8px;letter-spacing:0;color:#374151}.view-tabs{display:flex;height:100%;gap:30px}.view-tab{height:100%;position:relative;gap:8px;font-size:14px;color:#374151;padding:0 2px}.view-tab.active{color:var(--green);font-weight:600}.view-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--green)}.view-tab:hover{color:var(--green)}.tab-count{background:#eef1e8;border-radius:4px;color:#374151;font-size:14px;font-weight:500;padding:2px 5px;margin-left:1px}.nav-tools{margin-left:auto;display:flex;align-items:center;gap:3px}.nav-divider{height:17px;width:1px;background:var(--line);margin:0 12px}.units-btn{min-width:45px;font-size:14px;font-weight:600;color:#374151;letter-spacing:.2px}
main{min-height:0;overflow:hidden}.design-view{height:100%;display:grid;grid-template-columns:260px minmax(0,1fr)280px;min-height:0}.sidebar{background:var(--paper);overflow-y:auto;min-height:0;scrollbar-gutter:stable}.builder{padding:27px 20px 20px 25px;border-right:1px solid var(--line)}.eyebrow{font-size:14px;font-weight:600;letter-spacing:1.25px;color:#374151;line-height:1.5}.builder-intro h1{font-size:25px;font-weight:550;line-height:1.17;letter-spacing:-.75px;margin:9px 0 9px}.builder-intro p{font-size:14px;color:#374151;white-space:nowrap;margin-bottom:19px}.preset-picker{width:100%;text-align:left;border:1px solid #dfe6d6;background:#f6f8f0;border-radius:7px;padding:11px 10px;gap:10px}.preset-picker>span:nth-child(2){flex:1}.preset-icon{color:#374151}.preset-picker small{font-size:14px;letter-spacing:1px;color:#374151;display:block;margin-bottom:3px}.preset-picker strong{display:block;font-size:14px;font-weight:550}.preset-picker:hover{background:#edf2e4;border-color:#c4d1ba}.section-heading{display:flex;align-items:center;gap:8px;margin:25px 0 13px}.section-heading>span{font-size:14px;color:#374151;letter-spacing:.5px}.section-heading h2{font-size:14px;font-weight:600;margin:0;letter-spacing:-.1px}.section-heading small{margin-left:auto;color:#374151;font-size:14px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{display:block;margin-bottom:13px;min-width:0}.field>span{display:block;font-size:14px;color:#374151;margin:0 0 6px}.field select{width:100%;height:34px;font-size:14px;padding:0 7px;cursor:pointer}.unit-input{display:flex;border:1px solid #dfe4d8;border-radius:5px;align-items:center;background:#fffefa;overflow:hidden}.unit-input input{border:0;outline-offset:-2px;padding:8px 10px;font-size:15px;font-weight:550;background:transparent;border-radius:0}.unit-input>span{font-size:14px;color:#374151;padding-right:10px}.unit-input input::-webkit-inner-spin-button{opacity:.35}.range-field{display:block;margin:1px 0 4px}.range-field>span{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#374151}.range-field strong{font-size:14px;color:#374151;font-weight:550;letter-spacing:.2px}.dimension-caption{display:flex;align-items:center;gap:5px;font-size:14px;color:#374151;margin-top:7px}.segmented{display:flex;background:#f3f5ee;padding:3px;border:1px solid #e7ecdf;border-radius:7px;gap:2px}.roof-options button{flex:1;flex-direction:column;gap:4px;padding:7px 4px 6px;color:#374151;border-radius:4px;font-size:14px}.roof-options button.active{color:var(--green);background:#fffefa;box-shadow:0 1px 4px #29412913}.roof-options button:not(.active):hover{background:#e8eedf}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.feature-card{position:relative;flex-direction:column;gap:8px;min-height:79px;border:1px solid #e4e8dd;border-radius:6px;padding:11px 5px 10px;font-size:14px;color:#374151;background:#fcfcf8;white-space:normal}.feature-card.enabled{background:#f0f4e9;border-color:#d7e1cd;color:#374151}.feature-card:hover{border-color:#9bad8b}.feature-card i{position:absolute;top:7px;right:7px;border:1px solid #d6decf;border-radius:50%;width:13px;height:13px;display:flex;align-items:center;justify-content:center;color:#374151}.feature-card.enabled i{background:#6e875d;border-color:#6e875d;color:white}.feature-icon{color:#374151}.feature-card.enabled .feature-icon{color:#374151}.feature-wide{grid-column:1/-1;min-height:45px;flex-direction:row;justify-content:flex-start;padding:10px 14px;gap:12px}.feature-wide i{top:16px;right:10px}.feature-wide .feature-icon svg{width:24px;height:24px}.builder-details{border-top:1px solid var(--line);margin-top:17px}.builder-details+ .builder-details{margin-top:0}.builder-details summary{display:flex;align-items:center;gap:9px;min-height:44px;font-size:14px;color:#374151}.builder-details summary svg:last-child{margin-left:auto;transition:transform .2s}.builder-details[open] summary svg:last-child{transform:rotate(180deg)}.details-body{padding:5px 0 8px}.checkbox-label{font-size:14px;display:flex;align-items:center;gap:6px}.micro-note{font-size:14px;line-height:1.6;color:#374151;margin:10px 0}.assembly-list{padding-bottom:10px}.assembly-list button{width:100%;justify-content:flex-start;text-align:left;padding:9px 6px;font-size:14px;border-radius:4px}.assembly-list button:hover,.assembly-list button.active{background:var(--sage)}.assembly-list button small{margin-left:auto;color:#374151}.assembly-list button svg{color:#374151}.idea-button{width:100%;font-size:14px;justify-content:flex-start;color:#374151;padding:12px 0 2px;border-top:1px solid var(--line);gap:7px}.idea-button svg:last-child{margin-left:auto}
.viewport{position:relative;min-width:0;min-height:0;overflow:hidden;background:var(--canvas)}#scene{width:100%;height:100%;display:block;position:absolute;inset:0;cursor:grab;touch-action:none;outline-offset:-4px}#scene:focus-visible{outline:2px solid #afc2a1}.dimension-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.dimension-overlay path{fill:none;stroke:#95a388;stroke-width:.8}.dimension-overlay rect{fill:#f5f8ef;stroke:#dfe6d6;stroke-width:.5}.dimension-overlay text{font-family:inherit;font-size:14px;fill:#708363;font-weight:500}.viewport-top{position:absolute;top:20px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;gap:8px}.viewport-top>*{pointer-events:auto}.live-badge{display:flex;align-items:center;gap:6px;white-space:nowrap;background:#fffefaeb;box-shadow:0 1px 3px #3f542209;border:1px solid #e1e8d8;border-radius:4px;padding:7px 8px;font-size:14px;letter-spacing:1px;color:#374151}.live-badge>span{height:5px;width:5px;background:#94a77d;border-radius:50%;box-shadow:0 0 0 2px #dce6d077}.render-modes{display:flex;background:#fffefaeb;border:1px solid #dfe7d7;border-radius:6px;padding:3px;box-shadow:0 2px 7px #3e543209;gap:1px}.render-modes button{gap:5px;font-size:14px;color:#374151;padding:6px 9px;border-radius:4px}.render-modes button.active{background:#e8efdf;color:#374151}.render-modes button:hover:not(.active){background:#f3f6ed}.floating{background:#fffefadb;border:1px solid #e0e8d7;color:#374151;box-shadow:0 2px 6px #3e543208}.scene-tools{position:absolute;top:76px;left:20px;display:flex;flex-direction:column;padding:4px;gap:2px;background:#fffefadc;border:1px solid #dfe6d6;border-radius:6px;box-shadow:0 2px 6px #3e543209}.scene-tools button{height:31px;width:31px;color:#374151;border-radius:4px}.scene-tools button.active{background:#e9f0df;color:#374151}.scene-tools button:hover{background:#edf2e5}.view-cube{position:absolute;right:17px;top:75px;display:flex;align-items:center;flex-direction:column}.view-cube path{cursor:pointer;transition:fill .15s}.view-cube path:hover{fill:#d1dfc3}.view-cube button{font-size:14px;color:#374151;padding:4px 7px;background:#fffefa8c;border-radius:3px;letter-spacing:.2px}.viewport-bottom{position:absolute;bottom:20px;left:16px;right:18px;display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.compass{height:52px;width:52px;position:relative;opacity:.85;flex:none}.compass svg{width:52px;height:52px}.compass>span{position:absolute;font-size:14px;font-weight:600;color:#374151}.compass .north{left:1px;bottom:3px}.compass .east{right:0;bottom:6px}.compass .up{left:23px;top:0}.interaction-hint{display:flex;align-items:center;gap:6px;color:#374151;background:#f9fbf2ca;border:1px solid #e3e9d9;border-radius:20px;min-height:28px;padding:6px 10px;font-size:14px;white-space:nowrap;margin-bottom:2px}.interaction-hint i{font-style:normal;padding:0 2px;color:#374151}.zoom-tools{display:flex;align-items:center;gap:0;background:#fffefadd;border:1px solid #dde5d3;border-radius:5px;padding:2px;box-shadow:0 1px 5px #3e543209;margin-bottom:1px;flex:none}.zoom-tools button{width:26px;height:28px;padding:0;color:#374151;border-radius:3px}.zoom-tools button:hover{background:#edf2e4}.zoom-tools>span{height:13px;width:1px;background:#e4e9dc;margin:0 4px}.zoom-tools button:last-child{font-size:14px;width:35px;color:#374151}.hover-tooltip{position:absolute;pointer-events:none;background:#fffefaf5;border:1px solid #e2e7d9;box-shadow:0 6px 20px #25372815;padding:10px 12px;border-radius:6px;max-width:220px;z-index:10}.hover-tooltip strong{font-size:14px;display:block;margin-bottom:5px}.hover-tooltip>span{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:14px;color:#374151}.scene-message{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:25px;width:min(90%,370px);text-align:center;border:1px solid var(--line);background:var(--paper);border-radius:8px}.scene-message h3{margin-top:15px}.scene-message p{color:var(--muted);font-size:14px}.scene-message .primary{margin:auto}.view-only-note{position:absolute;bottom:67px;left:50%;transform:translateX(-50%);background:#fff4e0e8;color:#374151;font-size:14px;padding:7px 12px;border-radius:4px;white-space:nowrap;border:1px solid #eadcc0}
.inspector{border-left:1px solid var(--line);padding:26px 20px 18px 21px}.overview-heading h2{font-size:17px;letter-spacing:-.4px;margin:9px 0 5px;font-weight:550}.overview-heading p{font-size:14px;color:#374151;margin:0}.overview-art{position:relative;margin:18px -1px 10px;background:linear-gradient(160deg,#f5f7ee,#f0f3e8);border:1px solid #e7ecde;border-radius:7px;overflow:hidden;height:133px}.mini-house{width:100%;height:100%}.overview-art .mini-house{height:116px;margin-top:5px}.small-tag{display:inline-flex;font-size:14px;font-weight:500;letter-spacing:.6px;color:#374151;background:#eef3e6;border:1px solid #dce5d3;padding:4px 6px;border-radius:3px;white-space:nowrap}.overview-art .small-tag{position:absolute;right:6px;top:6px;background:#fbfcf7ad;font-size:14px;letter-spacing:.7px}.overview-metrics{display:grid;grid-template-columns:1fr 1fr;margin:16px 0 22px}.overview-metrics>div+div{border-left:1px solid var(--line);padding-left:22px}.overview-metrics strong{font-size:29px;font-weight:500;letter-spacing:-1px;display:block;line-height:1.2}.overview-metrics strong small{font-size:14px;letter-spacing:0;margin-left:4px;color:#374151;font-weight:400}.overview-metrics>div>span{font-size:14px;color:#374151;display:block;margin-top:5px}.select-prompt{width:100%;text-align:left;white-space:normal;align-items:center;gap:10px;padding:12px 10px;background:#f7f8f2;border:1px dashed #dce4d2;border-radius:6px;color:#374151}.select-prompt>span{flex:1}.select-prompt strong{display:block;font-size:14px;font-weight:550;color:#374151;margin-bottom:5px}.select-prompt small{font-size:14px;line-height:1.5;color:#374151;display:block}.select-prompt>svg:last-child{color:#374151}.inspector-section{padding-top:21px;margin-top:21px;border-top:1px solid var(--line)}.mini-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.mini-section-heading h3{font-size:14px;font-weight:550;margin:0}.mini-section-heading svg{color:#374151}.mini-section-heading>span{font-size:14px;color:#374151;border-radius:4px;background:#eff3e7;padding:3px 5px}.finish-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.finish-options button{flex-direction:column;font-size:14px;color:#374151;gap:7px;padding:4px;border:1px solid transparent;border-radius:5px}.finish-options button.active{background:#f3f6ed;border-color:#dee7d3;color:#374151}.finish-options button:hover{background:#f3f6ed}.finish-swatch{height:24px;width:100%;border-radius:3px;display:flex;align-items:center;justify-content:center;color:white;border:1px solid #00000008;box-shadow:inset 0 0 5px #00000007}.finish-swatch.natural{background:repeating-linear-gradient(2deg,#d7bd92 0,#d7bd92 3px,#d1b589 4px,#dbbf95 5px)}.finish-swatch.cedar{background:repeating-linear-gradient(2deg,#bb8c65 0,#bb8c65 3px,#bf916b 4px,#b58963 5px)}.finish-swatch.white{background:repeating-linear-gradient(2deg,#e1dfd1 0,#e1dfd1 3px,#e7e6db 4px,#e1dfd1 5px);color:#374151}.accent-row{display:flex;align-items:center;justify-content:space-between;margin:12px 0 0}.accent-row>span{font-size:14px;color:#374151}.accent-row>div{display:flex;gap:5px}.accent-swatch{width:17px;height:17px;border-radius:50%;padding:0;color:#374151;border:2px solid var(--paper)}.accent-swatch.active{outline:1px solid #92a181}.forest{background:#617962}.ocean{background:#557c89}.clay{background:#ad7257}.palette-note{font-size:14px;color:#374151;line-height:1.5;margin:10px 0 -3px}.inspector-section input[type=range]{margin:4px 0 8px}.layer-labels{display:flex;justify-content:space-between;color:#374151;font-size:14px}.review-card{width:100%;display:flex;align-items:flex-start;white-space:normal;text-align:left;background:#fbf5e8;border:1px solid #efe5ce;color:#374151;border-radius:6px;padding:12px 9px;gap:9px;margin-top:24px}.review-icon{flex:none;color:#374151;margin-top:1px}.review-card>span:nth-child(2){flex:1}.review-card strong{font-size:14px;line-height:1.45;display:block;color:#374151;font-weight:550}.review-card small{font-size:14px;line-height:1.6;color:#374151;display:block;margin-top:4px}.review-card>svg:last-child{flex:none;margin-top:4px}.review-card:hover{background:#f9efd8}.review-card.has-warning{background:#f9eee4;border-color:#e7c8ab}.inspector-links{display:flex;flex-direction:column;gap:5px;margin-top:14px}.inspector-links button{font-size:14px;justify-content:flex-start;color:#374151;padding:6px 0}.inspector-links button svg:last-child{margin-left:auto}.inspector-heading{display:flex;justify-content:space-between;align-items:center;margin-top:-9px}.selection-icon{width:43px;height:43px;display:flex;align-items:center;justify-content:center;background:#eef3e4;border:1px solid #e1e9d6;border-radius:8px;color:#374151;margin:14px 0 13px}.selection-title{font-size:20px;font-weight:550;letter-spacing:-.5px;line-height:1.15;margin:0 0 9px}.selection-meta{font-size:14px;color:#374151;line-height:1.7}.selection-meta code{background:#f0f3e9;border-radius:3px;padding:3px 5px;font-size:14px;margin-right:5px;color:#374151}.member-dimensions{display:grid;grid-template-columns:1fr;margin-top:17px;border:1px solid #e3e9d8;border-radius:5px;padding:10px 12px;background:#fafbf6;gap:12px}.member-dimensions small{font-size:14px;letter-spacing:.65px;color:#374151;display:block;margin-bottom:4px}.member-dimensions strong{font-size:17px;letter-spacing:-.25px;font-weight:500;line-height:1.2}.member-dimensions>div:nth-child(2) strong{font-size:14px}.member-dimensions em{font-style:normal;font-size:14px;color:#374151}.selection-controls{margin-top:19px}.selection-controls .field{margin-bottom:13px}.selection-controls .range-field{margin-top:17px}.selection-controls .roof-options{margin-bottom:18px}.selection-controls .unit-input{background:white}.part-note{margin:15px 0 0;border-top:1px solid var(--line);padding-top:11px}.part-note summary{display:flex;gap:5px;align-items:center;font-size:14px;color:#374151}.part-note p{font-size:14px;color:#374151;margin:8px 0}.remove-feature{color:#374151;font-size:14px;padding:10px 0 0}.edit-note{display:flex;gap:6px;color:#374151;font-size:14px;line-height:1.6;align-items:flex-start;margin-top:12px}.edit-note svg{margin-top:1px}
.app-footer{display:flex;justify-content:space-between;align-items:center;padding:0 18px;border-top:1px solid var(--line);background:var(--paper);font-size:14px;color:#374151;gap:10px;z-index:9}.app-footer>div{display:flex;align-items:center;gap:8px;white-space:nowrap}.app-footer button{font-size:14px;color:#374151;padding:0;gap:5px}.status-dot{height:4px;width:4px;background:#93aa7d;border-radius:50%;box-shadow:0 0 0 2px #f0f5e8}.footer-separator{color:#374151;padding:0 5px}.offline-label{display:flex;align-items:center;gap:5px;font-size:14px}.toast{position:fixed;bottom:48px;left:50%;transform:translateX(-50%);z-index:100;background:#344d39;color:#374151;border:1px solid #456c4a;box-shadow:0 8px 30px #23352726;max-width:min(92%,620px);padding:13px 17px;font-size:14px;line-height:1.5;display:flex;align-items:center;gap:10px;border-radius:7px}.toast>svg{color:#374151}
.drawings-view{height:100%;display:grid;grid-template-columns:260px minmax(0,1fr)}.drawing-sidebar{border-right:1px solid var(--line);padding:28px 22px;background:var(--paper);overflow:auto}.drawing-sidebar h1{font-size:23px;letter-spacing:-.7px;line-height:1.2;margin:12px 0 8px}.drawing-sidebar>p{font-size:14px;color:#374151}.sheet-list{display:flex;flex-direction:column;gap:6px;margin:26px -5px}.sheet-list button{padding:12px 9px;justify-content:flex-start;text-align:left;gap:10px;font-size:14px;border:1px solid transparent;border-radius:5px}.sheet-list button.active{background:#eff4e6;border-color:#dce6d0;color:#374151}.sheet-list button:hover{background:#f1f5e9}.sheet-number{font-size:14px;font-weight:600;color:#374151;background:#f0f4e9;padding:5px 4px;border-radius:3px}.sheet-list button.active .sheet-number{background:#dde9ce;color:#374151}.sheet-list button svg{margin-left:auto;color:#374151}.drawing-note{border:1px solid #e6eadf;border-radius:6px;background:#f8faf4;padding:14px;margin:32px 0 19px;font-size:14px;color:#374151;line-height:1.6}.drawing-note strong{font-size:14px;display:block;margin:10px 0 4px;color:#374151;font-weight:500}.drawing-note p{margin:0}.full-width{width:100%;font-size:14px;margin-bottom:7px}.text-link{font-size:14px;color:#374151;padding:9px 0}.drawing-workspace{min-width:0;min-height:0;display:flex;flex-direction:column;background:#f1f4ed}.drawing-toolbar{height:53px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;background:#fffefa;border-bottom:1px solid var(--line);flex:none;gap:8px}.drawing-toolbar>div{display:flex;align-items:center;gap:12px}.drawing-toolbar strong{font-size:14px;font-weight:550}.drawing-scale{font-size:14px;color:#374151;margin-left:8px}.drawing-tools{color:#374151;font-size:14px;gap:4px!important}.drawing-scroll{padding:28px 30px;overflow:auto;flex:1}.plan-paper{background:white;box-shadow:0 5px 24px #293b2310;min-width:420px;margin:0 auto;max-width:none}.plan-paper svg{display:block;width:100%;height:auto}.paper-caption{text-align:center;font-size:14px;color:#374151;margin:17px 0 0}
.materials-view{height:100%;overflow:auto;background:#f5f7f0}.materials-inner{max-width:1450px;margin:auto;padding:30px 40px 24px}.materials-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.materials-header h1{font-size:29px;letter-spacing:-1px;margin:8px 0 6px;font-weight:550}.materials-header p{font-size:14px;color:#374151;margin:0}.materials-header>div:last-child{display:flex;gap:8px}.materials-header button{font-size:14px;min-height:34px;padding:9px 12px}.materials-header button svg{width:15px;height:15px}.material-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.material-metrics>div{display:flex;gap:16px;align-items:center;border:1px solid #e2e8d8;border-radius:7px;background:#fffefa;padding:22px}.metric-icon{display:flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:9px;background:#eff4e6;color:#374151;border:1px solid #e3ecd8}.material-metrics strong{font-size:28px;font-weight:500;letter-spacing:-1px;line-height:1.1;display:block}.material-metrics strong small{font-size:14px;font-weight:400;color:#374151;letter-spacing:0}.material-metrics>div>div>span{display:block;font-size:14px;color:#374151;margin-top:7px}.materials-disclaimer{display:flex;gap:10px;align-items:center;font-size:14px;color:#374151;background:#faf5e8;border:1px solid #efe7d3;border-radius:6px;padding:13px 16px;margin-bottom:22px;line-height:1.6}.materials-disclaimer>svg{color:#374151;flex:none}.materials-disclaimer>span{flex:1}.materials-disclaimer strong{font-weight:550;color:#374151}.materials-disclaimer button{font-size:14px;color:#374151}.unplaced-warning{display:flex;gap:12px;align-items:center;background:#fff0e5;border:1px solid #e0bea1;padding:16px;border-radius:6px;color:#374151;margin:0 0 18px;font-size:14px;line-height:1.6}.materials-panel{border:1px solid #e1e7d7;border-radius:7px;background:#fffefa;overflow:hidden}.material-tabs{display:flex;align-items:center;height:57px;padding:0 22px;gap:28px;border-bottom:1px solid #e3e8da}.material-tabs>button{height:100%;position:relative;font-size:14px;color:#374151;padding:0}.material-tabs>button.active{font-weight:550;color:#374151}.material-tabs>button.active:after{content:'';position:absolute;height:2px;background:#6c8d50;left:0;right:0;bottom:-1px}.material-search{display:flex;align-items:center;gap:6px;margin-left:auto;padding:7px 9px;border:1px solid #e4eadc;border-radius:5px;color:#374151;background:#fdfef9}.material-search input{background:none;border:0;padding:0;font-size:14px;width:140px;outline:none}.material-search input::placeholder{color:#374151}.materials-settings{padding:13px 22px;display:flex;gap:20px;border-bottom:1px solid #e7ecdf;background:#fcfdf8}.materials-settings label{display:flex;align-items:center;gap:7px;font-size:14px;color:#374151}.materials-settings select{font-size:14px;border:1px solid #e1e8d7;border-radius:4px;background:white;color:#374151;max-width:170px;padding:5px 4px;cursor:pointer}.materials-settings .assembly-filter{margin-left:auto}.parts-table{width:100%;border-collapse:collapse;text-align:left}.parts-table th{font-size:14px;color:#374151;font-weight:550;letter-spacing:.7px;padding:15px 22px;background:#fafcf5;border-bottom:1px solid #e9eddf;white-space:nowrap}.parts-table td{padding:15px 22px;border-bottom:1px solid #ecf0e3;font-size:14px;color:#374151;vertical-align:top}.parts-table tr:hover td{background:#fcfdf8}.parts-table td strong{font-size:14px;font-weight:550;color:#374151}.parts-table .subtext{display:block;font-size:14px;margin-top:6px;color:#374151}.numeric{text-align:right}.stock-chip{display:inline-flex;padding:5px 8px;border:1px solid #e3ead9;background:#f7faf0;border-radius:4px;font-size:14px;color:#374151;white-space:nowrap}.cut-length{font-variant-numeric:tabular-nums;color:#374151;font-size:14px;font-weight:500;white-space:nowrap}.quantity{display:inline-flex;min-width:27px;justify-content:center;padding:4px 6px;border-radius:4px;background:#eff5e6;color:#374151;font-size:14px}.cut-detail{max-width:310px;min-width:100px}.cut-detail summary{display:flex;align-items:center;justify-content:space-between;color:#374151;font-size:14px;gap:8px;min-height:25px}.cut-detail p{font-size:14px;margin:5px 0 8px;line-height:1.6;color:#374151}.cut-detail small{font-size:14px;line-height:1.6;color:#374151;word-break:break-word}.cut-detail button{font-size:14px;color:#374151;margin:9px 0 0;padding:0}.table-summary{padding:13px 22px;background:#fcfdf8;color:#374151;font-size:14px;display:flex;justify-content:space-between;gap:8px}.table-explainer{padding:13px 22px;font-size:14px;display:flex;gap:8px;align-items:center;color:#374151;background:#fcfdf8;border-bottom:1px solid #e9efdf;line-height:1.6}.table-explainer svg{flex:none}.materials-footnote{font-size:14px;color:#374151;line-height:1.7;margin:16px 2px 0}.hardware-table td:last-child{max-width:620px;font-size:14px;line-height:1.7;color:#374151}.tbd-chip{background:#fbf2df;color:#374151;padding:4px 7px;border-radius:4px;font-size:14px}.stock-layouts{padding:8px 22px}.stock-layout-row{padding:17px 0;border-bottom:1px solid #eaf0e0}.board-label{display:flex;align-items:center;gap:9px;margin-bottom:9px;font-size:14px;color:#374151}.board-label strong{font-size:14px;color:#374151;font-weight:550}.board-label>span{font-size:14px}.stock-bar{display:flex;height:33px;border:1px solid #d5e0c6;border-radius:3px;background:#f2eddf;overflow:hidden;min-width:20%;max-width:100%}.stock-bar>*{flex:none;height:100%}.cut-segment{border-right:1px solid #fffefb;background:#cedec1;color:#374151;font-size:14px;border-radius:0;overflow:hidden;padding:0;min-width:0;white-space:nowrap}.cut-segment:hover{background:#adc996}.cut-segment.shade-1{background:#d9e5cb}.cut-segment.shade-2{background:#e2ead4}.stock-bar .offcut{background:repeating-linear-gradient(135deg,#eee9db,#eee9db 3px,#e7e1cf 4px,#eee9db 5px)}.kerf-gap{background:#fffefa}.board-foot{display:flex;justify-content:space-between;margin-top:7px;color:#374151;font-size:14px}.unplaced-list{padding:20px;background:#fff7ec;border-top:1px solid #e7d5b6;color:#374151}.unplaced-list h3{font-size:14px}.unplaced-list p{font-size:14px;margin:4px 0}.empty-state{text-align:center;padding:50px 20px;color:#374151;font-size:14px}
.dialog{border:1px solid #dbe5d0;border-radius:12px;max-width:740px;width:calc(100% - 40px);padding:27px 29px 0;max-height:88dvh;overflow:auto;background:var(--paper);color:var(--ink);box-shadow:0 20px 100px #1d3a2333}.dialog::backdrop{background:#2d40244d;backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:16px}.dialog-heading .eyebrow{font-size:14px;letter-spacing:1.2px}.dialog-heading h2{font-size:27px;letter-spacing:-.8px;line-height:1.2;margin:10px 0 0;font-weight:550;max-width:590px}.dialog-heading>.icon-btn{background:#f0f4e8;color:#374151;flex:none}.dialog-lead{font-size:14px;color:#374151;line-height:1.7;margin-bottom:22px}.dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e4ecda;padding:18px 0;margin-top:23px}.dialog-footer>span{font-size:14px;line-height:1.7;color:#374151;max-width:420px}.dialog-footer button{font-size:14px;white-space:nowrap}.review-dialog{max-width:830px}.review-list{display:flex;flex-direction:column;gap:11px}.review-item{display:flex;gap:12px;border:1px solid #e5ecdc;border-radius:6px;background:#fafcf6;padding:17px}.review-item>span{color:#374151;padding-top:2px}.review-item>div{flex:1}.review-item-heading{display:flex;justify-content:space-between;gap:8px;align-items:center}.review-item h3{font-size:14px;margin:0;color:#374151;font-weight:550}.review-item-heading>span{font-size:14px;letter-spacing:.5px;color:#374151;background:#eef4e5;padding:3px 5px;border-radius:3px;white-space:nowrap}.review-item p{font-size:14px;line-height:1.7;color:#374151;margin:7px 0 0}.review-item.warning{background:#fff5e9;border-color:#efdfc5}.review-item.warning h3{color:#374151}.review-item.warning>span{color:#374151}.review-item.warning p{color:#374151}.review-item.warning .review-item-heading>span{background:#faedd4;color:#374151}.source-note{margin-top:20px;border-radius:6px;background:#f1f5e9;padding:17px;color:#374151}.source-note strong{font-size:14px;color:#374151;font-weight:550}.source-note p{font-size:14px;line-height:1.7;margin:6px 0 0}.source-note a{color:#374151;text-decoration:underline;text-underline-offset:2px}.presets-dialog{max-width:870px}.preset-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.preset-card{display:block;text-align:left;white-space:normal;border:1px solid #e2ead7;border-radius:8px;overflow:hidden;background:#fffefa;padding:0 17px 19px}.preset-card:hover{border-color:#b3c79d;background:#fbfdf6;box-shadow:0 5px 16px #354e2110}.preset-art{height:155px;margin:0 -17px 20px;padding:13px;background:#f1f5e9;border-bottom:1px solid #e9efdf}.preset-card .eyebrow{font-size:14px;letter-spacing:.7px;color:#374151}.preset-card h3{font-size:16px;letter-spacing:-.3px;margin:8px 0 8px;font-weight:550}.preset-card p{font-size:14px;color:#374151;line-height:1.65;min-height:50px;margin:0 0 18px}.preset-card>span{font-size:14px;color:#374151;display:flex;align-items:center;justify-content:space-between}.brief-label{display:block;font-size:14px;color:#374151;margin-bottom:8px}.dialog textarea{display:block;width:100%;padding:14px;font-size:14px;line-height:1.7;border-color:#dce7d0;background:#fcfef7;resize:vertical;min-height:90px}.brief-examples{display:flex;gap:7px;margin:11px 0 21px}.brief-examples button{font-size:14px;background:#f0f5e5;border:1px solid #e1ecd3;border-radius:20px;color:#374151;padding:7px 10px}.brief-help{font-size:14px;color:#374151;background:#f6f9ef;padding:14px;border-radius:6px}.brief-help strong{font-size:14px;color:#374151;font-weight:550}.brief-help p{margin:6px 0 0;font-size:14px;line-height:1.7}.export-dialog{max-width:740px}.export-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.export-card{display:grid;grid-template-columns:29px 1fr 16px;column-gap:12px;row-gap:6px;text-align:left;white-space:normal;border:1px solid #e0ead4;border-radius:7px;padding:17px;align-items:center}.export-card>svg:first-child{grid-row:1/3;color:#374151}.export-card>strong{font-size:14px;font-weight:550;color:#374151}.export-card>span{grid-column:2;font-size:14px;line-height:1.6;color:#374151}.export-card>svg:last-child{grid-column:3;grid-row:1/3;color:#374151}.export-card:hover{background:#f4f9e9;border-color:#c6d9b0}.export-card:first-child{background:#eff6e5;border-color:#d5e7c1}.export-warning{display:flex;gap:8px;padding:19px 0;font-size:14px;color:#374151;margin-top:6px;align-items:center}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 25px}.help-grid h3{font-size:14px;margin:0 0 8px;font-weight:550;color:#374151}.help-grid p{font-size:14px;line-height:1.7;color:#374151;margin-bottom:8px}.shortcut-list{display:flex;flex-wrap:wrap;gap:12px 19px;padding:18px 0;margin:10px 0;border-top:1px solid #e7efdd;border-bottom:1px solid #e7efdd}.shortcut-list>span{font-size:14px;color:#374151}kbd{font:9px inherit;display:inline-block;padding:4px 6px;border-radius:4px;border:1px solid #e0ebd1;background:#f5f9ed;margin-right:5px;color:#374151}.print-root{display:none}
@media(min-width:1600px){.design-view{grid-template-columns:284px minmax(0,1fr)300px}.builder{padding-left:29px;padding-right:24px}.inspector{padding-left:25px;padding-right:24px}.brand{width:254px}.workspace-label{width:259px}.builder-intro h1{font-size:29px}.builder-intro p{font-size:14px}.feature-card{min-height:86px;font-size:14px}.feature-wide{min-height:48px}.section-heading{margin-top:27px}.overview-art{height:149px}.overview-art .mini-house{height:130px}.overview-heading h2{font-size:19px}.inspector-section{margin-top:24px;padding-top:24px}.eyebrow{font-size:14px}.interaction-hint{font-size:14px;padding:7px 12px}.render-modes button{font-size:14px;padding:7px 10px}}
@media(max-width:1200px){.design-view{grid-template-columns:234px minmax(0,1fr)246px}.builder{padding-left:19px;padding-right:16px}.inspector{padding-left:16px;padding-right:15px}.app-header{gap:12px;padding-left:20px;padding-right:16px}.brand{width:203px;font-size:26px}.workspace-label{width:208px}.workspace-nav{padding-left:20px;padding-right:15px}.project-name input{width:183px}.prototype-tag{display:none}.view-tabs{gap:25px}.builder-intro h1{font-size:24px}.builder-intro p{font-size:14px}.interaction-hint{display:none}.viewport-top{left:14px;right:14px}.live-badge{font-size:14px;padding:7px 6px;letter-spacing:.7px}.render-modes button{padding:6px}.scene-tools{left:14px}.view-cube{right:10px}.overview-heading h2{font-size:16px}.overview-art{height:118px}.overview-art .mini-house{height:102px}.overview-metrics strong{font-size:26px}.overview-metrics>div+div{padding-left:18px}.review-card{gap:7px}.review-card small{font-size:14px}.review-card strong{font-size:14px}.select-prompt{gap:7px;padding:11px 8px}.select-prompt strong{font-size:14px}.select-prompt small{font-size:14px}.materials-inner{padding:26px}.materials-settings{gap:12px}.material-tabs{gap:23px}.drawing-scale{display:none}.materials-header p{font-size:14px}}
@media(max-width:980px){.project-name{display:none}.header-actions{margin-left:auto}.brand{width:auto}.design-view{grid-template-columns:230px minmax(0,1fr);grid-template-rows:minmax(540px,calc(100dvh - 147px)) auto;height:auto;min-height:100%;overflow:visible}.design-view .inspector{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:15px 25px;border-left:0;border-top:1px solid var(--line);overflow:visible}.inspector>.eyebrow,.inspector>.overview-heading{grid-column:1/-1}.inspector>.overview-art{display:none}.inspector>.overview-metrics{margin:0}.inspector>.select-prompt{margin:0}.inspector-section{margin:0;padding-top:18px}.review-card{margin-top:0}.inspector-links{margin-top:0}.sidebar.builder{max-height:calc(100dvh - 147px)}main{overflow:auto}.design-view .viewport{min-height:540px}.workspace-label{width:210px}.offline-label{display:none}.material-search input{width:100px}.material-tabs{gap:18px;padding:0 15px}.materials-settings{flex-wrap:wrap;gap:10px 18px}.materials-settings .assembly-filter{margin-left:0}.parts-table td,.parts-table th{padding:13px 15px}.materials-header{align-items:flex-start}.materials-header h1{font-size:25px}.materials-header>div:last-child{flex-direction:column}.materials-header p{max-width:330px}.material-metrics{gap:10px}.material-metrics>div{padding:16px;gap:11px}.material-metrics strong{font-size:25px}.material-metrics>div>div>span{font-size:14px}.metric-icon{width:36px;height:36px}.drawings-view{grid-template-columns:225px minmax(0,1fr)}.drawing-sidebar{padding:25px 17px}.drawing-sidebar h1{font-size:22px}.drawing-toolbar{padding:0 17px}.drawing-scroll{padding:22px 17px}.table-summary>span{display:none}}
@media(max-width:650px){#app{grid-template-rows:60px 46px minmax(0,1fr)28px}.app-header{padding:0 14px}.brand{font-size:24px;gap:8px}.brand-mark{width:24px;transform:scale(.85) rotate(-7deg);transform-origin:left center}.header-actions{gap:4px}.header-actions>button.quiet{display:none}.header-actions .compact{padding:7px 8px;font-size:14px;gap:5px}.header-actions .secondary span{display:none}.header-actions .secondary{width:32px}.header-actions .primary{min-height:32px}.workspace-label{display:none}.workspace-nav{padding:0 12px}.view-tabs{gap:20px}.view-tab{font-size:14px;gap:5px}.view-tab svg{height:14px;width:14px}.tab-count{font-size:14px;padding:2px 4px}.nav-tools{gap:0}.nav-tools .icon-btn{height:27px;width:27px}.nav-divider{margin:0 6px;height:13px}.units-btn{min-width:31px;font-size:14px}.design-view{display:flex;flex-direction:column;height:auto}.design-view .viewport{order:0;height:57dvh;min-height:360px;flex:none;border-bottom:1px solid var(--line)}.sidebar.builder{order:1;max-height:none;border-right:0;padding:24px}.design-view .inspector{order:2;display:block;border-left:0;padding:24px}.builder-intro h1{font-size:27px}.builder-intro h1 br{display:none}.builder-intro p{font-size:14px}.preset-picker{margin-bottom:23px}.preset-picker strong{font-size:14px}.preset-picker small{font-size:14px}.builder .section-heading{margin-top:24px}.field-row{gap:14px}.field>span{font-size:14px}.field select{font-size:14px;min-height:37px}.range-field>span{font-size:14px}.range-field strong{font-size:14px}.feature-grid{grid-template-columns:repeat(3,1fr)}.feature-card{font-size:14px;min-height:81px}.feature-wide{grid-column:2/4;min-height:81px;justify-content:center;flex-direction:row}.feature-wide i{top:8px;right:8px}.dimension-caption{font-size:14px}.roof-options button{padding:10px;font-size:14px;flex-direction:row}.builder-details summary{font-size:14px;min-height:51px}.idea-button{font-size:14px;padding-top:17px}.scene-tools{left:13px;top:66px}.scene-tools button{width:29px;height:29px}.viewport-top{top:13px;left:13px;right:13px}.live-badge{font-size:14px}.render-modes button{padding:5px 7px}.render-modes button span{display:none}.render-modes button svg{height:16px;width:16px}.view-cube{top:65px;right:8px;transform:scale(.85);transform-origin:top right}.viewport-bottom{bottom:14px;left:13px;right:13px}.dimension-overlay text{font-size:14px}.view-only-note{font-size:14px;max-width:90%;white-space:normal;text-align:center;bottom:59px}.inspector>.overview-heading h2{font-size:22px}.inspector>.overview-heading p{font-size:14px}.inspector>.overview-art{display:block;height:175px}.inspector>.overview-art .mini-house{height:160px}.inspector>.overview-metrics{margin:20px 0}.overview-metrics strong{font-size:31px}.overview-metrics>div>span{font-size:14px}.select-prompt{padding:15px;margin:20px 0!important}.select-prompt strong{font-size:14px}.select-prompt small{font-size:14px}.inspector-section{margin-top:25px;padding-top:20px}.mini-section-heading h3{font-size:14px}.finish-options button{font-size:14px;padding:6px}.finish-swatch{height:31px}.accent-row>span{font-size:14px}.accent-swatch{height:22px;width:22px}.palette-note{font-size:14px}.layer-labels{font-size:14px}.review-card{margin-top:24px;padding:16px}.review-card strong{font-size:14px}.review-card small{font-size:14px}.inspector-links{margin-top:17px}.inspector-links button{font-size:14px;padding:9px 0}.app-footer{padding:0 11px;font-size:14px}.app-footer>div{gap:6px}.app-footer>div:last-child{display:none}.app-footer button{font-size:14px}.footer-separator{padding:0 2px}.drawings-view{display:flex;flex-direction:column;height:auto;min-height:100%}.drawing-sidebar{border-right:0;border-bottom:1px solid var(--line);padding:23px 17px}.drawing-sidebar h1{font-size:24px}.drawing-note{display:none}.drawing-sidebar>p{font-size:14px}.sheet-list{flex-direction:row;overflow-x:auto;margin:20px -3px 16px;gap:5px;padding-bottom:5px}.sheet-list button{padding:8px;flex-direction:column;gap:6px;font-size:14px;flex:none}.sheet-list button svg{display:none}.sheet-number{font-size:14px}.drawing-sidebar>.full-width{display:inline-flex;width:auto;margin:0 4px 0 0;padding:9px}.drawing-sidebar>.text-link{display:none}.drawing-workspace{height:550px;min-height:550px}.drawing-toolbar{height:50px;padding:0 14px}.drawing-toolbar strong{font-size:14px}.drawing-toolbar .small-tag{display:none}.drawing-toolbar>div{gap:6px}.drawing-scroll{padding:16px 12px;overflow:auto}.paper-caption{font-size:14px;text-align:left;min-width:420px}.materials-inner{padding:24px 14px}.materials-header{flex-direction:column;gap:17px}.materials-header h1{font-size:27px}.materials-header p{font-size:14px;max-width:none}.materials-header>div:last-child{flex-direction:row;width:100%}.materials-header button{flex:1;padding:9px 7px;font-size:14px}.material-metrics{gap:7px}.material-metrics>div{padding:12px 9px;gap:0}.metric-icon{display:none}.material-metrics strong{font-size:25px}.material-metrics strong small{font-size:14px}.material-metrics>div>div>span{font-size:14px;line-height:1.6;min-height:25px}.materials-disclaimer{font-size:14px;padding:12px;gap:8px;align-items:flex-start}.materials-disclaimer button{display:none}.material-tabs{flex-wrap:wrap;height:auto;padding:0 12px;gap:0;justify-content:space-between}.material-tabs>button{font-size:14px;padding:17px 0;height:48px}.material-search{width:100%;margin:0 0 10px;order:9}.material-search input{width:100%;font-size:14px;padding:2px}.materials-settings{padding:12px;gap:10px}.materials-settings label{font-size:14px;gap:4px}.materials-settings select{font-size:14px;max-width:145px}.materials-settings .assembly-filter{width:100%}#materials-body{overflow-x:auto}.parts-table{min-width:620px}.parts-table th{font-size:14px;padding:12px 13px}.parts-table td{padding:12px 13px;font-size:14px}.parts-table td strong{font-size:14px}.parts-table .subtext{font-size:14px}.stock-chip{font-size:14px;padding:4px 5px}.cut-length{font-size:14px}.table-summary{min-width:350px;padding:12px;font-size:14px}.table-explainer{padding:12px;font-size:14px;align-items:flex-start;min-width:350px}.materials-footnote{font-size:14px}.stock-layouts{padding:5px 12px;min-width:400px}.cut-segment{font-size:14px}.board-foot{font-size:14px}.dialog{width:calc(100% - 24px);padding:21px 19px 0;border-radius:9px;max-height:90dvh}.dialog-heading h2{font-size:24px}.dialog-heading .eyebrow{font-size:14px}.dialog-lead{font-size:14px}.dialog-footer{flex-direction:column;align-items:stretch;gap:13px;padding:15px 0;margin-top:19px}.dialog-footer>span{font-size:14px}.dialog-footer button{width:100%}.preset-cards{grid-template-columns:1fr;gap:11px}.preset-card{display:grid;grid-template-columns:120px 1fr;gap:0 15px;padding:13px;align-items:center}.preset-art{grid-column:1;grid-row:1/5;height:125px;border:0;border-radius:4px;margin:0;padding:0}.preset-card .eyebrow,.preset-card h3,.preset-card p,.preset-card>span{grid-column:2}.preset-card .eyebrow{font-size:14px}.preset-card h3{font-size:15px;margin:5px 0}.preset-card p{font-size:14px;min-height:0;margin:0 0 9px}.preset-card>span{font-size:14px}.export-grid{gap:9px;grid-template-columns:1fr}.export-card{padding:14px;grid-template-columns:26px 1fr 16px}.export-card>strong{font-size:14px}.export-card>span{font-size:14px}.export-warning{font-size:14px;align-items:flex-start;line-height:1.6}.review-item{padding:13px;gap:9px}.review-item-heading{flex-direction:column;align-items:flex-start;gap:6px}.review-item h3{font-size:14px}.review-item p{font-size:14px}.review-item-heading>span{font-size:14px}.source-note{padding:14px}.source-note p{font-size:14px}.help-grid{grid-template-columns:1fr;gap:9px}.help-grid h3{font-size:14px}.help-grid p{font-size:14px}.brief-examples{flex-wrap:wrap}.brief-examples button{font-size:14px}.dialog textarea{font-size:14px}.toast{font-size:14px;padding:12px 14px;bottom:43px;width:max-content;max-width:90%}}
@media print{@page{size:landscape;margin:8mm}html,body{height:auto;background:white}#app{display:block;height:auto;min-height:0;overflow:visible}.app-header,.workspace-nav,main,.app-footer,.toast,.dialog{display:none!important}.print-root{display:block!important}.print-sheet{break-after:page;page-break-after:always}.print-sheet:last-child{break-after:auto}.print-sheet svg{display:block;width:100%;max-height:178mm;height:auto}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Yardcraft 0.2: neutral, readable UI. Minimum interface text 14px. */
:root{--ink:#141820;--muted:#4b5563;--green:#17202b;--green-dark:#000;--sage:#f1f3f5;--sage-strong:#e3e7ed;--line:#d6dae0;--paper:#fff;--canvas:#f4f5f7;--accent:#303a49;--orange-bg:#fff6e5;--orange-ink:#664309;--shadow:0 3px 14px #11182710;font-size:15px;line-height:1.45;background:#fff;color:#141820}
button,input,select,textarea{font-size:15px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #185bd6;outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #185bd6;outline-offset:1px}button:disabled{opacity:.45}button:not(:disabled):active{transform:none}::selection{background:#cddfff}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#a7aeb8}a{color:#184f9e}p{line-height:1.55}input:not([type=checkbox]):not([type=range]),select{min-height:40px}input[type=checkbox]{width:17px;height:17px;flex:none;accent-color:#17202b}input[type=range]{accent-color:#17202b}
#app{grid-template-rows:70px 58px minmax(0,1fr)38px;min-height:640px}.app-header{padding:0 24px;gap:20px;background:#fff}.brand{width:236px;color:#101722}.brand-mark i,.brand-mark i:nth-child(3){background:#111827}.brand-mark i:nth-child(2){background:#78818c}.brand-dot{color:#111827}.project-name input{font-size:16px;min-width:160px;width:240px}.project-dot{background:#586273}.prototype-tag{font-size:14px;letter-spacing:.5px;padding:4px 7px;color:#4b5563;border-color:#bcc2cb}.header-actions .compact{font-size:15px;min-height:40px;padding:9px 13px}.quiet{color:#394454}.workspace-nav{padding:0 24px}.workspace-label{width:236px;font-size:14px;letter-spacing:.9px;color:#4b5563}.workspace-label span{font-size:14px;color:#4b5563}.view-tabs{gap:28px}.view-tab{font-size:16px;color:#4b5563}.view-tab.active{color:#101722}.view-tab.active:after{height:3px;background:#111827}.view-tab:hover{color:#111827}.tab-count{font-size:14px;color:#303b49;background:#edf0f4}.nav-tools .icon-btn{width:38px;height:38px}.units-btn{font-size:14px;color:#374151}.primary,.secondary{font-size:15px;min-height:40px}.primary{background:#17202b;border-color:#17202b;color:#fff}.primary:hover{background:#000}.secondary{background:#fff;border-color:#b8c0ca}.secondary:hover{background:#f3f4f6}.icon-btn{width:36px;height:36px}.small-tag{font-size:14px;color:#374151;background:#eef0f3}
.app-footer{font-size:14px;color:#4b5563;background:#fff;padding:0 20px;border-top:1px solid #d6dae0}.app-footer button{font-size:14px;color:#303b49}.save-dot{background:#4b5563}.eyebrow{font-size:14px;letter-spacing:.7px;color:#4b5563}.builder-intro p{white-space:normal;font-size:15px;color:#4b5563}.sidebar{background:#fff}.design-view{grid-template-columns:275px minmax(0,1fr)310px}.builder{padding:24px 20px}.inspector{padding:24px 20px}.builder-intro h1{font-size:28px}.field>span,.range-field>span,.feature-card,.dimension-caption,.micro-note,.palette-note,.layer-labels,.checkbox-label{font-size:14px;color:#3e4856}.field select,.field input,.range-field strong{font-size:15px}.field.full{margin-top:14px}.unit-input input{min-height:40px}.builder .section-heading{margin-top:24px}.section-heading h2,.mini-section-heading h3{font-size:16px;color:#18212e}.section-heading small{font-size:14px}.feature-grid{gap:8px}.feature-card{min-height:85px}.feature-card.active,.feature-wide.active,.roof-options button.active{background:#edf1f7;color:#14233b;border-color:#8193af}.feature-card .feature-check{color:#fff;background:#17202b}.feature-wide.active>span:last-child{color:#17202b}.builder-details summary{min-height:50px;font-size:15px}.idea-button{font-size:14px;padding:13px 0;color:#303b49}.assembly-list button{font-size:15px;min-height:44px;gap:9px;white-space:normal;text-align:left}.assembly-list button small{color:#4b5563;font-size:14px;margin-left:auto}.overview-heading h2{font-size:25px}.overview-heading p{font-size:15px;color:#4b5563}.overview-art{background:#f3f4f6}.overview-metrics>div>span{font-size:14px;color:#4b5563}.select-prompt{background:#f1f3f5;border-color:#d4d9e0}.select-prompt strong{font-size:15px;color:#202a38}.select-prompt small{font-size:14px;color:#4b5563}.finish-options button{font-size:14px;color:#374151}.finish-options button.active{background:#f1f3f5;border-color:#93a0b2}.accent-row>span{font-size:14px;color:#374151}.review-card{background:#fff6e5;border-color:#dec393}.review-card strong{font-size:15px;color:#533805}.review-card small{font-size:14px;color:#624511}.inspector-links button{font-size:15px;color:#263343}.inspector-section{padding-top:20px}.part-details dt,.part-details dd{font-size:14px;color:#303b49}.scene-tools button{width:38px;height:38px}.scene-tools{top:78px}.scene-tools button.active{background:#17202b;color:#fff}.scene-tools button:hover{background:#e1e7ee;color:#111827}.render-modes button{font-size:14px;padding:8px 10px;color:#3e4856}.render-modes button.active{background:#17202b;color:#fff}.live-badge{font-size:14px;color:#303b49;background:#fff;border-color:#cbd1d9}.live-badge span{background:#17202b}.dimension-overlay text{font-size:14px;fill:#17202b}.interaction-hint,.view-only-note,.hover-tooltip{font-size:14px;color:#303b49}.view-only-note{background:#fff;border:1px solid #bfc6cf;padding:7px 12px;bottom:66px}.zoom-tools button,.view-cube button{font-size:14px}.view-cube{top:84px}.viewport-bottom{bottom:18px}.interaction-hint{background:#ffffffdc;padding:7px 10px;border-radius:5px}.view-cube svg{width:95px;height:95px}.view-cube svg text{font-size:10px;fill:#293343}.zoom-tools button{height:38px;min-width:36px}.live-badge,.floating,.render-modes,.scene-tools,.zoom-tools{box-shadow:0 2px 8px #10182710;border-color:#cbd1d9}.scene-message{font-size:14px}
.drawings-view{grid-template-columns:285px minmax(0,1fr)}.drawing-sidebar{padding:24px 20px;background:#fff}.drawing-sidebar h1{font-size:28px}.drawing-sidebar>p,.drawing-note,.drawing-note p{font-size:14px;color:#4b5563}.sheet-list button{font-size:15px;padding:12px 10px;min-height:48px;white-space:normal}.sheet-list button.active{background:#edf1f7;color:#102545}.sheet-number{font-size:14px;color:#3b485a}.drawing-toolbar{min-height:64px;height:auto;padding:12px 22px;gap:12px}.drawing-toolbar strong{font-size:16px}.paper-caption{font-size:14px;color:#4b5563}.drawing-scroll{background:#e9ecf0}.drawing-note{border-color:#d5dae1;background:#f3f4f6}.drawing-note strong{color:#1f2937}.drawing-toolbar button{min-height:36px;min-width:34px}
.materials-inner{max-width:1600px}.materials-header h1{font-size:30px}.materials-header p,.materials-footnote{font-size:14px;color:#4b5563}.materials-header button{font-size:15px}.material-metrics>div>div>span{font-size:14px;color:#4b5563;letter-spacing:.35px}.metric-icon{background:#edf0f4;color:#303b49}.materials-disclaimer{font-size:14px;color:#5e4518;background:#fff6e5}.material-tabs{gap:24px;min-height:58px}.material-tabs>button{font-size:15px;color:#4b5563}.material-tabs>button.active{color:#111827;border-color:#111827}.material-search input{font-size:15px}.materials-settings{gap:16px;flex-wrap:wrap}.materials-settings label{font-size:14px;color:#3f4958}.materials-settings select{font-size:15px}.parts-table th{font-size:14px;letter-spacing:.25px;color:#374151;background:#f3f4f6}.parts-table td,.parts-table td strong{font-size:15px;color:#202937}.parts-table .subtext{font-size:14px;color:#4b5563;line-height:1.45}.stock-chip{font-size:14px;background:#f0f2f5;color:#253142}.cut-length{font-size:16px}.table-summary,.table-explainer{font-size:14px;color:#3c4858}.stock-layouts{background:#fff}.board-head,.board-head strong,.board-head span,.cut-segment,.board-foot{font-size:14px;color:#303b49}.cut-segment{min-height:36px;color:#17202b}.board-foot{margin-top:10px}.unplaced-warning{font-size:14px}.hardware-tbd{font-size:14px}.materials-disclaimer button{font-size:14px}
.dialog{width:min(920px,calc(100% - 48px));padding:28px 30px 0;background:#fff;border:1px solid #cad0d8;border-radius:12px;max-height:92dvh}.dialog-heading h2{font-size:30px;line-height:1.2}.dialog-lead{font-size:16px;color:#4b5563}.dialog-heading .eyebrow{font-size:14px}.dialog-footer{font-size:14px;gap:20px}.dialog-footer>span{font-size:14px;color:#4b5563}.dialog textarea{font-size:16px;line-height:1.6}.help-grid h3{font-size:18px}.help-grid p{font-size:15px;color:#4b5563}.help-grid article{padding:18px;background:#f3f4f6}.source-note{font-size:15px;background:#f2f4f7}.source-note p{font-size:15px;color:#3f4958}.shortcut-list{display:flex;flex-wrap:wrap;gap:12px 18px;padding:18px 0;font-size:14px}.shortcut-list kbd{font:inherit;background:#eef0f4;border:1px solid #c8ced7;border-bottom-width:2px;border-radius:4px;padding:3px 6px}.export-card{min-height:100px}.export-card>strong{font-size:17px}.export-card>span{font-size:14px;color:#4b5563;line-height:1.5}.export-warning{font-size:14px}.review-item h3{font-size:17px}.review-item p{font-size:15px}.review-item-heading>span{font-size:14px;white-space:nowrap}.preset-card h3{font-size:22px}.preset-card p,.preset-card>span{font-size:14px}.preset-card .eyebrow{font-size:14px}.brief-examples{flex-wrap:wrap}.brief-examples button{font-size:14px}.toast{font-size:15px;bottom:56px;line-height:1.5}
/* Drawing-first workspace */
.layout-view{height:100%;min-height:0;display:grid;grid-template-columns:264px minmax(360px,1fr)344px;background:#fff;overflow:hidden}
.draft-sidebar{overflow-y:auto;min-height:0;padding:24px 18px;border-right:1px solid #d6dae0;background:#fff;scrollbar-gutter:stable}.draft-library-brand h2{font-size:27px;line-height:1.12;letter-spacing:-.6px;margin:10px 0 12px;font-weight:650}.draft-library-brand p{font-size:15px;color:#4b5563;margin-bottom:20px}.draft-eyebrow{font-size:14px;letter-spacing:.7px;font-weight:600;color:#4b5563}.draft-mode-switch{display:flex;border:1px solid #c4cad3;border-radius:7px;padding:3px;gap:3px;margin-bottom:24px;background:#f2f4f7}.draft-mode-switch button{flex:1;min-height:39px;font-size:15px;border-radius:5px;color:#364152}.draft-mode-switch button.active{background:#17202b;color:#fff}.draft-section-title{display:flex;align-items:center;justify-content:space-between;margin:23px 0 11px;gap:8px}.draft-section-title h3{font-size:16px;font-weight:650;margin:0}.draft-section-title>span{background:#edf0f4;color:#374151;border-radius:4px;padding:1px 7px;font-size:14px}.draft-level-list{display:flex;flex-direction:column;gap:8px}.draft-level{width:100%;text-align:left;padding:12px 10px;border:1px solid #cdd3db;border-radius:7px;gap:9px;white-space:normal;background:#fff}.draft-level:hover{background:#f6f7f9}.draft-level.active{border-color:#17202b;box-shadow:0 0 0 1px #17202b;background:#f5f6f8}.draft-level strong{display:block;font-size:15px;line-height:1.35}.draft-level small{display:block;font-size:14px;color:#4b5563;line-height:1.5}.draft-level-icon{color:#27364a}.draft-level-area{margin-left:auto;font-size:17px;text-align:right;font-weight:600}.draft-level-area small{font-weight:400}.draft-two-buttons{display:flex;gap:8px;margin-top:12px}.draft-two-buttons button{flex:1;border:1px solid #bfc7d2;border-radius:6px;font-size:14px;min-height:40px;padding:7px;white-space:normal;gap:5px}.draft-two-buttons button:hover{background:#f1f3f6}.draft-cover{width:100%;min-height:40px;border:1px solid #b9c2cf;background:#f4f6f9;border-radius:6px;font-size:14px;margin:10px 0 2px;padding:8px;white-space:normal}.draft-cover:hover{background:#e9edf3}.draft-small{font-size:14px;line-height:1.5;color:#4b5563;margin:8px 0 14px}.draft-object-library,.draft-site-tools{display:flex;flex-direction:column;gap:6px}.draft-object-library button{justify-content:flex-start;white-space:normal;text-align:left;padding:10px 11px;border-radius:6px;border:1px solid #d7dce3;min-height:44px;font-size:15px}.draft-object-library button>span{flex:1}.draft-object-library button:hover,.draft-site-tools button:hover{background:#f1f4f8}.draft-object-library button.active,.draft-site-tools button.active{border-color:#17202b;background:#17202b;color:#fff}.draft-site-tools button{padding:12px 10px;border:1px solid #d0d6de;border-radius:6px;text-align:left;justify-content:flex-start;white-space:normal}.draft-site-tools button>span{flex:1}.draft-site-tools strong{display:block;font-size:15px;font-weight:600}.draft-site-tools small{display:block;font-size:14px;color:#4b5563;margin-top:3px}.draft-site-tools .active small{color:#e5e9f0}.draft-details{border-top:1px solid #d6dae0;margin-top:19px;padding-top:7px}.draft-details>summary{min-height:47px;display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:600;gap:8px;line-height:1.4}.draft-details summary:after{content:'+';font-size:20px;margin-left:auto}.draft-details[open]>summary:after{content:'−'}.draft-details summary>svg{display:none}.draft-details>summary>span{font-size:14px;font-weight:400}.draft-list-item{display:flex;width:100%;min-height:43px;justify-content:space-between;text-align:left;white-space:normal;border-bottom:1px solid #e0e4e9;padding:10px 4px;font-size:14px;gap:10px}.draft-list-item:hover{background:#f2f4f7}.draft-list-item.active{background:#eaf0fa;color:#173766}.draft-list-item small{font-size:14px;color:#4b5563;white-space:nowrap}.draft-callout{padding:14px;background:#f1f4f8;border:1px solid #d0d7e2;border-radius:7px;margin:20px 0;font-size:14px;white-space:normal}.draft-callout strong{font-size:15px;line-height:1.45;display:block;color:#1e2b3d}.draft-callout p{font-size:14px;color:#445065;margin:7px 0 0}.draft-callout button{font-size:14px;margin-top:12px;white-space:normal;text-align:left;justify-content:flex-start;color:#182b48;padding:0;min-height:34px}.draft-callout.compact{padding:12px}.draft-library-bottom{border-top:1px solid #d6dae0;margin-top:22px;padding-top:12px;display:grid;gap:3px}.draft-library-bottom button{font-size:14px;justify-content:flex-start;white-space:normal;text-align:left;padding:9px 0;color:#374151;min-height:38px}.draft-empty{font-size:14px;color:#4b5563;padding:14px;border:1px dashed #bbc3ce;border-radius:6px}.draft-primary{background:#17202b;color:#fff!important;border:1px solid #17202b;border-radius:6px;padding:10px 14px!important;min-height:40px;justify-content:center!important}.draft-primary:hover{background:#000}
.draft-workspace{min-width:0;min-height:0;display:flex;flex-direction:column}.draft-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:21px 24px 17px;border-bottom:1px solid #d6dae0;min-height:91px;background:#fff}.draft-heading h1{font-size:23px;line-height:1.25;letter-spacing:-.4px;margin:6px 0 0;font-weight:650}.draft-guide{padding:8px 0;font-size:14px;color:#374151;white-space:normal;text-align:left;flex:none}.draft-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:10px 16px;border-bottom:1px solid #cfd5de;background:#fafbfc;z-index:1}.draft-tools{display:flex;flex-wrap:wrap;gap:3px}.draft-tools button{display:flex;flex-direction:column;gap:4px;min-width:59px;padding:7px 9px;border-radius:5px;color:#3f4a5b;border:1px solid transparent;font-size:14px;min-height:56px}.draft-tools button:hover{background:#e9edf2}.draft-tools button.active{background:#17202b;color:#fff;border-color:#17202b}.draft-grid-controls{margin-left:auto;display:flex;gap:6px;align-items:center}.draft-grid-controls label{display:flex;align-items:center;gap:6px;font-size:14px;color:#4b5563}.draft-grid-controls select{min-height:36px;font-size:14px;max-width:84px;padding:5px}.draft-grid-controls button{width:35px;height:36px;border-radius:5px;color:#4b5563;border:1px solid #d0d6df}.draft-grid-controls button.active{background:#e8edf5;color:#152b4a;border-color:#aebdd0}.draft-canvas-wrap{position:relative;flex:1;min-height:220px;background:#fff;overflow:hidden;isolation:isolate}#plan-editor{display:block;width:100%;height:100%;touch-action:none;user-select:none;outline:none}#plan-editor:focus-visible{box-shadow:inset 0 0 0 2px #185bd6}.draft-view-controls{position:absolute;right:15px;top:15px;display:flex;background:#fff;box-shadow:0 2px 8px #11182710;border:1px solid #bfc7d2;border-radius:6px;overflow:hidden}.draft-view-controls button{height:37px;min-width:35px;padding:6px 9px;font-size:14px;color:#374151;border-left:1px solid #e1e5ea}.draft-view-controls button:first-child{border:0}.draft-view-controls button:first-child span,.draft-view-controls button:last-child span{display:none}.draft-view-controls button:hover{background:#f0f3f7}.draft-draw-status{position:absolute;left:16px;bottom:17px;right:16px;padding:11px 14px;background:#fffffff5;border:1px solid #c3ccd9;box-shadow:0 2px 8px #17202b0c;border-radius:7px;font-size:14px;color:#354153;display:flex;align-items:center;gap:12px;line-height:1.45;pointer-events:auto;max-width:780px}.draft-draw-status:empty{display:none}.draft-draw-status strong{color:#17202b}.draft-draw-status>span{flex:1}.draft-draw-status button{font-size:14px;min-height:34px;padding:6px 10px;border:1px solid #bfc7d2;border-radius:5px;white-space:normal}.draft-plan-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;background:#fff;border-top:1px solid #d6dae0;font-size:14px;color:#4b5563;min-height:43px;flex-wrap:wrap}.draft-plan-footer>span:first-child{font-variant-numeric:tabular-nums}.draft-plan-footer>span:nth-child(2){color:#233650}
.draft-right{display:flex;flex-direction:column;min-height:0;border-left:1px solid #d6dae0;background:#fff}.draft-preview-heading{padding:11px 15px;border-bottom:1px solid #d6dae0;display:flex;align-items:center;justify-content:space-between;min-height:51px;font-size:16px}.draft-preview-heading>div{display:flex;gap:7px}.draft-preview-heading button{font-size:14px;color:#374151;padding:5px 7px;min-height:32px;border:1px solid #d4dae3;border-radius:5px}.draft-preview{position:relative;height:255px;min-height:200px;flex:none;background:#f4f5f6;overflow:hidden}.draft-preview canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.draft-preview canvas:active{cursor:grabbing}.draft-preview-note{position:absolute;bottom:10px;left:0;width:100%;text-align:center;pointer-events:none;font-size:14px;color:#374151;background:#ffffffa8;padding:3px 0}.draft-preview-options{display:flex;gap:9px 14px;padding:12px 15px;flex-wrap:wrap;border-bottom:1px solid #d6dae0;font-size:14px;min-height:48px;background:#fafbfc}.draft-preview-options label{display:flex;gap:6px;align-items:center;color:#394656;cursor:pointer}.draft-preview-options input{margin:0;width:16px;height:16px}.draft-inspector{min-height:0;overflow-y:auto;flex:1;padding:20px 20px 24px;scrollbar-gutter:stable}.draft-inspector h2{font-size:23px;line-height:1.25;margin:7px 0 18px;letter-spacing:-.4px;font-weight:650}.draft-inspector p{font-size:14px;color:#4b5563}.draft-field-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.draft-field{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0 0 14px}.draft-field>span{font-size:14px;color:#394555;line-height:1.35}.draft-field.wide{grid-column:1/-1}.draft-input{display:flex;align-items:center;border:1px solid #abb5c3;border-radius:6px;overflow:hidden;background:#fff}.draft-input input{border:0;border-radius:0;padding:8px 8px 8px 10px;min-width:0;width:100%;font-size:16px;min-height:40px;font-variant-numeric:tabular-nums}.draft-input>span{font-size:14px;padding-right:10px;color:#4b5563;flex:none;white-space:nowrap}.draft-field>input,.draft-field>select{padding:8px 10px;min-height:40px;font-size:15px;border:1px solid #abb5c3;width:100%;min-width:0;border-radius:6px}.draft-check{display:flex;align-items:flex-start;gap:9px;font-size:14px;line-height:1.5;color:#354052;margin:3px 0 17px}.draft-check input{margin:2px 0 0}.draft-readout{padding:0 0 12px}.draft-readout>span{display:block;font-size:14px;color:#4b5563;margin-bottom:7px}.draft-readout strong{font-size:24px;font-weight:600;display:block;min-height:40px;line-height:40px}.draft-readout small{font-size:14px;font-weight:400;color:#4b5563}.draft-vertices{padding:5px 0}.draft-vertex-row{display:flex;align-items:center;gap:7px;margin-top:10px}.draft-vertex-row>strong{width:20px;font-size:14px;color:#4b5563;font-weight:500;flex:none}.draft-vertex-row label{display:flex;align-items:center;border:1px solid #bdc6d2;border-radius:5px;min-width:0;overflow:hidden}.draft-vertex-row label>span{font-size:14px;color:#4b5563;padding-left:7px}.draft-vertex-row input{width:100%;min-width:0;min-height:35px!important;font-size:15px;border:0;padding:5px 7px}.draft-segment-length{display:flex;gap:10px;align-items:center;font-size:14px;color:#4b5563;padding:5px 0 0 28px}.draft-segment-length>span{margin-left:auto;font-variant-numeric:tabular-nums}.draft-segment-length>input{max-width:95px;min-height:34px!important;font-size:14px;padding:4px 7px}.draft-inspector-actions{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.draft-inspector-actions button{font-size:14px;padding:8px 10px;border:1px solid #bbc4d1;border-radius:6px;min-height:39px;white-space:normal}.draft-inspector-actions button:hover{background:#f1f3f7}.draft-danger{color:#8c2525!important;border-color:#d6b0b0!important}.draft-inspector-summary{border-top:1px solid #d6dae0;padding-top:16px;display:flex;justify-content:space-between;gap:12px;font-size:14px;color:#4b5563;margin-top:20px;flex-wrap:wrap}.draft-inspector-summary strong{font-size:18px;color:#17202b;display:block}.draft-review{font-size:14px;color:#624511;background:#fff6e5;border:1px solid #dac294;padding:11px 12px;border-radius:6px;width:100%;min-height:42px;margin-top:16px;white-space:normal;justify-content:space-between;text-align:left}
@media(min-width:1600px){.layout-view{grid-template-columns:285px minmax(450px,1fr)365px}.draft-preview{height:290px}.draft-sidebar{padding:26px 22px}.draft-inspector{padding:22px}.draft-tools button{min-width:69px}}
@media(max-width:1250px){.project-name .prototype-tag{display:none}.brand{width:215px}.workspace-label{width:215px}.layout-view{grid-template-columns:242px minmax(340px,1fr)312px}.draft-sidebar{padding:20px 14px}.draft-heading{padding:18px}.draft-heading h1{font-size:21px}.draft-guide{width:85px}.draft-toolbar{padding:8px 10px}.draft-tools button{min-width:48px;padding:6px 7px}.draft-preview{height:235px}.draft-inspector{padding:18px 15px}.draft-grid-controls{margin-left:0}.design-view{grid-template-columns:255px minmax(0,1fr)285px}.interaction-hint{display:none}.draft-plan-footer>span:nth-child(2){display:none}.app-footer .offline-label{display:none}}
@media(max-width:1050px){.brand{width:auto;margin-right:12px}.workspace-label{display:none}.project-name input{width:200px}.view-tabs{gap:24px}.layout-view{grid-template-columns:245px minmax(0,1fr);grid-template-rows:minmax(600px,calc(100dvh - 166px)) auto;height:auto;min-height:100%;overflow:visible}.draft-right{grid-column:1/-1;display:grid;grid-template-columns:320px minmax(0,1fr);grid-template-rows:51px 270px auto;border-left:0;border-top:1px solid #d6dae0;min-height:390px}.draft-preview-heading{grid-column:1}.draft-preview{grid-column:1;height:270px}.draft-preview-options{grid-column:1}.draft-inspector{grid-column:2;grid-row:1/4;max-height:610px;border-left:1px solid #d6dae0}.draft-sidebar{max-height:calc(100dvh - 166px);min-height:600px}.draft-workspace{min-height:600px}.draft-heading h1{font-size:23px}.design-view{grid-template-columns:250px minmax(0,1fr);grid-template-rows:minmax(560px,calc(100dvh - 166px)) auto;height:auto;overflow:visible}.sidebar.builder{max-height:calc(100dvh - 166px)}.design-view .inspector{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;border-top:1px solid #d6dae0;overflow:visible;border-left:0}.design-view .viewport{min-height:560px}.drawing-sidebar{padding:22px 16px}.drawings-view{grid-template-columns:240px minmax(0,1fr)}.drawing-toolbar .small-tag{display:none}main{overflow:auto}.material-metrics>div{padding:16px}.material-metrics>div>div>span{font-size:14px}.app-footer>div:last-child{display:none}.header-actions>button.quiet{display:none}}
@media(max-width:720px){#app{grid-template-rows:64px 58px minmax(0,1fr)36px;min-height:520px}.app-header{padding:0 12px;gap:8px}.brand{font-size:26px;gap:7px;margin:0}.brand-mark{display:none}.project-name{display:none}.header-actions{gap:6px}.header-actions .compact{padding:8px;font-size:14px;min-height:38px}.header-actions .secondary{width:auto}.header-actions .secondary span{display:none}.header-actions .primary span{display:inline}.header-actions .quiet{display:flex}.workspace-nav{padding:0 10px;overflow-x:auto;gap:15px}.view-tabs{gap:17px;flex:none}.view-tab{font-size:14px;gap:5px}.view-tab svg{width:17px;height:17px}.view-tab .tab-count{display:none}.nav-tools{gap:0;margin-left:0;flex:none}.nav-tools .icon-btn{width:32px}.nav-divider{margin:0 4px}.units-btn{font-size:14px}.layout-view{display:flex;flex-direction:column;height:auto;overflow:visible}.draft-workspace{order:0;height:74dvh;min-height:570px;flex:none;border-bottom:1px solid #d6dae0}.draft-heading{padding:15px;min-height:85px}.draft-eyebrow{font-size:14px;letter-spacing:.4px}.draft-heading h1{font-size:21px}.draft-guide{width:77px;font-size:14px;gap:6px}.draft-toolbar{gap:6px;padding:8px 10px}.draft-tools{gap:2px}.draft-tools button{font-size:14px;padding:7px 5px;min-width:42px;min-height:49px;gap:3px}.draft-tools button svg{height:16px;width:16px}.draft-grid-controls{margin-left:0;width:100%;justify-content:flex-end}.draft-grid-controls label{margin-right:auto}.draft-sidebar{order:1;max-height:none;min-height:0;border-right:0;padding:24px}.draft-library-brand h2 br{display:none}.draft-library-brand h2{font-size:28px}.draft-level-list{display:grid;grid-template-columns:1fr}.draft-object-library{display:grid;grid-template-columns:1fr 1fr}.draft-object-library button{font-size:14px}.draft-object-library button>svg:last-child{display:none}.draft-right{order:2;display:flex;min-height:0;border-top:1px solid #d6dae0}.draft-preview{height:320px;min-height:320px}.draft-preview-heading{min-height:54px}.draft-inspector{max-height:none;overflow:visible;padding:24px;border-left:0}.draft-inspector h2{font-size:25px}.draft-canvas-wrap{min-height:280px}.draft-plan-footer{padding:8px 11px;font-size:14px}.draft-plan-footer>span:last-child{display:none}.draft-draw-status{left:10px;right:10px;bottom:12px;font-size:14px;padding:9px 10px;max-height:130px;overflow:auto}.draft-draw-status button{padding:5px 6px;gap:4px}.draft-view-controls{top:10px;right:10px}.app-footer{padding:0 10px;font-size:14px}.app-footer button{font-size:14px}.app-footer>div{gap:6px}.app-footer .footer-separator{padding:0}.app-footer .offline-label,.app-footer>div:last-child{display:none}.design-view{display:flex;height:auto}.design-view .viewport{height:65dvh;min-height:460px}.sidebar.builder{max-height:none;padding:24px}.design-view .inspector{display:block;padding:24px}.viewport-top{left:12px;right:12px}.live-badge{font-size:14px}.render-modes button{padding:6px 8px}.render-modes button span{display:none}.scene-tools{left:12px;top:68px}.scene-tools button{width:35px;height:35px}.view-cube{right:4px;top:69px;transform:scale(.85)}.dimension-overlay text{font-size:14px}.viewport-bottom{left:12px;right:12px}.drawings-view{display:flex;height:auto;flex-direction:column}.drawing-sidebar{padding:22px 16px}.drawing-sidebar>p{font-size:14px}.sheet-list{display:flex;flex-direction:row;margin:18px 0;gap:7px}.sheet-list button{flex:none;max-width:150px;min-width:105px;padding:9px;font-size:14px}.drawing-sidebar>.full-width{font-size:14px;padding:9px}.drawing-workspace{min-height:600px;height:600px}.drawing-toolbar{padding:10px 13px}.drawing-toolbar strong{font-size:15px}.drawing-scroll{padding:18px 10px}.materials-inner{padding:24px 14px}.materials-header{gap:18px}.materials-header h1{font-size:28px}.materials-header p{font-size:15px}.materials-header>div:last-child{gap:8px}.materials-header button{font-size:14px;padding:8px}.material-metrics{gap:8px;grid-template-columns:1fr}.material-metrics>div{padding:15px;gap:15px}.material-metrics .metric-icon{display:flex}.material-metrics strong{font-size:29px}.material-metrics strong small{font-size:14px}.material-metrics>div>div>span{font-size:14px;min-height:0}.materials-disclaimer{font-size:14px}.material-tabs{gap:0}.material-tabs>button{font-size:14px;padding:12px 6px;height:auto;min-height:50px}.material-search input{font-size:15px}.materials-settings label{font-size:14px;gap:8px}.materials-settings select{font-size:14px}.parts-table{min-width:800px}.parts-table th{font-size:14px}.parts-table td,.parts-table td strong{font-size:15px}.parts-table .subtext{font-size:14px}.table-summary,.table-explainer{font-size:14px;min-width:350px}.stock-chip,.cut-segment,.board-foot{font-size:14px}.dialog{width:calc(100% - 22px);padding:23px 18px 0}.dialog-heading h2{font-size:27px}.dialog-heading .eyebrow,.dialog-footer>span{font-size:14px}.dialog-lead,.dialog textarea{font-size:16px}.help-grid{grid-template-columns:1fr}.help-grid p{font-size:15px}.preset-card{grid-template-columns:1fr}.preset-art{display:none}.preset-card .eyebrow,.preset-card h3,.preset-card p,.preset-card>span{grid-column:1}.preset-card h3{font-size:22px}.preset-card .eyebrow,.preset-card p,.preset-card>span{font-size:14px}.review-item-heading{flex-wrap:wrap}.review-item h3{font-size:17px}.review-item p{font-size:15px}.review-item-heading>span{font-size:14px}.source-note p{font-size:15px}.export-grid{grid-template-columns:1fr}.export-card>strong{font-size:17px}.export-card>span{font-size:14px}.toast{font-size:15px;bottom:49px;width:max-content;max-width:94%}}
@media print{.layout-view{display:none!important}}

/* Native small defaults must not shrink review labels. */
small{font-size:14px}.draft-review small{display:block;font-size:14px;line-height:1.5;color:#624511}.toast{background:#17202b;color:#fff;border-color:#17202b}.toast svg{color:#fff}.view-cube svg text{font-size:12px}.draft-library-bottom button:hover{background:#f0f3f7}

.sheet-number{flex:none;min-width:44px;white-space:nowrap;background:#edf0f4}.sheet-list button.active .sheet-number,.small-tag,#stage-label{background:#e5eaf1;color:#25364d}

/* Prevent implicit grid min-content sizing from clipping narrow screens. */
#app{grid-template-columns:minmax(0,1fr)}.app-header,.workspace-nav,main,.app-footer{min-width:0;max-width:100%}
@media(max-width:720px){.draft-workspace{width:100%;min-width:0}.draft-tools{max-width:100%}.draft-heading>div{min-width:0}.app-footer>div:first-child{width:100%;min-width:0}.app-footer #save-status{max-width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-footer button{min-width:0;overflow:hidden;text-overflow:ellipsis;display:block;text-align:left;white-space:nowrap}.app-footer>div:first-child>svg{flex:none}.draft-library-bottom{scroll-margin-bottom:30px}}

/* Yardcraft 0.3 — full-height inspectors, one primary row, readable neutral chrome. */
:root{--inspector-width:320px;--library-width:228px;--topbar:56px;--ink:#111827;--line:#d5d9df;color:#111827;background:#fff;font-size:15px}
html,body{height:100%;overflow:hidden}#app{height:100dvh;min-height:0;grid-template-rows:var(--topbar) minmax(0,1fr) 28px;overflow:hidden}#app>main{min-height:0;overflow:hidden}
.app-header{height:var(--topbar);min-height:0;width:100%;padding:0 12px;gap:12px;justify-content:flex-start;flex-wrap:nowrap;position:relative;z-index:40;background:#fff;border-bottom:1px solid var(--line)}body[data-view=layout] .app-header,body[data-view=design] .app-header{width:calc(100% - var(--inspector-width))}
.app-header .brand{font-size:23px;width:auto;gap:9px;letter-spacing:-1px;flex:none}.brand-mark{transform:scale(.78) rotate(-7deg);width:24px}.app-header .library-toggle{height:34px;width:30px;flex:none;border:1px solid #d5d9df;border-radius:5px}.app-header .view-tabs{display:flex;gap:3px;align-self:stretch;flex:1;justify-content:center;min-width:0;overflow:visible}.app-header .view-tab{padding:0 9px;font-size:15px;height:100%;gap:6px;flex:none}.view-tab.active:after{bottom:0;height:3px;background:#111827}.app-header .tab-count{display:none}.app-header .nav-tools{margin:0;gap:2px;flex:none}.app-header .nav-divider{margin:0 4px;height:18px}.app-header .nav-tools .icon-btn{width:30px;height:34px}.app-header .units-btn{font-size:14px;min-width:46px;padding:4px}.app-header .nav-tools .icon-btn:disabled{opacity:.4}
.project-menu{position:relative;flex:none}.project-menu>summary{font-size:15px;display:flex;align-items:center;justify-content:center;height:36px;border:1px solid #cbd1da;border-radius:5px;padding:0 10px;white-space:nowrap;list-style:none}.project-menu[open]>summary{background:#f1f3f5}.file-menu-panel{position:absolute;top:43px;left:0;width:310px;background:#fff;border:1px solid #bfc7d0;border-radius:7px;padding:14px;box-shadow:0 10px 30px #10182824;z-index:90}.file-menu-panel .project-name{display:flex;margin-bottom:10px;gap:0;width:100%;flex-wrap:nowrap}.file-menu-panel .project-name input{min-width:0;width:100%;border:1px solid #cbd1da;font-size:16px;padding:8px}.file-menu-panel .project-dot,.file-menu-panel .prototype-tag{display:none}.file-menu-panel .header-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.file-menu-panel .header-actions .icon-btn{width:100%}.file-menu-panel button{min-height:38px!important;padding:7px 10px!important;font-size:15px}.file-menu-panel .header-actions .icon-btn:after{content:'Help';font-size:15px}
.app-footer{height:28px;min-height:0;padding:0 12px;font-size:14px;white-space:nowrap;overflow:hidden}.app-footer .offline-label,.app-footer .footer-separator{display:none}.app-footer>div{gap:12px}.app-footer #footer-parts{display:none}body[data-view=layout] .app-footer,body[data-view=design] .app-footer{margin-right:var(--inspector-width)}
#layout-view.layout-view,#design-view.design-view{height:100%;min-height:0;display:grid;grid-template-columns:var(--library-width) minmax(0,1fr);grid-template-rows:minmax(0,1fr);padding-right:var(--inspector-width);overflow:hidden;background:#fff}
#draft-library.draft-sidebar,#builder.builder{grid-column:1;grid-row:1;min-height:0;height:100%;max-height:none;overflow:auto;padding:16px 13px;border-right:1px solid var(--line);background:#fff;scrollbar-gutter:stable}
#layout-view .draft-workspace,#design-view .viewport{grid-column:2;grid-row:1;min-height:0;min-width:0;height:100%;width:100%;overflow:hidden;order:0}
#layout-view .draft-heading{display:none}.draft-library-brand{margin:0 0 14px}.draft-library-brand .draft-eyebrow{display:none}.draft-library-brand h2{font-size:20px;line-height:1.2;margin:0 0 7px}.draft-library-brand p{display:none}.draft-mode-switch{margin-bottom:17px}.draft-mode-switch button{font-size:14px;padding:9px 8px}.draft-section-title{margin:19px 0 10px}.draft-section-title h3{font-size:15px}.draft-small{font-size:14px!important;line-height:1.45;color:#46515e}.draft-level{padding:8px;gap:8px;min-height:58px}.draft-level strong{font-size:15px}.draft-level small{font-size:14px}.draft-level-icon{display:none}.draft-level-area{font-size:15px}.draft-two-buttons{gap:6px}.draft-two-buttons button{padding:8px 5px;font-size:14px;white-space:normal}.draft-cover{padding:8px;font-size:14px}.draft-object-library button{min-height:38px;padding:8px;gap:7px;font-size:14px}.draft-site-tools button{padding:8px;gap:8px}.draft-site-tools small{display:none}.draft-site-tools strong{font-size:15px}.draft-callout{padding:12px;margin-top:14px}.draft-callout p{font-size:14px;line-height:1.45;margin:7px 0}.draft-details{margin:14px 0}.draft-details summary{font-size:15px;white-space:normal;line-height:1.4}.draft-details summary:after{content:'+';margin-left:auto;padding-left:6px}.draft-details[open] summary:after{content:'−'}.draft-library-bottom{margin-top:20px;padding-top:14px}.draft-library-bottom button{min-height:36px;font-size:14px}
#layout-view .draft-toolbar{display:flex;flex:none;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:6px;height:46px;min-height:46px;max-height:46px;padding:4px 8px;overflow-x:auto;overflow-y:hidden;z-index:2;border-bottom:1px solid var(--line);background:#fff}
.draft-tools{display:flex;flex-wrap:nowrap;gap:2px;max-width:none}.draft-tools button{flex-direction:row;gap:5px;min-height:34px;height:34px;min-width:32px;padding:6px;font-size:14px}.draft-tools button svg{width:17px;height:17px}.draft-grid-controls{display:flex;align-items:center;gap:3px;flex:none;margin-left:auto}.draft-grid-controls label{display:flex;gap:5px;font-size:14px}.draft-grid-controls select{min-height:32px;height:32px;font-size:14px;padding:3px;max-width:67px}.draft-grid-controls button{height:32px;width:30px;padding:4px}.draft-grid-controls button.active{background:#edf1f7;color:#152338;border-color:#bcc7d8}
#layout-view .draft-canvas-wrap{flex:1;min-height:0;min-width:0;overflow:hidden}#plan-editor{height:100%;width:100%;min-height:0;display:block;touch-action:none}.draft-view-controls{top:auto;left:auto;right:12px;bottom:12px;display:flex;gap:2px;padding:3px;background:#fff;border:1px solid #c4ccd6;border-radius:6px;box-shadow:0 2px 6px #17202b10}.draft-view-controls button{font-size:14px;min-width:30px;padding:5px;height:32px}.draft-view-controls button[data-studio=zoom-out] span,.draft-view-controls button[data-studio=zoom-in] span{display:none}.draft-draw-status{left:12px;right:146px;bottom:12px;max-width:none;max-height:100px;padding:7px 10px;border-radius:5px;font-size:14px;gap:7px;line-height:1.4;box-shadow:none;overflow:auto}.draft-draw-status span{min-width:0}.draft-draw-status button{font-size:14px;flex:none;min-height:31px;padding:5px 7px}.draft-plan-footer{height:28px;min-height:28px;padding:3px 10px;gap:8px;flex-wrap:nowrap;font-size:14px;flex:none}.draft-plan-footer>span:first-child{font-size:14px}.draft-plan-footer>span:nth-child(2){display:none}.draft-plan-footer>span:last-child{display:inline;font-size:14px}
#layout-view .draft-right,#design-view #inspector{position:fixed;top:0;right:0;bottom:0;left:auto;width:var(--inspector-width);height:100dvh;min-height:0;max-height:none;border-left:1px solid var(--line);border-top:none;background:#fff;z-index:30;grid-row:auto;grid-column:auto;order:2}
#layout-view .draft-right{display:flex;flex-direction:column;overflow:hidden}#layout-view .draft-preview-heading{height:46px;min-height:46px;flex:none;padding:7px 12px;gap:6px;font-size:15px}.draft-preview-heading strong{font-size:15px}.draft-preview-heading>div{gap:4px}.draft-preview-heading button{min-height:30px;padding:4px 5px;gap:3px;font-size:14px}.draft-preview-heading button svg{width:15px;height:15px}.draft-preview-heading button[data-studio=preview-fit] span{display:none}
#layout-view .draft-preview{height:185px;min-height:0;max-height:none;flex:none;width:100%}.draft-preview-note{display:none}#layout-view .draft-preview-options{flex:none;min-height:38px;padding:7px 11px;gap:7px;flex-wrap:nowrap;font-size:14px}.draft-preview-options label{font-size:14px;gap:4px;white-space:nowrap}.draft-preview-options input{height:15px;width:15px}#layout-view .draft-inspector{min-height:0;max-height:none;flex:1;overflow:auto;padding:16px;grid-row:auto;grid-column:auto;border:0}.draft-right.preview-collapsed .draft-preview,.draft-right.preview-collapsed .draft-preview-options{display:none!important}
#design-view #inspector{display:block;overflow:auto;padding:0 16px 20px;scrollbar-gutter:stable}.scene-inspector-heading{display:flex;align-items:center;justify-content:space-between;height:47px;position:sticky;top:0;z-index:3;background:#fff;border-bottom:1px solid var(--line);margin:0 -16px 16px;padding:0 14px;font-size:16px}.scene-inspector-heading .icon-btn{width:30px;height:30px}#scene-object-inspector>.draft-eyebrow{font-size:14px;letter-spacing:.35px}#scene-object-inspector>h2,.draft-inspector h2{font-size:22px;line-height:1.2;margin:6px 0 16px;letter-spacing:-.3px}.draft-field{margin-bottom:12px}.draft-field>span{font-size:14px;color:#303a48}.draft-field input,.draft-field select,.draft-input input{min-height:37px!important;height:37px;font-size:15px;padding:6px 8px}.draft-input>span{font-size:14px}.draft-field-grid{gap:9px}.draft-check{font-size:14px;line-height:1.4;margin:10px 0}.draft-inspector .draft-readout,.draft-readout{padding:10px}.draft-inspector .draft-readout span{font-size:14px}.draft-inspector-summary{padding-top:12px;margin-top:16px}.draft-review{margin-top:14px;font-size:14px;padding:11px 10px;white-space:normal}.draft-review small{font-size:14px}.draft-inspector-actions{gap:6px;margin:15px 0}.draft-inspector-actions button{padding:7px 8px;min-height:35px}.draft-vertex-row input{min-height:34px!important;font-size:14px}.draft-vertices{max-height:330px;overflow:auto}.surface-summary{display:flex;flex-direction:column;gap:3px;background:#f6eee5;color:#352514;border:1px solid #deceb8;border-radius:5px;padding:9px 10px;font-size:14px;margin:10px 0}.surface-summary strong{font-size:17px}.surface-totals{border:1px solid #d2d7df;border-radius:6px;overflow:hidden;margin:14px 0}.surface-totals>div{display:flex;justify-content:space-between;gap:10px;padding:9px 11px;font-size:14px;border-bottom:1px solid #e4e7ed}.surface-totals>div:last-child{border:0}.surface-totals strong{font-size:15px;text-align:right}.surface-order{background:#f4eadb;color:#382710}.source-link{font-size:14px;text-decoration:underline}.color-input-row{display:flex;align-items:center;gap:12px}.color-input-row input[type=color]{width:56px!important;height:38px;min-height:38px;padding:3px;border:1px solid #aab4c2;cursor:pointer}.color-input-row span{font-size:14px}.motion-warning{background:#fff3e6;border-color:#d5b88b}.motion-warning ul{padding-left:18px;font-size:14px;margin:9px 0;line-height:1.5}.motion-warning li{margin:6px 0}.motion-warning p{font-size:14px}.dimension-overlay{pointer-events:none}.dimension-overlay .swing-motion-arc,.dimension-overlay .swing-sweep,.dimension-overlay .swing-use-zone,.dimension-overlay .selected-fence-outline{pointer-events:none;vector-effect:non-scaling-stroke}
.builder-intro{margin-bottom:14px}.builder-intro .eyebrow,.builder-intro p{display:none}.builder-intro h1{font-size:21px;line-height:1.2;margin:0 0 14px}.builder .primary.full-width{font-size:14px;padding:8px;min-height:38px}.builder .section-heading{margin-top:19px;margin-bottom:9px}.builder .section-heading h2{font-size:15px}.builder .assembly-list{margin:0}.builder .assembly-list button{font-size:14px;min-height:38px;padding:7px 4px;gap:5px}.builder .assembly-list small{font-size:14px}.builder .field>span{font-size:14px}.builder .field input,.builder .field select{min-height:37px;font-size:15px}.builder .idea-button{font-size:14px;min-height:35px;padding:9px 1px;gap:7px}.builder .builder-details summary{font-size:15px}.builder .micro-note{font-size:14px;line-height:1.45}.builder .checkbox-label{font-size:14px}.builder #custom-frame-settings{margin-top:16px}.builder #custom-frame-settings>label{margin-top:12px}.builder #assembly-browser{display:none}
.viewport-top{top:12px;left:12px;right:12px;gap:12px}.live-badge{display:none}.render-modes{padding:3px;border:1px solid #ccd3dc;background:#fff;box-shadow:0 2px 6px #1018280c}.render-modes button{font-size:14px;padding:7px 9px;height:34px;gap:6px}.viewport-top>.floating{margin-left:auto;height:34px;width:34px}.scene-tools{top:68px;left:12px;gap:2px;padding:4px}.scene-tools button{width:33px;height:33px}.scene-tools button svg{width:18px;height:18px}.view-cube{top:67px;right:10px}.view-cube svg{width:58px;height:58px}.view-cube button{font-size:14px;padding:4px}.viewport-bottom{left:12px;right:12px;bottom:12px}.compass,.interaction-hint{display:none}.zoom-tools{margin-left:auto;box-shadow:none;border:1px solid #c5ced8}.zoom-tools button{font-size:14px;height:33px;min-width:32px}.view-only-note{font-size:14px;padding:7px 10px;bottom:58px;max-width:calc(100% - 32px);line-height:1.35}.hover-tooltip{font-size:14px}.hover-tooltip strong,.hover-tooltip span{font-size:14px}.inspector .finish-options button{font-size:14px}.inspector .accent-row>span{font-size:14px}.inspector .range-field>span{font-size:14px}.inspector .mini-section-heading h3,.inspector #stage-label{font-size:14px}
body.library-collapsed #layout-view,body.library-collapsed #design-view{grid-template-columns:0 minmax(0,1fr)}body.library-collapsed #draft-library,body.library-collapsed #builder{display:none}.library-collapsed .library-toggle{background:#edf1f7}
@media(min-width:1650px){:root{--inspector-width:345px;--library-width:240px}.draft-preview{height:210px!important}.draft-tools button{padding:6px 9px}}
@media(max-width:1490px){.draft-tools button span{display:none}.draft-tools button{width:34px}.app-header .view-tab{font-size:14px;padding:0 8px}.app-header{gap:9px}.app-header .brand{font-size:22px}.draft-grid-controls{gap:2px}.draft-draw-status>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}}
@media(max-width:1160px) and (min-width:761px){:root{--library-width:205px;--inspector-width:300px}.app-header .brand-mark{display:none}.app-header .brand{font-size:20px}.app-header{gap:7px;padding:0 8px}.app-header .view-tab{padding:0 6px;gap:4px}.app-header .view-tab svg{display:none}.app-header .nav-divider,.app-header .units-btn{display:none}.draft-grid-controls label{font-size:0}.draft-grid-controls select{font-size:14px;max-width:59px}.draft-tools button{width:30px;min-width:30px;padding:4px}.draft-toolbar{padding:4px!important}.draft-preview-options{padding:7px!important;gap:5px!important}.draft-preview-options label{gap:3px!important;font-size:14px}.draft-draw-status{right:126px}.draft-view-controls{right:8px}.draft-view-controls button{min-width:26px}}
@media(max-width:900px) and (min-width:761px){:root{--library-width:175px;--inspector-width:285px}.app-header .brand{display:none}.draft-tools button{width:29px;min-width:29px}.draft-grid-controls button{width:28px}.draft-grid-controls label{display:none}.draft-draw-status{display:none}.draft-preview-options label{font-size:14px}.draft-preview-options{flex-wrap:wrap!important}.draft-preview{height:150px!important}}
@media(max-width:760px){html,body{height:auto;overflow:auto}#app{display:flex;flex-direction:column;height:auto;min-height:100dvh;overflow:visible}#app>main{overflow:visible}.app-header,body[data-view=layout] .app-header,body[data-view=design] .app-header{width:100%;height:54px;min-height:54px;padding:0 7px;gap:5px;position:sticky;top:0;z-index:40}.app-header .brand{display:none}.app-header .library-toggle{width:28px}.app-header .view-tab{font-size:14px;padding:0 6px;gap:0}.app-header .view-tab svg{display:none}.app-header .view-tabs{gap:0}.app-header .nav-tools{display:none}.project-menu>summary{font-size:14px;padding:0 8px}.file-menu-panel{left:-32px;max-width:calc(100vw - 24px)}#layout-view.layout-view,#design-view.design-view{display:flex;flex-direction:column;padding-right:0;height:auto;min-height:0;overflow:visible}#layout-view .draft-workspace,#design-view .viewport{height:70dvh;min-height:450px;order:0;flex:none}#layout-view .draft-toolbar{height:44px;min-height:44px}.draft-grid-controls label{font-size:0}.draft-grid-controls select{font-size:14px}.draft-tools button{width:29px;min-width:29px;padding:4px}.draft-grid-controls button{display:none}.draft-draw-status{left:8px;right:114px;padding:6px;bottom:9px;font-size:14px}.draft-view-controls{right:6px;bottom:9px}.draft-view-controls button{min-width:25px;padding:4px}#layout-view .draft-right,#design-view #inspector{position:static;display:flex;flex-direction:column;height:auto;min-height:0;width:100%;max-height:none;border:0;border-top:1px solid var(--line);z-index:auto;order:1}#design-view #inspector{padding:0 18px 22px;overflow:visible}#layout-view .draft-inspector{overflow:visible;padding:18px}#layout-view .draft-preview{height:200px}.draft-preview-heading,.draft-preview-options,.draft-preview{display:none!important}#draft-library.draft-sidebar,#builder.builder{order:2;max-height:none;height:auto;overflow:visible;padding:20px 18px;border-top:1px solid var(--line);scrollbar-gutter:auto}.draft-library-brand h2{font-size:20px}.draft-object-library{grid-template-columns:1fr 1fr}.app-footer,body[data-view=layout] .app-footer,body[data-view=design] .app-footer{margin:0;height:auto;min-height:36px;padding:8px;font-size:14px;white-space:normal}.app-footer button{display:none}.scene-inspector-heading{position:static}.viewport-top{left:8px;right:8px}.render-modes button{padding:6px;font-size:14px}.scene-tools{left:8px}.view-cube{right:5px}.view-only-note{font-size:14px;max-width:90%}.draft-plan-footer>span:last-child{display:none}.draft-plan-footer{font-size:14px}body.library-collapsed #layout-view,body.library-collapsed #design-view{display:flex}.plan-paper{max-width:100%}.drawings-view,.materials-view{min-height:70dvh}}
@media print{.app-header,.app-footer,.draft-right,#inspector{display:none!important}}