:root{color:#e2e8f0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#38bdf833,#0000 28%),linear-gradient(#020617 0%,#0f172a 52%,#111827 100%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}a{color:inherit}h1,h2,strong{color:#f8fafc}h1{margin:.2rem 0 1rem;font-size:clamp(2.4rem,5vw,4rem);line-height:1}h2{margin:.1rem 0 0;font-size:1.35rem}p{margin:0}#root{width:100%;margin:0}::selection{background:#60a5fa59}.app-shell{flex-direction:column;gap:1rem;padding:0 0 2rem;display:flex}.card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ab8;border:1px solid #94a3b829;box-shadow:0 24px 80px #0f172a2e}.section-card,.summary-card,.modal{border-radius:1.5rem}.app-header,.section-card,.modal{padding:1.5rem}.app-header{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172af0;border-bottom:1px solid #94a3b838;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.75rem;width:100%;padding:.7rem clamp(.8rem,3vw,1.4rem);display:grid;position:sticky;top:0}.eyebrow,.summary-label,.helper-copy,.problem-copy,.chat-bubble span,.menu-hint,.compact-heading,.language-label{color:#94a3b8}.eyebrow,.summary-label,.compact-heading{letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;font-weight:700}.app-title{justify-self:start;margin:0;font-size:clamp(1.1rem,2.2vw,1.35rem);line-height:1.2}.header-toolbar{justify-content:center;justify-self:center;align-items:center;gap:.6rem;display:flex}.toolbar,.mobile-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex;position:relative}.mobile-toolbar{display:none}.menu-wrapper{position:relative}.toolbar-menu{z-index:80;background:#020617f5;border:1px solid #94a3b829;border-radius:1.2rem;flex-direction:column;gap:.4rem;min-width:13rem;padding:.9rem;display:flex;position:absolute;top:calc(100% + .65rem);left:0;box-shadow:0 24px 80px #02061773}.mobile-menu{min-width:min(20rem,100vw - 3rem);left:auto;right:0}.menu-item,.toolbar-button,.primary-button,.ghost-button,.icon-button,.matrix-cell,.provider-pill,.step-pill,.language-chip{transition:transform .18s,background .18s,border-color .18s,color .18s,box-shadow .18s}.toolbar-button,.primary-button,.ghost-button,.icon-button,.step-pill,.language-chip,.menu-item{color:#eff6ff;cursor:pointer;font:inherit;background:#1e293bb8;border:1px solid #94a3b838;border-radius:999px}.toolbar-button,.primary-button,.ghost-button,.icon-button,.step-pill,.language-chip{justify-content:center;align-items:center;gap:.5rem;padding:.78rem 1rem;display:inline-flex}.menu-item{text-align:left;border-radius:1rem;align-items:center;gap:.6rem;width:100%;padding:.75rem .95rem;display:flex}.menu-item,.compact-item{justify-content:flex-start}.menu-hint{margin:.35rem 0 0;font-size:.82rem;line-height:1.4}.compact-section{flex-direction:column;gap:.5rem;display:flex}.primary-button{background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 16px 40px #2563eb52}.toolbar-button:hover,.primary-button:hover,.ghost-button:hover,.icon-button:hover,.matrix-cell:hover,.provider-pill:hover,.menu-item:hover,.step-pill:hover,.language-chip:hover{transform:translateY(-1px)}.toolbar-button:disabled,.ghost-button:disabled,.icon-button:disabled,.matrix-cell:disabled{cursor:not-allowed;opacity:.45;transform:none}.button-label{white-space:nowrap}.language-picker{justify-self:end;align-items:center;gap:.45rem;display:flex}.language-icon{opacity:.88;font-size:1rem}.language-chip{min-width:2.5rem;padding:.5rem .65rem}.language-chip.active{background:#2563eb33;border-color:#60a5fab8}.language-label{font-size:.82rem;display:none}.hidden-input{display:none}.workspace-main{flex-direction:column;gap:1rem;width:min(1280px,100% - 2rem);margin:0 auto;display:flex}.workspace-actions{justify-content:flex-end;display:flex}.compact-section-card{padding:1rem}.house-section,.roof-section{border-color:#94a3b842;box-shadow:0 16px 48px #02061742}.house-section{background:linear-gradient(#0f172ae6,#0f172ab8)}.roof-section{background:linear-gradient(#1e293be0,#0f172abd)}.section-tag{letter-spacing:.1em;text-transform:uppercase;color:#93c5fd;margin:0 0 .35rem;font-size:.75rem;font-weight:700}.status-message{background:#3b82f61f;border:1px solid #60a5fa29;border-radius:999px;padding:.55rem .95rem}.status-message.success{color:#bfdbfe}.status-message.error{color:#fecaca;background:#7f1d1d3d;border-color:#f8717142}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem;display:grid}.summary-card{padding:1.5rem}.modal-overview-grid .summary-card{padding:1rem}.summary-card strong{margin-top:.8rem;font-size:clamp(2rem,5vw,2.6rem);display:block}.summary-card.accent{background:linear-gradient(155deg,#0ea5e92e,#0f172ab8)}.section-header,.compact-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.table-scroll,.modal-table-scroll{overflow-x:auto}.matrix-table,.roof-table{border-collapse:separate;border-spacing:.3rem;width:100%;min-width:36rem}.matrix-table th,.matrix-table td,.roof-table th,.roof-table td{text-align:center;vertical-align:middle}.matrix-table thead th,.matrix-table tbody th,.matrix-table tfoot th,.roof-table thead th,.roof-table tbody th{color:#cbd5e1;font-weight:600}.matrix-table tbody th,.roof-table tbody th,.matrix-table thead th:first-child,.roof-table thead th:first-child,.matrix-table tfoot th{text-align:left;min-width:10rem}.matrix-cell{color:#eff6ff;cursor:pointer;min-width:2.6rem;min-height:2.6rem;font:inherit;background:#1e293bd1;border:1px solid #94a3b838;border-radius:.8rem}.matrix-cell.roof{min-width:3rem}.strength-0{background:#1e293bb8}.strength-1{background:#0ea5e933}.strength-3,.strength--1{background:#8b5cf638}.strength-9,.strength-1.roof,.strength-2{background:#22c55e38}.strength--2{background:#f8717147}.roof-empty{opacity:.18}.stack-list{flex-direction:column;gap:.85rem;display:flex}.item-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:.75rem;display:grid}.compact-field{min-width:6.5rem}.rating-control{align-items:center;gap:.45rem;display:inline-flex}.rating-button{width:2rem;min-width:2rem;height:2rem;padding:0;font-size:1rem}.rating-value{text-align:center;color:#f8fafc;min-width:1.4rem;font-weight:700}label{color:#dbe4f0;flex-direction:column;gap:.45rem;font-size:.95rem;display:flex}input,textarea{box-sizing:border-box;color:#f8fafc;width:100%;font:inherit;background:#0f172a9e;border:1px solid #94a3b833;border-radius:1rem;padding:.85rem 1rem}input:focus,textarea:focus,.language-chip:focus,.toolbar-button:focus-visible,.primary-button:focus-visible,.ghost-button:focus-visible,.icon-button:focus-visible,.menu-item:focus-visible,.step-pill:focus-visible,.provider-pill:focus-visible,.matrix-cell:focus-visible{border-color:#60a5fab8;outline:none;box-shadow:0 0 0 4px #3b82f62e}textarea{resize:vertical}.modal-overlay{z-index:40;background:#020617bd;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal{width:min(70rem,100%);max-height:min(90vh,52rem);overflow:auto}.ai-modal{width:min(54rem,100%)}.modal-header,.modal-footer{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.modal-footer{align-items:center;margin-top:1rem}.editor-layout{grid-template-columns:minmax(12rem,.55fr) minmax(0,1.45fr);gap:1rem;margin-top:1rem;display:grid}.stepper{flex-direction:column;gap:.75rem;display:flex}.step-pill{border-radius:1rem;justify-content:flex-start;padding-inline:1rem}.step-pill.active{background:#2563eb2e;border-color:#60a5fab8}.editor-content{min-width:0}.toggle-row{flex-direction:row;align-items:center;gap:.75rem;margin:1rem 0}.toggle-row input{accent-color:#60a5fa;width:auto}.provider-grid{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem;display:grid}.provider-pill{text-align:left;color:#e2e8f0;background:#0f172a9e;border:1px solid #94a3b838;border-radius:1.1rem;flex-direction:column;align-items:flex-start;gap:.35rem;padding:1rem;display:flex}.provider-pill strong{font-size:.95rem}.provider-pill span{color:#94a3b8;font-size:.85rem}.provider-pill.active{background:#2563eb2e;border-color:#60a5fab8}.chat-log{flex-direction:column;gap:.75rem;max-height:18rem;padding-right:.25rem;display:flex;overflow-y:auto}.chat-bubble{background:#0f172a9e;border:1px solid #94a3b824;border-radius:1.1rem;padding:1rem}.chat-bubble.user{background:#2563eb29}.chat-bubble p{white-space:pre-wrap;margin-top:.45rem}.full-width{width:100%}.main-chatbot{z-index:25;width:min(28rem,100vw - 2rem);padding:1rem;position:fixed;bottom:1rem;right:1rem}.main-chatbot-header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.85rem;display:flex}.main-chatbot .chat-log{max-height:12rem}.section-controls{flex-shrink:0;align-items:center;gap:.55rem;display:flex}.section-control{width:2rem;min-width:2rem;height:2rem;padding:0;font-size:1.05rem}.section-help{background:#0f172ab8;border:1px solid #94a3b833;border-radius:.9rem;margin:0;padding:.75rem .9rem}.section-help strong{color:#bfdbfe;margin-bottom:.35rem;display:block}.section-help p{color:#cbd5e1;margin:0;line-height:1.45}.clickable-section{cursor:pointer}.clickable-section:hover{border-color:#60a5fa57}.section-locked{cursor:default}.active-control{background:#2563eb33;border-color:#60a5fab8}.help-popover{position:relative}.popover-help{z-index:140;width:min(22rem,70vw);position:absolute;top:calc(100% + .4rem);right:0;box-shadow:0 20px 50px #02061780}.help-popover.modal .popover-help{width:min(24rem,80vw)}.popover-portal{z-index:9000;width:min(22rem,70vw);box-shadow:0 20px 50px #02061780}.guide-row{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.matrix-data-row th,.matrix-data-row td,.roof-data-row th,.roof-data-row td{background:#0f172a59}.matrix-data-row:nth-child(2n) th,.matrix-data-row:nth-child(2n) td,.roof-data-row:nth-child(2n) th,.roof-data-row:nth-child(2n) td{background:#1e293b73}.matrix-importance-cell{color:#dbeafe;font-weight:700;background:#2563eb24!important}.weighted-row th,.weighted-row td{background:#38bdf81f;border-top:1px solid #7dd3fc61}.weighted-label{color:#bfdbfe!important;font-weight:700!important}.weighted-value{color:#e0f2fe;font-weight:700}@media (width<=1120px){.toolbar-button{width:2.9rem;padding-inline:0}.button-label{display:none}}@media (width>=1121px){.language-label{display:inline}}@media (width<=980px){.editor-layout{grid-template-columns:1fr}.app-header{grid-template-columns:minmax(0,1fr) auto;align-items:center}.app-title{grid-column:1}.header-toolbar{grid-column:1/-1;justify-content:center;justify-self:center}.language-picker{grid-column:2;justify-self:end}}@media (width<=760px){.desktop-toolbar{display:none}.mobile-toolbar{display:flex}.toolbar-button{width:auto;padding-inline:1rem}.button-label{display:inline}.item-row{grid-template-columns:1fr;display:grid}.section-header{flex-wrap:wrap;align-items:center}.compact-header,.modal-header{flex-wrap:nowrap;align-items:center}.matrix-table,.roof-table,.compact-matrix-table{min-width:34rem}.modal-overlay{padding:.75rem}.mobile-menu{z-index:140;min-width:auto;max-height:calc(100vh - 5.5rem);position:fixed;top:4.6rem;left:.75rem;right:.75rem;overflow-y:auto}.popover-help,.help-popover.modal .popover-help{width:min(20rem,100vw - 2rem);left:0;right:auto}.guide-row{align-items:center}.main-chatbot{width:calc(100vw - 1.5rem);bottom:.75rem;right:.75rem}}
