:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.5;font-weight:400;color:#1a1a1a;background-color:#f5f5f5}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column;max-width:800px;margin:0 auto;padding:2rem}.app-header{text-align:center;margin-bottom:1rem}.app-tool-nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem .5rem;margin-bottom:1.25rem;font-size:.9rem}.app-tool-nav a{color:#1e3a5f;text-decoration:none;font-weight:500}.app-tool-nav a:hover{text-decoration:underline}.app-tool-nav a[aria-current=page]{font-weight:700;color:#0f172a;text-decoration:underline;text-underline-offset:3px}.app-tool-nav-sep{color:#94a3b8}.app-banner{width:100%;max-width:800px;height:auto;margin:0 auto .5rem;display:block;border-radius:8px}.app-header h1{font-size:1.75rem;font-weight:700;color:#333}.tagline{margin-top:.5rem;color:#666;font-size:1rem}.app-main{flex:1;background:#fff;border-radius:8px;padding:2rem;box-shadow:0 1px 3px #0000001a}.seo-intro{margin-bottom:1.5rem;padding:1rem 1.25rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.seo-intro h2{font-size:1.1rem;color:#333;margin-bottom:.5rem}.seo-intro p{color:#555;font-size:.95rem;margin-bottom:.75rem}.seo-intro ul{padding-left:1.25rem;color:#555;font-size:.9rem}.seo-intro li+li{margin-top:.25rem}.project-form{display:flex;flex-direction:column;gap:0}.form-section{border:none;border-top:2px solid #e8e8e8;padding:1.25rem 0 .5rem;margin-bottom:.25rem}.form-section:first-of-type{border-top:none;padding-top:0}.form-section legend{font-weight:700;font-size:.75rem;letter-spacing:.07em;text-transform:uppercase;color:#888;margin-bottom:1rem;padding:0}.field{margin-bottom:1rem}.field label{display:block;font-size:.9rem;color:#555;margin-bottom:.35rem}.field-hint{font-size:.85rem;color:#666;margin-bottom:.75rem}.dimension-inputs{display:flex;align-items:center;gap:.25rem}.dimension-inputs input{width:4rem;padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.dimension-sep{color:#888;font-size:.9rem}.radio-group{display:flex;flex-direction:column;gap:.5rem}.radio-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.radio-group input[type=radio]{width:1rem;height:1rem}.field select{padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;min-width:8rem}.opening-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.opening-row select{padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:.95rem}.opening-qty{display:flex;flex-direction:column;align-items:center;gap:.2rem}.opening-qty label{font-size:.75rem;color:#666}.opening-qty input{width:2.5rem;padding:.4rem;text-align:center;border:1px solid #ccc;border-radius:4px;font-size:.95rem}.opening-dimension{display:flex;align-items:center;gap:.2rem}.opening-dim-label{font-size:.8rem;color:#666;min-width:1rem}.opening-row input{width:2.75rem;padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:.95rem}.btn-add{padding:.5rem 1rem;background:#f0f0f0;border:1px solid #ccc;border-radius:4px;font-size:.9rem;cursor:pointer}.btn-add:hover{background:#e5e5e5}.room-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:1rem;padding:1rem;background:#f9f9f9;border-radius:6px;margin-bottom:1rem}.room-label{font-weight:600;color:#333;min-width:4rem}.room-fields{display:flex;flex-wrap:wrap;gap:1rem;flex:1}.room-fields .field{margin-bottom:0}.field-hint-inline{display:block;font-size:.8rem;color:#888;margin-top:.25rem}.spacing-grid{display:flex;flex-wrap:wrap;gap:1rem}.spacing-grid .field{margin-bottom:0}.roof-fields{display:flex;flex-wrap:wrap;gap:1rem}.roof-fields .field{margin-bottom:0}.btn-remove{padding:.25rem .5rem;background:#fee;border:1px solid #fcc;border-radius:4px;font-size:1.1rem;cursor:pointer;color:#c33}.btn-remove:hover{background:#fdd}.btn-submit{padding:.75rem 1.5rem;background:#333;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer}.btn-submit:hover{background:#222}.material-list{margin-top:2rem;padding-top:2rem;border-top:1px solid #e0e0e0}.material-list-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.material-list h2{font-size:1.25rem;margin:0;color:#333}.print-header,.print-header-banner{display:none}.export-buttons{display:flex;gap:.5rem}.btn-export{padding:.5rem 1rem;background:#444;color:#fff;border:none;border-radius:4px;font-size:.9rem;cursor:pointer}.btn-export:hover{background:#333}@media print{.app-header,.project-form,.app-footer,.export-buttons{display:none!important}.print-header{display:block!important;margin-bottom:1rem}.print-header-banner{display:block!important;width:100%;max-width:400px;height:auto;margin-bottom:.5rem}.print-header h1{font-size:1.25rem;margin:0 0 .25rem}.print-header p{font-size:.9rem;color:#666;margin:0}.disclaimer-box{margin-top:1rem;padding:.75rem 1rem;font-size:.85rem;break-inside:avoid}.material-list{border:none;padding:0}.material-list-header{margin-bottom:.5rem}body{background:#fff}}.material-list table{width:100%;border-collapse:collapse}.material-list th,.material-list td{text-align:left;padding:.5rem 1rem .5rem 0;border-bottom:1px solid #eee}.material-list th{font-weight:600;color:#555}.col-qty{text-align:right;white-space:nowrap}.material-list .desc{display:block}.material-list .notes{display:block;font-size:.8rem;color:#888;margin-top:.15rem}.project-name-input{width:100%;max-width:320px;padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.validation-error{padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#991b1b;font-size:.9rem}.sill-hint{font-size:.75rem;color:#888;white-space:nowrap}.lumber-summary{margin-top:1.5rem;padding:1rem 0;border-top:1px solid #e5e7eb}.lumber-summary h3{font-size:1rem;font-weight:600;color:#374151;margin-bottom:.25rem}.lumber-summary-hint{font-size:.85rem;color:#6b7280;margin-bottom:.75rem}.lumber-summary table{font-size:.9rem}.lumber-summary .zone-section{margin-bottom:1rem}.lumber-summary .zone-section:last-child{margin-bottom:0}.lumber-summary .zone-section h4{font-size:.95rem;font-weight:600;color:#374151;margin-bottom:.35rem}.lumber-summary .zone-section table{margin-left:.5rem}.disclaimer-box{margin-top:1.5rem;padding:1rem 1.25rem;background:#fef9c3;border:1px solid #fde047;border-radius:6px;font-size:.9rem;color:#713f12}.disclaimer-box a{color:#92400e;font-weight:600}.disclaimer-box a:hover{text-decoration:underline}.app-footer{margin-top:2rem;text-align:center}.app-footer a{color:#666;text-decoration:none;font-size:.9rem}.app-footer a:hover{text-decoration:underline}.beta-badge{display:inline-block;background:#f59e0b;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.08em;padding:.15rem .5rem;border-radius:4px;margin-bottom:.4rem}.beta-banner{background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;padding:.75rem 1.25rem;font-size:.9rem;color:#78350f;margin-bottom:1rem;max-width:800px;margin-left:auto;margin-right:auto}.beta-banner a{color:#92400e;font-weight:600}.beta-zone-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:1.25rem;margin-bottom:1.25rem}.beta-zone-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.beta-zone-name-input{flex:1;padding:.5rem .7rem;border:1px solid #cbd5e1;border-radius:6px;font-size:1rem;font-weight:600;color:#1e293b;background:#fff}.beta-tiein-field{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;padding:.75rem;margin-bottom:1rem}.beta-story-section{margin-top:.5rem}.beta-story-label{font-size:.75rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#6b7280;margin-bottom:.75rem}.beta-story-fields{display:flex;gap:1.25rem;flex-wrap:wrap;align-items:flex-start}.beta-diagram-col{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.4rem}.beta-svg-diagram{border:1px solid #e2e8f0;border-radius:8px;background:#fff}.beta-diagram-caption{font-size:.78rem;color:#6b7280;text-align:center;max-width:220px;line-height:1.4}.beta-story-inputs{flex:1;min-width:220px}.beta-input-row{display:flex;align-items:center;gap:.5rem}.beta-number-input{padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;width:8rem}.beta-unit-label{font-size:.9rem;color:#6b7280;white-space:nowrap}.beta-second-floor{margin-top:1rem;padding-top:1rem;border-top:2px dashed #c4b5fd}.beta-second-floor-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.beta-remove-link{background:none;border:none;color:#dc2626;font-size:.85rem;cursor:pointer;padding:0;text-decoration:underline}.beta-remove-link:hover{color:#991b1b}.beta-add-second{margin-top:.75rem}.beta-measure-guide{display:flex;gap:1.25rem;flex-wrap:wrap;align-items:flex-start;margin-bottom:1.25rem;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.beta-measure-legend{flex:1;min-width:200px;margin:0;padding-left:1.1rem;font-size:.85rem;color:#4b5563;line-height:1.6}.beta-measure-legend li{margin-bottom:.35rem;list-style:none;position:relative;margin-left:-.5rem}.beta-legend-swatch{display:inline-block;width:12px;height:12px;border-radius:2px;margin-right:.4rem;vertical-align:middle}.beta-legend-red{background:#dc2626}.beta-legend-blue{background:#2563eb}.beta-legend-fill{background:#fecaca;border:1px solid #fca5a5}.beta-zone-number{font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#6b7280;white-space:nowrap}.beta-floor-section{display:flex;flex-direction:column;gap:.75rem}.beta-story-inputs-compact{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.beta-rooms-block{margin-top:.5rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.beta-room-row{display:flex;gap:.75rem;align-items:flex-start;padding:.75rem;margin-bottom:.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px}.beta-room-row .room-fields{flex:1;display:flex;flex-wrap:wrap;gap:.75rem}.beta-room-name-input{padding:.45rem .6rem;border:1px solid #ccc;border-radius:4px;font-size:.95rem;width:10rem}.beta-inherited-note{background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:.5rem .75rem;margin:0;font-size:.85rem;color:#1e40af}.beta-diff-size-toggle{margin-bottom:.25rem}.beta-footprint-toggle{margin-bottom:.5rem}.beta-footprint-fields{display:flex;flex-wrap:wrap;gap:.75rem;padding:.75rem;margin-bottom:.75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px}.beta-interior-mode-block{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.beta-interior-mode{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem}.beta-interior-walls-block,.beta-rooms-block{margin-top:.25rem}.opening-preset-field{min-width:10rem}.opening-preset-field label{font-size:.8rem}.opening-preset-select,.opening-code-input{display:block;margin-top:.25rem;font-size:.9rem;padding:.35rem .5rem;border:1px solid #ccc;border-radius:4px}.opening-code-input{width:6.5rem;margin-top:.35rem}.beta-interior-walls-block,.beta-openings-block{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.beta-interior-wall-row{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap;margin-bottom:.75rem;padding:.75rem 1rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px}.beta-interior-wall-row .field{margin-bottom:0}.beta-submit-bar{position:sticky;bottom:0;background:#fff;border-top:1px solid #e5e7eb;padding:.75rem 0;margin-top:1.5rem;z-index:10}.beta-submit-bar .btn-submit{width:100%}@media(max-width:640px){.beta-zone-card{padding:1rem}.beta-story-fields{flex-direction:column}.beta-diagram-col{width:100%;align-items:flex-start}.beta-svg-diagram{width:100%;max-width:100%;height:auto}.beta-number-input{width:7rem;font-size:16px}.beta-zone-name-input{font-size:16px}.beta-story-inputs-compact{grid-template-columns:1fr}.beta-measure-guide,.beta-room-row{flex-direction:column}.beta-interior-wall-row{flex-direction:column;align-items:stretch}.beta-submit-bar{padding:.75rem 0}}@media(max-width:640px){.app{padding:.75rem}.app-main{padding:1rem;border-radius:6px}.seo-intro{padding:.9rem 1rem}.app-banner{max-width:100%}.form-section{padding-top:1rem}.room-row{flex-direction:column;gap:.75rem;padding:.75rem}.room-fields{width:100%}input[type=text],input[type=number],select,.dimension-inputs input,.opening-row input,.project-name-input{font-size:16px!important}.dimension-inputs input{min-width:3rem;padding:.6rem}.opening-row{gap:.5rem}.opening-row input{min-width:2.5rem;padding:.6rem}.project-name-input{max-width:100%;padding:.6rem}.field select{width:100%;padding:.6rem}.spacing-grid{gap:.75rem}.spacing-grid .field{flex:1 1 calc(50% - .375rem);min-width:0}.btn-add,.btn-submit,.btn-export{padding:.75rem 1rem;min-height:44px}.btn-submit{width:100%;font-size:1.05rem}.btn-remove{min-width:44px;min-height:44px}.material-list-header{flex-direction:column;align-items:flex-start}.export-buttons{width:100%;flex-direction:column}.export-buttons button{width:100%}.radio-group label{padding:.4rem 0;min-height:44px;align-items:center}.radio-group input[type=radio],.radio-group input[type=checkbox]{width:1.25rem;height:1.25rem;flex-shrink:0}.siding-opening-row{flex-direction:column;align-items:stretch}.siding-dim-row{grid-template-columns:1fr}}.siding-type-row{display:flex;flex-wrap:wrap;gap:.5rem}.siding-type-btn{padding:.5rem 1rem;border:2px solid #cbd5e1;border-radius:6px;background:#fff;font-size:.95rem;font-weight:600;color:#64748b;cursor:pointer}.siding-type-btn:hover{border-color:#64748b;color:#1e293b}.siding-type-btn.active{border-color:#1e3a5f;background:#1e3a5f;color:#fff}.siding-wall-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:1.25rem;margin-bottom:1rem}.siding-wall-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.siding-dim-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.75rem;margin-bottom:.75rem}.siding-openings-block{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.siding-opening-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.5rem .75rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px}.siding-opening-label{flex:1;min-width:8rem;padding:.4rem .5rem;border:1px solid #ccc;border-radius:4px;font-size:.9rem}.siding-wall-net{margin-top:.75rem;text-align:right;font-size:.85rem;color:#64748b}.siding-summary{margin-top:1.5rem;padding:1.25rem;background:#0f172a;color:#f8fafc;border-radius:8px}.siding-summary h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin-bottom:1rem;font-weight:600}.siding-summary-grid,.siding-summary-trim{display:grid;grid-template-columns:1fr auto;gap:.4rem 1.5rem;font-size:.95rem}.siding-summary-grid span:nth-child(2n),.siding-summary-trim span:nth-child(2n){text-align:right}.siding-summary-total{font-weight:700;border-top:1px solid #334155;padding-top:.5rem;margin-top:.25rem}.siding-squares{font-size:1.25rem}.siding-summary-trim{margin-top:1rem;padding-top:.75rem;border-top:1px solid #334155;color:#cbd5e1;font-size:.9rem}.siding-summary .field-hint{margin-top:.75rem;color:#94a3b8}