:root{color:#111827;font-synthesis:none;background:#f3f4f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}.startup-screen{color:#f8fafc;background:radial-gradient(circle at 50% 34%,#b78b451a,#0000 34%),linear-gradient(145deg,#0d1219 0%,#151c25 48%,#0b1017 100%);place-items:center;min-height:100vh;padding:28px;display:grid;overflow:hidden}.startup-splash{text-align:center;align-content:center}.startup-brand-mark{width:116px;height:64px;margin-bottom:22px;position:relative}.startup-roof-line{background:linear-gradient(90deg,#9d7132,#e4c079);border-radius:999px;width:68px;height:3px;position:absolute;top:29px;box-shadow:0 0 22px #dab0652e}.startup-roof-line.left{transform-origin:100%;left:3px;transform:rotate(-33deg)}.startup-roof-line.right{transform-origin:0;right:3px;transform:rotate(33deg)}.startup-ridge-dot{background:#e5c27e;border-radius:999px;width:7px;height:7px;position:absolute;top:6px;left:50%;transform:translate(-50%);box-shadow:0 0 18px #e5c27e6b}.startup-wordmark,.startup-mini-brand{letter-spacing:.22em;font-weight:950}.startup-wordmark{font-size:clamp(30px,6vw,54px);line-height:1}.startup-tagline{color:#f1f5f9a3;letter-spacing:.02em;margin-top:13px;font-size:13px;font-weight:650}.startup-tagline span{color:#e5c27e94;margin:0 7px}.startup-loader{justify-content:center;gap:7px;margin-top:30px;display:flex}.startup-loader span{background:#d8b56e;border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite krokwio-startup-pulse}.startup-loader span:nth-child(2){animation-delay:.14s}.startup-loader span:nth-child(3){animation-delay:.28s}.startup-splash>small{color:#f1f5f957;letter-spacing:.08em;margin-top:18px;font-size:10px;font-weight:800}@keyframes krokwio-startup-pulse{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.startup-language-screen{background:radial-gradient(circle at 50% 18%,#c5995121,#0000 30%),linear-gradient(145deg,#0d1219 0%,#151c25 50%,#0b1017 100%)}.startup-language-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#161d27d1;border:1px solid #ffffff1a;border-radius:24px;width:min(680px,100%);padding:clamp(26px,5vw,48px);box-shadow:0 28px 70px #00000047}.startup-mini-brand{color:#d9b872;font-size:11px}.startup-language-card h1{color:#fff;margin:14px 0 9px;font-size:clamp(25px,4vw,38px);line-height:1.12}.startup-language-card h1 span{color:#b78c49;font-weight:500}.startup-language-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px;display:grid}.startup-language-options button{color:#fff;text-align:left;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff1c;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;min-height:92px;padding:15px 16px;transition:transform .16s,border-color .16s,background .16s;display:grid}.startup-language-options button:hover,.startup-language-options button:focus-visible{background:#dab56e1a;border-color:#dab56eb8;outline:none;transform:translateY(-2px)}.startup-language-code{color:#e4c079;letter-spacing:.08em;background:#dcb8711a;border:1px solid #dcb8716b;border-radius:12px;place-items:center;width:44px;height:44px;font-size:12px;font-weight:950;display:grid}.startup-language-options strong,.startup-language-options small{display:block}.startup-language-options strong{font-size:16px}.startup-language-options small{color:#f1f5f97a;margin-top:4px;font-size:10px;line-height:1.3}.startup-language-arrow{color:#d9b872;font-size:18px}.startup-version{color:#f1f5f94d;letter-spacing:.07em;margin-top:22px;font-size:9px;font-weight:800;display:block}@media (width<=620px){.startup-screen{padding:18px}.startup-language-card{border-radius:18px}.startup-language-options{grid-template-columns:1fr}.startup-language-options button{min-height:82px}.startup-tagline span{display:none}.startup-tagline{max-width:280px}}@media (prefers-reduced-motion:reduce){.startup-loader span{opacity:.72;animation:none}.startup-language-options button{transition:none}}body{min-width:320px;margin:0}button,input,select{font:inherit}.shell{max-width:1180px;margin:0 auto;padding:24px}.hero{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.brand{letter-spacing:.16em;font-size:14px;font-weight:900}h1{margin:6px 0;font-size:clamp(28px,5vw,48px);line-height:1.05}h2{margin:2px 0 0;font-size:18px}p{color:#6b7280;margin:0}.badge,.section-chip,.status-dot{white-space:nowrap;background:#fff;border:1px solid #d1d5db;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:750}.status-dot:before{content:"";background:#16a34a;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:18px;display:grid}.panel{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:20px}.section-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.eyebrow{letter-spacing:.12em;color:#6b7280;font-size:10px;font-weight:850;display:block}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;display:grid}label{gap:6px;min-width:0;margin-bottom:12px;font-size:13px;font-weight:650;display:grid}input,select{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:10px;width:100%;min-height:46px;padding:11px 12px;font-size:16px}input:focus,select:focus{border-color:#111827;outline:3px solid #1118271f}.note,.plan-note,.interaction-hint{color:#4b5563;background:#f9fafb;border-radius:10px;margin-top:10px;padding:12px;font-size:13px;line-height:1.45}.interaction-hint{background:#fff;border:1px dashed #d1d5db}.validation{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin:2px 0 12px;padding:12px;font-size:13px;line-height:1.45}.results{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.result{background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:0;padding:14px}.result span{color:#6b7280;margin-bottom:5px;font-size:12px;display:block}.result strong{overflow-wrap:anywhere;font-size:18px}.visual,.plan-panel,.elements-panel{margin-top:18px}.roof-canvas,.plan-canvas{background:#f9fafb;border:1px solid #eef0f3;border-radius:14px;place-items:center;display:grid;overflow:hidden}.roof-canvas{min-height:260px}.plan-canvas{min-height:390px}svg{width:100%;height:auto;display:block}svg text{fill:#374151;font-size:17px;font-weight:650}.wall{stroke:#9ca3af;stroke-width:7px;stroke-linecap:round}.wall-post{stroke:#9ca3af;stroke-width:5px;stroke-linecap:round}.rafter{stroke:#111827;stroke-width:12px;stroke-linecap:round}.dimension{stroke:#9ca3af;stroke-width:2px;stroke-dasharray:7 7}.dimension-solid,.building-dimension{stroke:#9ca3af;stroke-width:2px}.building-dimension{stroke-dasharray:8 5}.small-dimension{fill:#6b7280;font-size:13px}.empty-visual{color:#6b7280;text-align:center;padding:40px 20px;font-size:14px}.section-member{cursor:pointer;stroke:#fff;stroke-width:2px;transition:stroke-width .12s,filter .12s}.section-member:hover,.section-member.selected{stroke:#111827;stroke-width:5px;filter:drop-shadow(0 2px 3px #1118272e)}.member-tag{fill:#111827;pointer-events:none;font-size:12px;font-weight:900}.plan-heading{align-items:center}.plan-legend{color:#4b5563;gap:12px;font-size:12px;font-weight:800;display:flex}.plan-legend span{align-items:center;gap:6px;display:inline-flex}.plan-legend i{border-radius:999px;width:18px;height:4px;display:inline-block}.building-footprint{fill:#f3f4f6;stroke:#9ca3af;stroke-width:2px;stroke-dasharray:8 6}.roof-outline{fill:none;stroke:#111827;stroke-width:3px}.ridge-line{stroke:#111827;stroke-width:5px;stroke-dasharray:10 5}.wallplate-line{stroke:#6b7280;stroke-width:7px}.clickable{cursor:pointer;transition:stroke-width .12s,opacity .12s}.clickable:hover{stroke-width:10px}.selected-member-line{stroke-width:11px}.plan-rafter{stroke-width:4px;cursor:pointer;transition:stroke-width .12s,opacity .12s}.plan-rafter:hover{stroke-width:8px}.plan-rafter.selected{stroke-width:10px}.selected-label{fill:#111827;paint-order:stroke;stroke:#fff;stroke-width:5px;stroke-linejoin:round;font-size:13px;font-weight:900}.selected-member{grid-template-columns:.8fr 1.4fr 1.2fr 1fr 1fr;gap:10px;margin-top:12px;display:grid}.selected-member>div{background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:0;padding:12px}.selected-member span{color:#6b7280;margin-bottom:4px;font-size:11px;display:block}.selected-member strong{overflow-wrap:anywhere;font-size:14px;display:block}.element-list{border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}.element-row{border-top:1px solid #e5e7eb;grid-template-columns:70px 1.4fr 1fr 1fr 90px;align-items:center;gap:12px;padding:14px 16px;font-size:14px;display:grid}.element-row:first-child{border-top:0}.element-head{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;background:#f9fafb;font-size:11px;font-weight:800}.element-button{text-align:left;color:#111827;cursor:pointer;background:#fff;border-bottom:0;border-left:0;border-right:0;width:100%}.element-button.selected-row{background:#f3f4f6;box-shadow:inset 4px 0 #111827}.element-id{color:#fff;background:#111827;border-radius:8px;place-items:center;width:42px;min-height:30px;display:inline-grid}.elements-summary{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.elements-summary span{color:#6b7280;border:1px solid #e5e7eb;border-radius:12px;flex:180px;padding:12px;font-size:12px}.elements-summary strong{color:#111827;margin-bottom:2px;font-size:18px;display:block}@media (width<=820px){.shell{padding:16px}.grid{grid-template-columns:1fr}.hero{align-items:center}.selected-member{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.shell{padding:12px}.hero{margin-bottom:14px}.hero p{font-size:13px;line-height:1.4}.badge{padding:6px 9px}.panel{border-radius:15px;padding:15px}.field-grid,.results{grid-template-columns:1fr}.section-heading{align-items:center}.status-dot,.section-chip{padding:6px 8px;font-size:11px}.roof-canvas{min-height:210px}.plan-canvas{min-height:270px}svg text{font-size:14px}.plan-heading{align-items:flex-start}.plan-legend{flex-direction:column;gap:4px}.selected-member{grid-template-columns:1fr}.element-head{display:none}.element-list{border:0;border-radius:0;gap:10px;display:grid;overflow:visible}.element-row{border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:52px 1fr;gap:7px 12px;padding:14px}.element-row:first-child{border-top:1px solid #e5e7eb}.element-row>span{grid-column:2}.element-row>span:before{content:attr(data-label) ": ";color:#6b7280;font-size:11px;font-weight:650}.element-id{grid-row:1/span 4;align-self:start}}.technical-card-panel{margin-top:18px}.technical-card-heading{align-items:center}.warning-chip{color:#92400e;background:#fffbeb;border-color:#fde68a}.technical-toolbar{grid-template-columns:1.4fr repeat(3,minmax(0,.7fr));gap:10px;margin-bottom:12px;display:grid}.technical-toolbar label{margin:0}.technical-id{background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:0;padding:10px 12px}.technical-id span{color:#6b7280;margin-bottom:4px;font-size:11px;display:block}.technical-id strong{overflow-wrap:anywhere;font-size:14px;display:block}.technical-drawing{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}.technical-rafter{stroke:#111827;stroke-width:16px;stroke-linecap:round}.reference-line{stroke:#9ca3af;stroke-width:2px;stroke-dasharray:8 6}.reference-point{fill:#111827;stroke:#fff;stroke-width:3px}.point-label{fill:#111827;font-size:18px;font-weight:900}.drawing-note{fill:#6b7280;font-size:12px;font-weight:700}.technical-dimension{stroke:#6b7280;stroke-width:2px}.dimension-arrow{fill:#6b7280}.dimension-label{fill:#374151;font-size:13px;font-weight:800}.technical-values{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.reference-assumptions{color:#78350f;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;margin-top:12px;padding:14px;font-size:12px;line-height:1.5}.reference-assumptions>strong{margin-bottom:6px;font-size:13px;display:block}.reference-assumptions span{margin-top:3px;display:block}@media (width<=820px){.technical-toolbar,.technical-values{grid-template-columns:repeat(2,minmax(0,1fr))}.technical-drawing{overflow-x:auto}}@media (width<=560px){.technical-toolbar,.technical-values{grid-template-columns:1fr}.technical-drawing svg{min-width:720px}}.technical-drawing{overflow-x:auto}.technical-drawing svg{min-width:820px}.technical-rafter-body{fill:#111827;stroke:#111827;stroke-width:1px;stroke-linejoin:round}.technical-centerline{stroke:#ffffff9e;stroke-width:1.5px;stroke-dasharray:8 7;pointer-events:none}.technical-wallplate{fill:#9ca3af;stroke:#4b5563;stroke-width:2px}.technical-ridge{fill:#6b7280;stroke:#374151;stroke-width:2px}.callout-line{stroke:#9ca3af;stroke-width:1.5px}.callout-label{fill:#374151;paint-order:stroke;stroke:#f9fafb;stroke-width:5px;stroke-linejoin:round;font-size:12px;font-weight:800}.technical-point-legend{color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;gap:8px 18px;margin-top:10px;padding:11px 13px;font-size:12px;display:flex}.technical-point-legend span{flex:220px}.technical-point-legend b{color:#111827;margin-right:4px}.point-label{paint-order:stroke;stroke:#f9fafb;stroke-width:6px;stroke-linejoin:round}.dimension-label{paint-order:stroke;stroke:#f9fafb;stroke-width:5px;stroke-linejoin:round}@media (width<=560px){.technical-drawing svg{min-width:800px}}.connection-panel{margin-top:18px}.connection-heading{align-items:center}.connection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.connection-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px}.connection-card-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.connection-card-head>div{align-items:center;gap:10px;min-width:0;display:flex}.connection-card h3{margin:0;font-size:16px}.connection-card select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--kr-ink,#111827);background:#fffdf9;border-color:#d8d1c5}.connection-card select:focus{background:#fffdf9}.connection-card select option{color:#111827;background:#fffdf9}.connection-card select option:checked{color:#111827;background:#f2ede4;font-weight:700}@supports (appearance:base-select){.connection-card select{appearance:base-select}.connection-card select::picker(select){appearance:base-select}.connection-card select::picker(select){background:#fffdf9;border:1px solid #d8d1c5;border-radius:12px;padding:5px;box-shadow:0 12px 30px #141a241f}.connection-card select option{color:#111827;background:0 0;border-radius:8px;padding:10px 12px}.connection-card select option:hover,.connection-card select option:focus{color:#111827;background:#f8f4ed}.connection-card select option:checked{color:#111827;background:#f2ede4}}.connection-code{color:#fff;background:#111827;border-radius:8px;flex:none;place-items:center;width:32px;height:32px;font-size:14px;font-weight:900;display:inline-grid}.connection-status{color:#6b7280;flex:none;font-size:11px;font-weight:750}.connection-description{color:#4b5563;background:#f9fafb;border-radius:10px;min-height:82px;padding:12px;font-size:12px;line-height:1.5}.connection-description strong,.connection-description span{display:block}.connection-description strong{color:#111827;margin-bottom:4px}.connection-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.connection-summary>div{border:1px solid #e5e7eb;border-radius:12px;min-width:0;padding:12px}.connection-summary span{color:#6b7280;margin-bottom:4px;font-size:11px;display:block}.connection-summary strong{overflow-wrap:anywhere;font-size:13px;display:block}.not-ready{color:#991b1b}.safety-note{color:#7f1d1d;background:#fff7f7;border:1px solid #fecaca;border-radius:12px;margin-top:12px;padding:13px 14px;font-size:12px;line-height:1.5}.safety-note strong,.safety-note span{display:block}.safety-note strong{margin-bottom:4px}@media (width<=820px){.connection-grid,.connection-summary{grid-template-columns:1fr}}.technical-card-panel,.technical-drawing,.technical-drawing svg{min-width:0;max-width:100%}.technical-drawing{width:100%}.technical-drawing-desktop{display:block}.technical-drawing-mobile{display:none}@media (width<=640px){.technical-card-heading{align-items:flex-start}.technical-card-heading .section-chip{white-space:normal;text-align:right;max-width:145px}.technical-drawing-desktop{display:none}.technical-drawing-mobile{border-radius:12px;width:100%;display:block;overflow:hidden}.technical-drawing-mobile svg{width:100%;max-width:100%;height:auto;display:block;min-width:0!important}.technical-point-legend{grid-template-columns:1fr;gap:7px;display:grid}.technical-point-legend span{flex:none;font-size:12px;line-height:1.35}.mobile-point-label{fill:#111827;paint-order:stroke;stroke:#f9fafb;stroke-width:8px;stroke-linejoin:round;font-size:30px;font-weight:900}.mobile-dimension-label{fill:#374151;paint-order:stroke;stroke:#f9fafb;stroke-width:7px;stroke-linejoin:round;font-size:22px;font-weight:850}.mobile-reference-point{stroke-width:5px}.technical-values .result strong{font-size:17px}.reference-assumptions{padding:12px}}.mobile-drawing-hint{display:none}@media (width<=640px){.roof-canvas,.plan-canvas,.technical-drawing-mobile{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin;justify-content:flex-start;overflow:auto hidden}.roof-canvas svg{width:600px;min-width:600px;max-width:none}.plan-canvas svg{width:660px;min-width:660px;max-width:none}.technical-drawing-mobile svg{width:560px;max-width:none;min-width:560px!important}.roof-canvas{min-height:315px}.plan-canvas{min-height:380px}.technical-drawing-mobile{min-height:250px}.mobile-drawing-hint{color:#6b7280;text-align:center;margin-top:7px;font-size:11px;font-weight:700;display:block}.technical-mobile-hint{margin-bottom:2px}}.section-label-mobile{display:none}@media (width<=640px){.section-label-desktop{display:none}.section-label-mobile{display:inline}.mobile-angle-badge{fill:#fff;stroke:#d1d5db;stroke-width:2px}.mobile-angle-text{fill:#111827;font-size:19px;font-weight:900}.mobile-section-tag{fill:#111827;paint-order:stroke;stroke:#f9fafb;stroke-width:5px;stroke-linejoin:round;font-size:17px;font-weight:900}.mobile-section-note{fill:#374151;paint-order:stroke;stroke:#f9fafb;stroke-width:5px;stroke-linejoin:round;font-size:15px;font-weight:800}}.desktop-angle-badge{fill:#fff;stroke:#d1d5db;stroke-width:1.8px}.desktop-angle-text{fill:#111827;font-size:17px;font-weight:900}.desktop-section-tag{fill:#111827;paint-order:stroke;stroke:#f9fafb;stroke-width:5px;stroke-linejoin:round;font-size:15px;font-weight:900}.desktop-section-note{fill:#374151;paint-order:stroke;stroke:#f9fafb;stroke-width:5px;stroke-linejoin:round;font-size:16px;font-weight:800}.app-tabs{z-index:20;background:#fff;border:1px solid #e5e7eb;border-radius:16px;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 18px;padding:6px;display:grid;position:sticky;top:10px;box-shadow:0 8px 24px #1118270d}.app-tab{color:#6b7280;cursor:pointer;background:0 0;border:0;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:48px;padding:9px 10px;font-weight:780;transition:background .15s,color .15s,transform .15s;display:flex}.app-tab:hover{color:#111827;background:#f3f4f6}.app-tab.active{color:#fff;background:#111827}.app-tab:active{transform:scale(.985)}.tab-icon{font-size:18px;line-height:1}.tab-page{min-width:0}.tab-page>.panel:first-child{margin-top:0}.materials-page,.project-page{min-width:0}.material-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.material-card{border:1px solid #e5e7eb;border-radius:14px;min-width:0;padding:16px}.material-code{color:#fff;background:#111827;border-radius:8px;margin-bottom:10px;padding:5px 8px;font-size:11px;font-weight:850;display:inline-block}.material-card>strong{margin-bottom:5px;font-size:17px;display:block}.material-card>small{color:#6b7280;min-height:34px;line-height:1.4;display:block}.material-metrics{grid-template-columns:1fr 1fr;gap:7px;margin-top:12px;display:grid}.material-metrics span{color:#6b7280;background:#f9fafb;border-radius:9px;padding:9px;font-size:11px}.material-metrics b{color:#111827;margin-bottom:2px;font-size:14px;display:block}.materials-total{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.materials-total>div{border:1px solid #e5e7eb;border-radius:12px;padding:13px}.materials-total span,.project-status-card span{color:#6b7280;margin-bottom:4px;font-size:11px;display:block}.materials-total strong{font-size:20px}.project-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.project-status-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;margin-top:12px;padding:16px}.project-status-card strong{font-size:17px}.project-status-card p{margin-top:10px;font-size:13px;line-height:1.55}.mobile-bottom-nav{display:none}@media (width<=760px){.desktop-tabs{display:none}.shell{padding-bottom:calc(92px + env(safe-area-inset-bottom))}.mobile-bottom-nav{left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border:1px solid #d1d5db;border-radius:18px;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:6px;display:grid;position:fixed;box-shadow:0 12px 40px #1118272e}.mobile-nav-item{color:#6b7280;cursor:pointer;background:0 0;border:0;border-radius:12px;align-content:center;place-items:center;gap:3px;min-width:0;min-height:56px;padding:6px 2px;font-size:9px;font-weight:780;display:grid}.mobile-nav-item.active{color:#fff;background:#111827}.mobile-nav-icon{font-size:20px;line-height:1}.material-cards,.materials-total,.project-summary-grid{grid-template-columns:1fr}}@media (width>=761px) and (width<=920px){.app-tab{flex-direction:column;gap:3px;font-size:11px}}.coverage-panel+.timber-materials-panel{margin-top:18px}.coverage-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.coverage-calculator{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;grid-template-columns:minmax(180px,.6fr) minmax(0,1.4fr);gap:12px;margin-top:14px;padding:14px;display:grid}.coverage-calculator label{align-content:start;margin:0}.coverage-result{background:#fff;border:1px solid #e5e7eb;border-radius:11px;min-width:0;padding:11px 14px}.coverage-result span,.coverage-result small{color:#6b7280;display:block}.coverage-result span{margin-bottom:4px;font-size:11px;font-weight:700}.coverage-result strong{font-size:26px;line-height:1.1;display:block}.coverage-result small{margin-top:5px;font-size:11px}.calculation-note{color:#6b7280;background:#f9fafb;border-left:3px solid #d1d5db;margin-top:12px;padding:11px 13px;font-size:12px;line-height:1.5}@media (width<=900px){.coverage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.coverage-grid,.coverage-calculator{grid-template-columns:1fr}.coverage-result strong{font-size:22px}}.battens-panel,.timber-materials-panel{margin-top:18px}.battens-inputs{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.battens-inputs label{margin:0}.battens-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.battens-material-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.battens-material-cards>div{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:13px}.battens-material-cards span{color:#6b7280;margin-bottom:5px;font-size:11px;display:block}.battens-material-cards strong{font-size:19px;display:block}@media (width<=760px){.battens-inputs,.battens-results,.battens-material-cards{grid-template-columns:1fr}}.order-summary-panel{margin-top:18px}.order-table{border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}.order-row{border-top:1px solid #e5e7eb;grid-template-columns:1.3fr 1.05fr .75fr 1fr 1fr;align-items:center;gap:12px;min-width:0;padding:13px 15px;font-size:13px;display:grid}.order-row:first-child{border-top:0}.order-row>*{overflow-wrap:anywhere;min-width:0}.order-row>strong{color:#111827}.order-row>span{color:#4b5563}.order-head{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background:#f9fafb;font-size:10px;font-weight:850}.order-head span{color:#6b7280}.order-totals{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.order-totals>div{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:13px}.order-totals span{color:#6b7280;margin-bottom:5px;font-size:11px;display:block}.order-totals strong{font-size:18px;display:block}@media (width<=820px){.order-totals{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.order-table{border:0;border-radius:0;gap:9px;display:grid;overflow:visible}.order-head{display:none}.order-row{background:#fff;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:1fr;gap:6px;padding:13px;display:grid}.order-row:first-child{border-top:1px solid #e5e7eb}.order-row>strong{margin-bottom:2px;font-size:15px}.order-row>span:before{content:attr(data-label) ": ";color:#6b7280;font-size:11px;font-weight:700}.order-totals{grid-template-columns:1fr}}.section-change-note{color:#1e3a8a;background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;margin-top:12px;padding:12px 14px;font-size:12px;line-height:1.5}.section-change-note strong,.section-change-note span{display:block}.section-change-note strong{margin-bottom:3px;font-size:12px}.cost-panel{margin-top:18px}.cost-inputs{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.cost-inputs label{margin:0}.cost-breakdown{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.cost-breakdown>div,.cost-total>div{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:13px}.cost-breakdown span,.cost-breakdown small,.cost-total span{display:block}.cost-breakdown span,.cost-total span{color:#6b7280;margin-bottom:4px;font-size:11px}.cost-breakdown small{color:#9ca3af;margin-bottom:8px;font-size:10px}.cost-breakdown strong{font-size:18px}.cost-total{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.cost-total>div:last-child{color:#fff;background:#111827;border-color:#111827}.cost-total>div:last-child span{color:#d1d5db}.cost-total strong{font-size:23px;display:block}@media (width<=900px){.cost-inputs,.cost-breakdown{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.cost-inputs,.cost-breakdown,.cost-total{grid-template-columns:1fr}}.project-editor-panel+.saved-projects-panel{margin-top:18px}.project-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.project-fields label{margin:0}.project-actions{flex-wrap:wrap;gap:9px;margin:14px 0;display:flex}.primary-action,.secondary-action,.saved-project-actions button{cursor:pointer;border-radius:10px;min-height:40px;padding:9px 14px;font-weight:800}.primary-action{color:#fff;background:#111827;border:1px solid #111827}.secondary-action,.saved-project-actions button{color:#111827;background:#fff;border:1px solid #d1d5db}.project-message{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;margin-bottom:12px;padding:10px 12px;font-size:12px;font-weight:700}.saved-projects-list{gap:10px;display:grid}.saved-project-card{background:#fff;border:1px solid #e5e7eb;border-radius:13px;justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex}.saved-project-main{min-width:0}.saved-project-main strong,.saved-project-main span,.saved-project-main small{display:block}.saved-project-main strong{margin-bottom:4px;font-size:15px}.saved-project-main span{color:#4b5563;margin-bottom:5px;font-size:12px}.saved-project-main small{color:#9ca3af;font-size:10px}.saved-project-actions{flex:none;gap:7px;display:flex}.saved-project-actions .danger-action{color:#991b1b;background:#fff7f7;border-color:#fecaca}.project-empty{min-height:110px}@media (width<=760px){.project-fields{grid-template-columns:1fr}.saved-project-card{flex-direction:column;align-items:stretch}.saved-project-actions{width:100%}.saved-project-actions button{flex:1}}.pdf-action,.pdf-report-card button{color:#111827;cursor:pointer;background:#fff;border:1px solid #111827;border-radius:10px;min-height:40px;padding:9px 14px;font-weight:850}.pdf-action:hover,.pdf-report-card button:hover{background:#f3f4f6}.pdf-action:disabled,.pdf-report-card button:disabled{cursor:not-allowed;opacity:.5}.pdf-report-card{background:#fff;border:1px solid #d1d5db;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-top:12px;padding:14px;display:flex}.pdf-report-card>div{align-items:center;gap:12px;min-width:0;display:flex}.pdf-report-icon{color:#fff;letter-spacing:.04em;background:#111827;border-radius:11px;flex:none;place-items:center;width:46px;height:46px;font-size:11px;font-weight:900;display:grid}.pdf-report-card strong{margin-bottom:3px;font-size:14px;display:block}.pdf-report-card p{color:#6b7280;margin:0;font-size:11px;line-height:1.4}@media (width<=620px){.pdf-report-card{flex-direction:column;align-items:stretch}.pdf-report-card button{width:100%}.project-actions .pdf-action{flex:100%}}.pdf-download-link{color:#fff;white-space:nowrap;background:#111827;border:1px solid #111827;border-radius:10px;justify-content:center;align-items:center;min-height:42px;padding:9px 16px;font-weight:850;text-decoration:none;display:inline-flex}.pdf-download-link:hover{background:#374151}@media (width<=620px){.pdf-download-link{width:100%}}.project-actions .pdf-download-inline{min-height:40px;padding:9px 14px}@media (width<=620px){.project-actions .pdf-download-inline{flex:100%;width:auto}}:root{--kr-bg:#f4f3ef;--kr-surface:#fff;--kr-surface-soft:#faf9f6;--kr-ink:#141a24;--kr-ink-soft:#2f3745;--kr-muted:#727a87;--kr-line:#e5e2da;--kr-line-strong:#d7d2c7;--kr-accent:#b9852f;--kr-accent-dark:#8e6421;--kr-accent-soft:#f6ead5;--kr-success:#1d7046;--kr-danger:#a33a35;--kr-shadow-sm:0 8px 28px #141a240e;--kr-shadow-md:0 18px 55px #141a2417;color:var(--kr-ink);background:var(--kr-bg)}html{background:var(--kr-bg)}body{min-height:100vh;color:var(--kr-ink);background:radial-gradient(circle at 10% -10%, #b9852f1a, transparent 30%), radial-gradient(circle at 90% 0%, #26314314, transparent 32%), linear-gradient(180deg, #f8f7f3 0%, var(--kr-bg) 420px)}::selection{color:var(--kr-ink);background:#b9852f38}.shell{max-width:1240px;padding:28px 24px 44px}.hero{min-height:158px;box-shadow:var(--kr-shadow-md);background:radial-gradient(circle at 84% 20%,#b9852f33,#0000 30%),linear-gradient(135deg,#171e29 0%,#222d3c 62%,#131922 100%);border:1px solid #ffffff14;border-radius:24px;align-items:center;margin-bottom:18px;padding:28px 30px;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;border:1px solid #ffffff0f;border-radius:50%;width:310px;height:220px;position:absolute;bottom:-110px;right:-70px;transform:rotate(-18deg)}.hero .brand{color:#d6aa61;letter-spacing:.22em;align-items:baseline;gap:7px;font-size:12px;display:inline-flex}.hero .brand-name{letter-spacing:.22em}.hero .brand-separator{color:#d6aa6185;letter-spacing:0;font-size:11px}.hero .brand-version{color:#f0cf96ad;letter-spacing:.06em;text-transform:none;font-size:9px;font-weight:800}.hero h1{color:#fff;letter-spacing:-.035em;max-width:760px;margin:8px 0 7px;font-size:clamp(30px,4.3vw,52px)}.hero p{color:#ffffffab;font-size:14px;font-weight:520}.app-tabs{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe0;border-color:#d7d2c7c7;border-radius:17px;gap:5px;margin-bottom:20px;padding:6px;top:12px;box-shadow:0 10px 35px #141a2412}.app-tab{min-height:50px;color:var(--kr-muted);border-radius:12px;font-weight:760;transition:background .18s,color .18s,box-shadow .18s,transform .18s;position:relative}.app-tab:hover{background:var(--kr-surface-soft);color:var(--kr-ink)}.app-tab.active{background:var(--kr-ink);color:#fff;box-shadow:0 8px 18px #141a242e}.app-tab.active:after{content:"";background:#d6aa61;border-radius:99px;height:2px;position:absolute;bottom:5px;left:28%;right:28%}.tab-icon{color:currentColor;opacity:.9}.panel{border-color:var(--kr-line);box-shadow:var(--kr-shadow-sm);background:#fffffff7;border-radius:20px}.section-heading{margin-bottom:18px}.section-heading h2{color:var(--kr-ink);letter-spacing:-.015em;font-size:19px}.eyebrow{color:var(--kr-accent-dark);letter-spacing:.16em;margin-bottom:4px;font-size:10px}.badge,.section-chip,.status-dot{border-color:var(--kr-line-strong);background:var(--kr-surface-soft);color:var(--kr-ink-soft);box-shadow:inset 0 1px #ffffffb3}.status-dot:before{background:var(--kr-success);box-shadow:0 0 0 3px #1d70461a}label{color:var(--kr-ink-soft);font-size:12px;font-weight:720}input,select{border-color:var(--kr-line-strong);min-height:48px;color:var(--kr-ink);background:#fff;border-radius:12px;transition:border-color .16s,box-shadow .16s,background .16s;box-shadow:inset 0 1px #ffffffd9,0 1px 2px #141a2406}input:hover,select:hover{border-color:#c7c0b3}input:focus,select:focus{border-color:var(--kr-accent);outline:0;box-shadow:0 0 0 4px #b9852f1f}.result,.selected-member>div,.technical-id,.elements-summary span,.material-card,.materials-total>div,.battens-material-cards>div,.order-totals>div,.cost-breakdown>div,.cost-total>div,.connection-card,.connection-summary>div,.saved-project-card{border-color:var(--kr-line);background:linear-gradient(#fff 0%,#fdfcf9 100%)}.result{border-radius:14px;padding:15px 16px;position:relative;overflow:hidden;box-shadow:0 5px 16px #141a2409}.result:before{content:"";opacity:.72;background:linear-gradient(#d6aa61,#9f7027);width:3px;position:absolute;inset:0 auto 0 0}.result span,.selected-member span,.elements-summary span,.materials-total span,.order-totals span,.cost-breakdown span,.cost-total span,.technical-id span,.project-status-card span{color:var(--kr-muted)}.result strong{color:var(--kr-ink);letter-spacing:-.012em;font-size:19px}.note,.plan-note,.interaction-hint,.calculation-note,.connection-description{border:1px solid var(--kr-line);background:var(--kr-surface-soft);color:#5d6572}.interaction-hint{border-style:dashed}.validation{color:#92352f;background:#fff7f5;border-color:#efc5c1}.roof-canvas,.plan-canvas,.technical-drawing{border-color:var(--kr-line);background-color:#fbfaf7;background-image:linear-gradient(#141a2406 1px,#0000 1px),linear-gradient(90deg,#141a2406 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:16px;box-shadow:inset 0 1px #fff}.rafter,.technical-rafter{stroke:#1d2633}.technical-rafter-body{fill:#1d2633;stroke:#1d2633}.section-member.wallplate{fill:#747d89}.section-member.ridge-member{fill:var(--kr-accent)}.section-member:hover,.section-member.selected{stroke:#d6aa61;filter:drop-shadow(0 3px 5px #b9852f42)}.roof-outline,.ridge-line{stroke:#1d2633}.ridge-line{stroke:var(--kr-accent)}.wallplate-line{stroke:#747d89}.plan-rafter.k1{stroke:#1d2633}.plan-rafter.k2{stroke:#7a8491}.plan-rafter.selected,.selected-member-line{stroke:var(--kr-accent)}.legend-k1{background:#1d2633}.legend-k2{background:#8b94a0}.element-list,.order-table{border-color:var(--kr-line);border-radius:16px}.element-head,.order-head{color:#6e706f;background:#f4f1eb}.element-row,.order-row{border-color:var(--kr-line)}.element-button{color:var(--kr-ink);background:#fff}.element-button:hover{background:#fcfaf6}.element-button.selected-row{box-shadow:inset 4px 0 0 var(--kr-accent);background:#fbf4e8}.element-id,.material-code,.connection-code{background:#1d2633;box-shadow:0 5px 12px #141a2426}.material-card,.connection-card,.saved-project-card{transition:transform .16s,border-color .16s,box-shadow .16s;box-shadow:0 7px 22px #141a2409}.material-card:hover,.connection-card:hover,.saved-project-card:hover{border-color:#d3cbbc;transform:translateY(-1px);box-shadow:0 12px 28px #141a2411}.material-metrics span{color:var(--kr-muted);background:#f6f4ef}.coverage-calculator{border-color:var(--kr-line);background:linear-gradient(135deg,#f8f5ef,#fbfaf7)}.coverage-result{border-color:#e0d9cc;border-radius:13px;box-shadow:0 5px 16px #141a2409}.coverage-result strong{color:var(--kr-ink);letter-spacing:-.025em}.section-change-note{color:#6f5221;background:#fbf5e9;border-color:#ead8b7}.warning-chip,.reference-assumptions{color:#78551d;background:#fcf6e8;border-color:#ead7af}.setup-chip{color:#24603f;background:#f0f8f3;border-color:#b9dec9}.safety-note{color:#843d37;background:#fff8f6;border-color:#efc9c5}.cost-total>div:last-child{background:radial-gradient(circle at 90% 0,#d6aa6133,#0000 44%),#1d2633;border-color:#1d2633}.cost-total>div:last-child strong{color:#fff}.project-status-card{border-color:var(--kr-line);background:linear-gradient(135deg,#f8f6f1,#fbfaf7)}.primary-action,.secondary-action,.pdf-action,.saved-project-actions button,.pdf-download-link{border-radius:11px;min-height:43px;font-weight:820;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s}.primary-action{background:#1d2633;border-color:#1d2633;box-shadow:0 8px 18px #141a2424}.primary-action:hover{background:#293547;transform:translateY(-1px)}.secondary-action,.pdf-action,.saved-project-actions button{border-color:var(--kr-line-strong);color:var(--kr-ink);background:#fff}.secondary-action:hover,.pdf-action:hover,.saved-project-actions button:hover{background:#fbf8f1;border-color:#c7bda9}.pdf-download-link{border-color:var(--kr-accent);color:#fff;background:linear-gradient(135deg,#c8953c,#aa7625);box-shadow:0 8px 18px #b9852f2e}.pdf-download-link:hover{background:linear-gradient(135deg,#b88430,#95651d);transform:translateY(-1px)}.pdf-report-card{border-color:var(--kr-line);background:#fff;border-radius:16px}.pdf-report-card.pdf-ready{background:linear-gradient(135deg,#fbf6eb,#fffdf9);border-color:#d9c18f}.pdf-report-card.pdf-ready .pdf-report-icon{background:linear-gradient(135deg,#b9852f,#8e6421)}.project-message{color:#6d5222;background:#fbf6e9;border-color:#e3d1ad}.saved-project-card.active{border-color:var(--kr-accent);box-shadow:inset 3px 0 0 var(--kr-accent), 0 8px 25px #141a240d}.technical-point-legend{border-color:var(--kr-line);background:#fff}.reference-assumptions{border-radius:14px}.mobile-bottom-nav{background:#faf9f6f0;border-color:#d7d2c7e6;box-shadow:0 18px 48px #141a2433}.mobile-nav-item{color:#737b87;transition:background .16s,color .16s,transform .16s}.mobile-nav-item.active{color:#fff;background:#1d2633;box-shadow:0 7px 16px #141a2429}.mobile-nav-item.active .mobile-nav-icon{color:#e0b66d}.mobile-drawing-hint{color:#83755e}@media (width<=820px){.shell{padding:16px 16px 110px}.hero{border-radius:20px;min-height:138px;padding:22px}.panel{padding:18px}}@media (width<=560px){body{background:radial-gradient(circle at 0 0,#b9852f1a,#0000 25%),#f5f4f0}.shell{padding:10px 10px calc(98px + env(safe-area-inset-bottom))}.hero{border-radius:18px;min-height:126px;margin-bottom:12px;padding:18px 17px}.hero h1{max-width:250px;font-size:29px;line-height:1.02}.hero p{max-width:250px;font-size:12px}.panel{border-radius:17px;padding:15px}.section-heading{gap:10px;margin-bottom:15px}.section-heading h2{font-size:17px}input,select{border-radius:12px;min-height:50px}.result{padding:14px 15px}.result strong{font-size:18px}.mobile-bottom-nav{left:8px;right:8px;bottom:calc(7px + env(safe-area-inset-bottom));border-radius:17px;padding:5px}.mobile-nav-item{border-radius:12px;min-height:57px}.mobile-nav-item.active{transform:translateY(-1px)}.pdf-report-card{padding:13px}.project-actions{gap:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}.hero-actions{z-index:2;align-items:center;gap:10px;display:flex;position:relative}.plan-preview-toggle{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff12;border:1px solid #ffffff21;border-radius:14px;align-items:center;gap:8px;padding:5px 6px 5px 10px;display:flex}.plan-preview-label{color:#ffffff94;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:760}.plan-preview-options{background:#070a0f47;border-radius:10px;gap:3px;padding:3px;display:flex}.plan-preview-options button{color:#ffffff9e;letter-spacing:.05em;cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:31px;padding:5px 10px;font-size:10px;font-weight:900;transition:background .16s,color .16s,box-shadow .16s}.plan-preview-options button.active{color:#1d2633;background:#fff;box-shadow:0 4px 12px #0000002e}.plan-preview-options button.active.pro{color:#fff;background:linear-gradient(135deg,#d2a451,#a87424)}.premium-locked{isolation:isolate;min-height:190px;position:relative;overflow:hidden}.premium-locked>*{filter:blur(3.5px);opacity:.28;-webkit-user-select:none;user-select:none;pointer-events:none!important}.premium-locked:before{content:"";z-index:5;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(#faf9f62e,#faf9f6c7);position:absolute;inset:0}.premium-locked:after{content:"PRO  •  " attr(data-pro-label);z-index:6;color:#5f461d;text-align:center;letter-spacing:.01em;background:radial-gradient(circle at 90% 0,#b9852f24,#0000 42%),#fffdf8f5;border:1px solid #d9c18f;border-radius:15px;width:min(520px,100% - 32px);padding:16px 18px;font-size:13px;font-weight:850;line-height:1.45;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 45px #141a2424}.pdf-pro-locked{background:linear-gradient(135deg,#fbf6e9,#fffdf8);border-color:#e3d1ad}.pdf-pro-locked .pdf-report-icon{background:linear-gradient(135deg,#b9852f,#8e6421)}@media (width<=640px){.hero{align-items:flex-start}.hero-actions{flex-direction:column;align-items:flex-end;gap:7px}.plan-preview-toggle{flex-direction:column;align-items:stretch;gap:4px;padding:5px}.plan-preview-label{display:none}.plan-preview-options button{min-height:28px;padding:4px 8px;font-size:9px}.premium-locked:after{width:calc(100% - 24px);padding:14px 12px;font-size:12px}}.execution-cut-panel{margin-top:18px}.execution-cut-heading{align-items:center}.execution-context{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.execution-context>div{border:1px solid var(--line,#dedbd3);background:#ffffffb8;border-radius:12px;min-width:0;padding:12px 13px}.execution-context span{color:#74716a;margin-bottom:4px;font-size:11px;display:block}.execution-context strong{color:#1d2633;overflow-wrap:anywhere;font-size:13px;display:block}.cut-definition-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.cut-definition-card{background:linear-gradient(#fffffff0,#f8f7f3e6);border:1px solid #dedbd3;border-radius:16px;min-width:0;padding:15px}.cut-definition-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.cut-definition-head>div{min-width:0}.cut-definition-head strong,.cut-definition-head small{display:block}.cut-definition-head strong{color:#1d2633;font-size:14px}.cut-definition-head small{color:#7a756d;margin-top:2px;font-size:11px}.cut-sketch{background-color:#fbfaf7;background-image:linear-gradient(#222a3409 1px,#0000 1px),linear-gradient(90deg,#222a3409 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #e3dfd6;border-radius:13px;margin:8px 0 13px;overflow:hidden}.cut-sketch svg{width:100%;min-width:0}.cut-rafter-shape{fill:#232d3a;stroke:#111820;stroke-width:2px}.cut-support-shape{fill:#c99a4c;stroke:#8e6421;stroke-width:2px}.cut-guide-line{fill:none;stroke:#b24236;stroke-width:2.5px;stroke-dasharray:6 5}.cut-sketch-label{fill:#625b50;font-size:11px;font-weight:800}.cut-sketch-support-label{fill:#6e4d1b;font-size:12px;font-weight:900}.execution-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.execution-fields.single{grid-template-columns:1fr}.execution-fields label{color:#514d46;margin:0;font-size:11px;line-height:1.35}.execution-fields input{background:#fff;min-height:42px}.cut-definition-note{color:#686158;background:#f4f1e9;border-radius:10px;margin-top:11px;padding:10px 11px;font-size:11px;line-height:1.45}.execution-readiness{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:14px;display:grid}.execution-readiness>div{background:#faf9f6;border:1px solid #e1ddd4;border-radius:12px;align-items:center;gap:9px;min-width:0;padding:10px;display:flex}.execution-readiness>div>span{color:#706a61;background:#e6e2da;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:10px;font-weight:900;display:grid}.execution-readiness>div.ready{background:#f3faf6;border-color:#c7ddcf}.execution-readiness>div.ready>span{color:#1d7046;background:#d9efe1}.execution-readiness p,.execution-readiness strong,.execution-readiness small{margin:0;display:block}.execution-readiness p{min-width:0}.execution-readiness strong{color:#2a313a;font-size:11px}.execution-readiness small{color:#777168;margin-top:2px;font-size:9px;line-height:1.3}.execution-lock-note{color:#654b20;background:#fff8e9;border:1px solid #e0c48f;border-radius:12px;grid-template-columns:auto 1fr;align-items:start;gap:10px 14px;margin-top:13px;padding:13px 14px;font-size:12px;line-height:1.5;display:grid}.execution-lock-note strong{white-space:nowrap}@media (width<=820px){.execution-context,.execution-readiness{grid-template-columns:repeat(2,minmax(0,1fr))}.cut-definition-grid{grid-template-columns:1fr}}@media (width<=560px){.execution-context,.execution-readiness,.execution-fields,.execution-lock-note{grid-template-columns:1fr}.cut-sketch svg{min-width:0}}.cut-cutline{fill:none;stroke:#c84a3a;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round}.cut-guide-line.neutral{stroke:#928b80;stroke-width:1.5px;stroke-dasharray:5 5}.cut-dimension-line{stroke:#665f54;stroke-width:1.7px;stroke-dasharray:none}.cut-notch-label{fill:#9b392e;paint-order:stroke;stroke:#fbfaf7;stroke-width:4px;stroke-linejoin:round;font-size:11px;font-weight:900}.cut-sketch-label,.cut-sketch-support-label{paint-order:stroke;stroke:#fbfaf7;stroke-width:4px;stroke-linejoin:round}.roof-type-status{color:#6d5222;background:#fff8e8;border:1px solid #e5c98f;border-radius:12px;gap:4px;margin:2px 0 12px;padding:13px 14px;font-size:12px;line-height:1.45;display:grid}.roof-type-status strong{color:#5d4317;font-size:13px}.roof-type-status span{display:block}.roof-type-status.ready{color:#285f40;background:#f2f9f4;border-color:#bcdcc8}.roof-type-status.ready strong{color:#1d7046}.hip-geometry-page>.visual,.hip-geometry-page>.plan-panel,.hip-geometry-page>.elements-panel,.hip-disabled-page>section:not(.hip-module-placeholder):not(.hip-materials-panel){display:none}.hip-module-placeholder{text-align:center;align-content:center;min-height:210px;display:grid}.hip-module-placeholder h2{margin:4px 0 8px}.hip-module-placeholder p{max-width:680px;margin:0 auto;line-height:1.55}.hip-geometry-content{gap:18px;display:grid}.hip-key-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.hip-assumption-note{color:#655f56;background:#f8f5ef;border:1px solid #e4dccd;border-radius:12px;margin-top:12px;padding:12px 14px;font-size:12px;line-height:1.5}.hip-model-assumptions{color:#6a645b;background:#faf8f4;border:1px solid #e6e1d7;border-radius:10px;margin:-2px 0 14px;font-size:11px}.hip-model-assumptions>summary{cursor:pointer;color:#6a5e4d;padding:9px 11px;font-weight:800}.hip-model-assumptions>p{margin:0;padding:0 11px 10px;line-height:1.45}.hip-plan-canvas{border:1px solid var(--kr-line,#dedbd3);background-color:#fbfaf7;background-image:linear-gradient(#141a2406 1px,#0000 1px),linear-gradient(90deg,#141a2406 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:16px;overflow-x:auto}.hip-plan-canvas svg{min-width:760px}.hip-roof-outline{fill:#b9852f0a;stroke:#1d2633;stroke-width:3px}.hip-building-outline{fill:none;stroke:#9da3aa;stroke-width:2px;stroke-dasharray:8 6}.hip-ridge-line{stroke:#b9852f;stroke-width:7px;stroke-linecap:round}.hip-line{stroke:#9b6b22;stroke-width:5px;stroke-linecap:round}.hip-common-rafter{stroke:#263242;stroke-width:3px;opacity:.82}.hip-jack-rafter{stroke:#7c8793;stroke-width:2.5px;opacity:.82}.hip-purlin-line{stroke:#3f6f74;stroke-width:5px;stroke-linecap:round}.hip-purlin-line.reference{stroke-dasharray:10 7;opacity:.76}.hip-purlin-line.physical{opacity:.96}.hip-purlin-label{fill:#315a5f;paint-order:stroke;stroke:#fbfaf7;stroke-width:4px;stroke-linejoin:round;pointer-events:none;font-size:12px;font-weight:900}.hip-purlin-support-point circle{fill:#fbfaf7;stroke:#3f6f74;stroke-width:3px}.hip-purlin-support-point text{fill:#315a5f;paint-order:stroke;stroke:#fbfaf7;stroke-width:4px;stroke-linejoin:round;pointer-events:none;font-size:10px;font-weight:850}.hip-purlin-post-point rect{fill:#8a6744;stroke:#4b3827;stroke-width:2.4px}.hip-purlin-post-point text{fill:#5e432d;paint-order:stroke;stroke:#fbfaf7;stroke-width:4px;stroke-linejoin:round;pointer-events:none;font-size:9px;font-weight:900}.hip-plan-legend{color:#68707b;flex-wrap:wrap;gap:8px 18px;margin-top:11px;font-size:11px;font-weight:750;display:flex}.hip-plan-legend span{align-items:center;gap:6px;display:inline-flex}.hip-plan-legend i{border-radius:999px;width:20px;height:4px;display:inline-block}.hip-legend-ridge{background:#b9852f}.hip-legend-edge{background:#9b6b22}.hip-legend-common{background:#263242}.hip-legend-jack{background:#7c8793}.hip-elements-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.hip-elements-grid>div{border:1px solid var(--kr-line,#dedbd3);background:linear-gradient(#fff,#fdfcf9);border-radius:13px;min-width:0;padding:14px}.hip-elements-grid span,.hip-elements-grid small{display:block}.hip-elements-grid span{color:#727983;font-size:11px}.hip-elements-grid strong{color:#1d2633;margin:4px 0;font-size:18px;display:block}.hip-elements-grid small{color:#817a70;font-size:10px;line-height:1.35}input:disabled{cursor:not-allowed;color:#9b958b;background:#f2f0eb}@media (width<=820px){.hip-key-results,.hip-elements-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.hip-key-results,.hip-elements-grid{grid-template-columns:1fr}.hip-plan-canvas svg{min-width:700px}}.hip-material-controls{grid-template-columns:minmax(220px,360px);margin-bottom:14px;display:grid}.hip-material-controls label{margin:0}.hip-material-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.hip-order-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}@media (width<=820px){.hip-material-cards,.hip-order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.hip-material-cards,.hip-order-grid,.hip-material-controls{grid-template-columns:1fr}}.hip-rafter-page>section:not(.hip-rafter-panel):not(.hip-execution-panel):not(.hip-connection-panel):not(.hip-cut-list-panel):not(.cut-member-2d-workshop){display:none}.hip-card-tabs{flex-wrap:wrap;gap:7px;margin-bottom:14px;display:flex}.hip-card-tabs button{border:1px solid var(--kr-line,#dedbd3);color:#505966;cursor:pointer;background:#fff;border-radius:10px;min-height:39px;padding:8px 13px;font-weight:800}.hip-card-tabs button.active{color:#fff;background:#1d2633;border-color:#1d2633;box-shadow:0 7px 18px #141a241f}.hip-jack-selector{grid-template-columns:minmax(280px,560px);margin-bottom:14px;display:grid}.hip-card-toolbar{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:14px;display:grid}.hip-card-toolbar>div{border:1px solid var(--kr-line,#dedbd3);background:#fff;border-radius:12px;min-width:0;padding:12px 13px}.hip-card-toolbar span,.hip-card-toolbar strong{display:block}.hip-card-toolbar span{color:#747b85;font-size:10px}.hip-card-toolbar strong{color:#1d2633;overflow-wrap:anywhere;margin-top:4px;font-size:13px}.hip-reference-drawing{border:1px solid var(--kr-line,#dedbd3);background-color:#fbfaf7;background-image:linear-gradient(#141a2406 1px,#0000 1px),linear-gradient(90deg,#141a2406 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:16px;overflow-x:auto}.hip-reference-drawing svg{width:100%;min-width:700px}.hip-card-member-line{stroke:#1d2633;stroke-width:20px;stroke-linecap:round}.hip-card-point-legend,.hip-card-values{margin-top:12px}.hip-card-safety{margin-top:13px}@media (width<=820px){.hip-card-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.hip-card-toolbar,.hip-jack-selector{grid-template-columns:1fr}.hip-card-tabs{grid-template-columns:1fr;display:grid}}.hip-plan-selectable{cursor:pointer}.hip-plan-hit{stroke:#0000;stroke-width:18px;pointer-events:stroke}.hip-common-rafter.selected,.hip-jack-rafter.selected,.hip-line.selected,.hip-ridge-line.selected{stroke:#c68d2d;stroke-width:7px;opacity:1;filter:drop-shadow(0 3px 4px #b9852f4d)}.hip-selected-label{fill:#875d1e;paint-order:stroke;stroke:#fbfaf7;stroke-width:5px;stroke-linejoin:round;pointer-events:none;font-size:12px;font-weight:900}.hip-slope-label{fill:#6f7277;letter-spacing:.03em;paint-order:stroke;stroke:#fbfaf7;stroke-width:6px;stroke-linejoin:round;pointer-events:none;opacity:.9;font-size:14px;font-weight:900}.hip-interaction-hint{margin-top:12px}.hip-selected-member{grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:stretch;gap:9px;margin-top:10px;display:grid}.hip-selected-member>div{border:1px solid var(--kr-line,#dedbd3);background:#fff;border-radius:11px;min-width:0;padding:11px 12px}.hip-selected-member span,.hip-selected-member strong{display:block}.hip-selected-member span{color:#7b828c;font-size:10px}.hip-selected-member strong{color:#1d2633;overflow-wrap:anywhere;margin-top:3px;font-size:13px}.hip-open-card{color:#fff;cursor:pointer;background:linear-gradient(135deg,#c8953c,#aa7625);border:1px solid #b9852f;border-radius:11px;min-height:100%;padding:9px 14px;font-weight:850}.hip-numbered-list{border:1px solid var(--kr-line,#dedbd3);border-radius:14px;margin-top:16px;overflow:hidden}.hip-numbered-row{border:0;border-bottom:1px solid var(--kr-line,#dedbd3);color:#4f5864;text-align:left;background:#fff;grid-template-columns:105px 1.25fr 1.4fr 130px;align-items:center;gap:10px;width:100%;min-height:42px;padding:9px 12px;display:grid}button.hip-numbered-row{cursor:pointer}button.hip-numbered-row:hover,.hip-numbered-row.selected{background:#fbf4e8}.hip-numbered-row.selected{box-shadow:inset 4px 0 #b9852f}.hip-numbered-row:last-child{border-bottom:0}.hip-numbered-row.head{color:#6f7277;text-transform:uppercase;letter-spacing:.04em;background:#f4f1eb;min-height:36px;font-size:10px;font-weight:850}.hip-numbered-row strong{color:#1d2633;font-size:12px}.hip-numbered-row span{font-size:11px}@media (width<=820px){.hip-selected-member{grid-template-columns:repeat(2,minmax(0,1fr))}.hip-open-card{min-height:46px}}@media (width<=640px){.hip-numbered-list{overflow-x:auto}.hip-numbered-row{min-width:650px}}@media (width<=560px){.hip-selected-member{grid-template-columns:1fr}}.hip-common-rafter.group-match,.hip-jack-rafter.group-match,.hip-line.group-match,.hip-ridge-line.group-match{stroke:#d8aa59;opacity:1;filter:drop-shadow(0 2px 3px #b9852f33)}.hip-common-rafter.group-match,.hip-jack-rafter.group-match{stroke-width:5px}.hip-line.group-match,.hip-ridge-line.group-match{stroke-width:7px}.hip-common-rafter.selected,.hip-jack-rafter.selected,.hip-line.selected,.hip-ridge-line.selected{stroke:#9c661c;stroke-width:8px}.hip-workshop-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.hip-workshop-filters{flex-wrap:wrap;gap:6px;display:flex}.hip-workshop-filters button,.hip-csv-button{cursor:pointer;border-radius:10px;min-height:38px;padding:8px 12px;font-weight:820}.hip-workshop-filters button{border:1px solid var(--kr-line,#dedbd3);color:#59616b;background:#fff}.hip-workshop-filters button.active{color:#fff;background:#1d2633;border-color:#1d2633}.hip-csv-button{color:#704c18;background:#fff8e9;border:1px solid #cba65f;flex:none}.hip-workshop-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:12px;display:grid}.hip-workshop-summary>div{border:1px solid var(--kr-line,#dedbd3);background:#faf9f6;border-radius:11px;padding:11px 12px}.hip-workshop-summary span,.hip-workshop-summary strong{display:block}.hip-workshop-summary span{color:#777d85;font-size:10px}.hip-workshop-summary strong{color:#1d2633;margin-top:3px;font-size:15px}.hip-workshop-groups{gap:7px;display:grid}.hip-workshop-group{border:1px solid var(--kr-line,#dedbd3);background:#fff;border-radius:12px;overflow:hidden}.hip-workshop-group.expanded{border-color:#d5b774;box-shadow:0 8px 22px #141a240f}.hip-workshop-group-head{color:#4f5864;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:1.5fr 120px 80px 110px 24px;align-items:center;gap:10px;width:100%;min-height:48px;padding:10px 13px;display:grid}.hip-workshop-group-head:hover{background:#fbf8f0}.hip-workshop-group-head strong{color:#1d2633;font-size:14px}.hip-workshop-kind{color:#333c47;font-weight:850}.hip-workshop-group-head b{color:#9b6b22;justify-self:end;font-size:18px}.hip-workshop-group-body{background:#fdfbf6;border-top:1px solid #eee9df;padding:0 12px 12px}.hip-workshop-group-note{color:#7d6c4e;padding:9px 0 7px;font-size:10px}.hip-workshop-id-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.hip-workshop-id-list button{color:#59616b;text-align:left;cursor:pointer;background:#fff;border:1px solid #e4ddcf;border-radius:9px;min-width:0;padding:9px 10px}.hip-workshop-id-list button:hover,.hip-workshop-id-list button.selected{background:#fff8e9;border-color:#c49a4e}.hip-workshop-static-item{color:#59616b;text-align:left;background:#fff;border:1px solid #e4ddcf;border-radius:9px;min-width:0;padding:9px 10px}.hip-workshop-id-list strong,.hip-workshop-id-list span,.hip-workshop-id-list small{display:block}.hip-workshop-id-list strong{color:#1d2633;font-size:12px}.hip-workshop-id-list span{margin-top:2px;font-size:10px}.hip-workshop-id-list small{color:#8a8174;margin-top:2px;font-size:9px}.hip-workshop-note{margin-top:12px}@media (width<=820px){.hip-workshop-toolbar{flex-direction:column;align-items:stretch}.hip-workshop-summary,.hip-workshop-id-list{grid-template-columns:repeat(2,minmax(0,1fr))}.hip-workshop-group-head{grid-template-columns:1.2fr 100px 65px 90px 20px}}@media (width<=560px){.hip-workshop-summary,.hip-workshop-id-list{grid-template-columns:1fr}.hip-workshop-filters{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.hip-csv-button{width:100%}.hip-workshop-group{overflow-x:auto}.hip-workshop-group-head{min-width:610px}}.plan-rafter.workshop-group-match,.ridge-line.workshop-group-match,.wallplate-line.workshop-group-match{stroke:#d8aa59;opacity:1;filter:drop-shadow(0 2px 3px #b9852f33)}.plan-rafter.workshop-group-match{stroke-width:6px}.ridge-line.workshop-group-match,.wallplate-line.workshop-group-match{stroke-width:8px}.plan-rafter.selected.workshop-group-match,.ridge-line.selected-member-line.workshop-group-match,.wallplate-line.selected-member-line.workshop-group-match{stroke:#9c661c;stroke-width:9px}.gable-workshop-panel{margin-top:0}.hip-geometry-content,.hip-geometry-content>.panel,.hip-plan-panel,.hip-elements-panel,.hip-workshop-panel,.hip-surfaces-panel{min-width:0;max-width:100%}.hip-mobile-plan-hint{display:none}@media (width<=760px){.hip-geometry-content{gap:12px}.hip-geometry-content>.panel{overflow:hidden}.hip-geometry-content .section-heading{gap:8px;margin-bottom:12px}.hip-geometry-content .section-heading>div{min-width:0}.hip-geometry-content .section-heading h2{overflow-wrap:anywhere;font-size:17px;line-height:1.18}.hip-geometry-content .section-chip{white-space:normal;text-align:center;flex:none;max-width:132px;line-height:1.15}.hip-key-results,.hip-elements-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hip-key-results .result,.hip-elements-grid>div{border-radius:11px;padding:11px}.hip-key-results .result span,.hip-elements-grid span{font-size:10px;line-height:1.3}.hip-key-results .result strong,.hip-elements-grid strong{font-size:16px;line-height:1.15}.hip-assumption-note{padding:10px 11px;font-size:11px;line-height:1.45}.hip-plan-canvas{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin;border-radius:12px;width:100%;overflow:auto hidden}.hip-plan-canvas svg{width:700px;min-width:700px;max-width:none}.hip-mobile-plan-hint{margin-top:7px;display:block}.hip-plan-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 10px;margin-top:10px;font-size:10px;display:grid}.hip-plan-legend span{min-width:0}.hip-plan-legend i{flex:0 0 16px;width:16px}.hip-interaction-hint{padding:10px 11px;font-size:11px;line-height:1.4}.hip-selected-member{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hip-selected-member>div{padding:10px}.hip-selected-member strong{font-size:12px}.hip-open-card{grid-column:1/-1;width:100%;min-height:46px}.hip-numbered-list{border:0;border-radius:0;gap:8px;display:grid;overflow:visible}.hip-numbered-row.head{display:none}button.hip-numbered-row{border:1px solid var(--kr-line,#dedbd3);border-radius:11px;grid-template-rows:auto auto auto;grid-template-columns:78px minmax(0,1fr);gap:3px 10px;min-width:0;min-height:0;padding:11px 12px}button.hip-numbered-row strong{color:#fff;background:#1d2633;border-radius:8px;grid-area:1/1/span 3;align-self:start;place-items:center;min-height:31px;padding:6px 7px;font-size:11px;display:inline-grid}button.hip-numbered-row>span:first-of-type{color:#252e39;grid-area:1/2;font-weight:800}button.hip-numbered-row>span:nth-of-type(2){color:#777f88;grid-area:2/2;font-size:10px}button.hip-numbered-row>span:nth-of-type(3){color:#9b6b22;grid-area:3/2;font-size:12px;font-weight:850}.hip-workshop-toolbar{gap:9px}.hip-workshop-filters{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.hip-workshop-filters button{min-width:0;min-height:42px;padding:7px 6px;font-size:10px;line-height:1.15}.hip-csv-button{width:100%;min-height:44px}.hip-workshop-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.hip-workshop-summary>div{padding:9px}.hip-workshop-summary span{font-size:9px;line-height:1.25}.hip-workshop-summary strong{font-size:13px}.hip-workshop-group{overflow:hidden}.hip-workshop-group-head{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) auto;gap:3px 9px;min-width:0;min-height:0;padding:11px 12px}.hip-workshop-group-head .hip-workshop-kind{overflow-wrap:anywhere;grid-area:1/1;min-width:0;font-size:12px}.hip-workshop-group-head>b{grid-area:1/2;align-self:center}.hip-workshop-group-head>strong{grid-area:2/1;font-size:15px}.hip-workshop-group-head>span:nth-of-type(2){color:#6f7680;grid-area:2/2;align-self:center;font-size:10px}.hip-workshop-group-head>span:nth-of-type(3){color:#8a8174;grid-area:3/1/auto/-1;font-size:10px}.hip-workshop-group-body{padding:0 10px 10px}.hip-workshop-id-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.hip-workshop-id-list button{padding:9px}.hip-workshop-note{font-size:10px;line-height:1.45}}@media (width<=430px){.hip-geometry-content>.panel{padding:13px}.hip-geometry-content .section-heading{align-items:flex-start}.hip-geometry-content .section-chip{max-width:112px;padding:5px 7px;font-size:10px}.hip-key-results,.hip-elements-grid{grid-template-columns:1fr}.hip-plan-canvas svg{width:660px;min-width:660px}.hip-plan-legend{grid-template-columns:1fr 1fr}.hip-selected-member{grid-template-columns:1fr}.hip-workshop-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.hip-workshop-summary{grid-template-columns:1fr}.hip-workshop-summary>div{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.hip-workshop-summary strong{margin-top:0}.hip-workshop-id-list{grid-template-columns:1fr}}.workshop-pdf-action{color:#fff;cursor:pointer;background:linear-gradient(135deg,#c99743,#a87322);border:1px solid #b9852f;border-radius:10px;min-height:44px;padding:10px 14px;font-weight:850}.workshop-pdf-action:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 7px 18px #b9852f38}.workshop-pdf-action:disabled{cursor:not-allowed;opacity:.48}.workshop-download{color:#704c18;background:#fff8e9;border-color:#d5b36d}.workshop-report-card{background:linear-gradient(135deg,#fffdf8,#faf7ef);border:1px solid #e5dccb;border-radius:14px;margin-top:11px;padding:14px}.workshop-report-card>div{align-items:flex-start;gap:12px;display:flex}.workshop-report-icon{color:#fff;background:#2b3440;border-radius:11px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:14px;font-weight:900;display:grid}.workshop-report-card strong{color:#29313b;font-size:14px;display:block}.workshop-report-card p{color:#777168;margin-top:4px;font-size:11px;line-height:1.45}.workshop-report-card.workshop-ready{background:#f5faf6;border-color:#c9dfd0}.workshop-report-card.workshop-ready .workshop-report-icon{background:#1d7046}.workshop-report-card.workshop-pro-locked{background:#fbf6e9;border-color:#e3d1ad}.workshop-report-card.workshop-pro-locked .workshop-report-icon{background:linear-gradient(135deg,#b9852f,#8e6421)}@media (width<=640px){.workshop-pdf-action,.workshop-download{text-align:center;width:100%}.workshop-report-card{padding:12px}}.hip-reference-mobile{display:none}@media (width<=640px){.hip-rafter-panel{min-width:0;max-width:100%;overflow:hidden}.hip-rafter-panel .section-heading{align-items:flex-start;gap:8px}.hip-rafter-panel .section-heading>div{min-width:0}.hip-rafter-panel .section-heading h2{overflow-wrap:anywhere;font-size:16px;line-height:1.2}.hip-rafter-panel .section-chip{white-space:normal;text-align:center;flex:none;max-width:122px;padding:5px 7px;font-size:9px;line-height:1.15}.hip-card-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.hip-card-tabs button{min-width:0;min-height:43px;padding:7px 5px;font-size:10px;line-height:1.15}.hip-jack-selector,.hip-jack-selector select{min-width:0}.hip-reference-drawing{background-size:18px 18px;border-radius:12px;width:100%;max-width:100%;overflow:hidden}.hip-reference-desktop{display:none}.hip-reference-mobile{width:100%;max-width:100%;height:auto;display:block;min-width:0!important}.hip-card-member-line-mobile{stroke:#1d2633;stroke-width:9px;stroke-linecap:round}.hip-mobile-reference-line{stroke:#9ca3af;stroke-width:1.5px;stroke-dasharray:5 4}.hip-mobile-reference-point{fill:#111827;stroke:#fff;stroke-width:2.5px}.hip-mobile-point-label{fill:#111827;paint-order:stroke;stroke:#fbfaf7;stroke-width:4px;stroke-linejoin:round;font-size:13px;font-weight:900}.hip-mobile-dimension{stroke:#6b7280;stroke-width:1.5px}.hip-mobile-dimension-label{fill:#374151;paint-order:stroke;stroke:#fbfaf7;stroke-width:3.5px;stroke-linejoin:round;font-size:10.5px;font-weight:850}.hip-card-point-legend{grid-template-columns:1fr;gap:6px;padding:10px}.hip-card-point-legend span{font-size:11px;line-height:1.35}.hip-card-values{grid-template-columns:1fr}.hip-card-values .result{padding:11px}.hip-card-values .result strong{font-size:16px}.hip-card-safety{padding:11px;font-size:10.5px;line-height:1.45}}@media (width<=390px){.hip-card-tabs{grid-template-columns:1fr}.hip-card-tabs button{min-height:40px;font-size:11px}.hip-reference-mobile{width:100%}}.hip-card-tabs button:disabled{cursor:not-allowed;opacity:.38;box-shadow:none}.qr-scan-trigger{color:#f3d59f;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #d6aa6161;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:8px 12px;font-weight:850;display:inline-flex}.qr-scan-trigger:hover{background:#ffffff24}.qr-scan-trigger span{font-size:18px;line-height:1}.qr-scanner-backdrop{z-index:200;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#0a0e14c7;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.qr-scanner-modal{background:#f7f5f0;border:1px solid #ffffff1f;border-radius:20px;width:min(520px,100%);max-height:calc(100dvh - 36px);padding:18px;overflow-y:auto;box-shadow:0 30px 90px #00000057}.qr-scanner-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.qr-scanner-heading h2{color:#171e29;margin:0;font-size:20px}.qr-scanner-close{color:#2d3540;cursor:pointer;background:#fff;border:1px solid #d8d4cb;border-radius:11px;flex:0 0 40px;place-items:center;width:40px;height:40px;font-size:24px;line-height:1;display:grid}.qr-scanner-camera-shell{background:#101722;border-radius:16px;min-height:320px;position:relative;overflow:hidden}.qr-scanner-reader{min-height:320px}.qr-scanner-reader video{object-fit:cover;min-height:320px;width:100%!important;display:block!important}.qr-scanner-reader img,.qr-scanner-reader>div:first-child>img{display:none!important}.qr-scanner-frame{aspect-ratio:1;pointer-events:none;border:2px solid #d6aa61;border-radius:18px;width:min(250px,72%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 999px #080d142e}.qr-scanner-frame:before,.qr-scanner-frame:after{content:"";border-style:solid;border-color:#fff;width:34px;height:34px;position:absolute}.qr-scanner-frame:before{border-width:4px 0 0 4px;border-radius:9px 0 0;top:-3px;left:-3px}.qr-scanner-frame:after{border-width:0 4px 4px 0;border-radius:0 0 9px;bottom:-3px;right:-3px}.qr-scanner-status{background:#fff;border:1px solid #e0ddd5;border-radius:12px;margin-top:12px;padding:11px 12px}.qr-scanner-status strong,.qr-scanner-status span{display:block}.qr-scanner-status strong{color:#28313d;font-size:12px}.qr-scanner-status span{color:#7b8188;margin-top:3px;font-size:10px;line-height:1.4}.qr-scanner-error{margin-top:10px}.qr-scanner-cancel{width:100%;margin-top:12px}@media (width<=640px){.hero-actions{gap:7px}.qr-scan-trigger{order:-1;width:100%;min-height:44px}.qr-scanner-backdrop{align-items:end;padding:0}.qr-scanner-modal{border-radius:22px 22px 0 0;width:100%;max-height:94dvh;padding:14px}.qr-scanner-camera-shell,.qr-scanner-reader,.qr-scanner-reader video{min-height:min(58vh,430px)}}.hip-support-line{stroke:#64748b;stroke-width:5px;stroke-linecap:round;opacity:.94}.hip-support-line.group-match{stroke:#d8aa59;stroke-width:7px;filter:drop-shadow(0 2px 3px #b9852f33)}.hip-support-line.selected{stroke:#9c661c;stroke-width:9px;opacity:1;filter:drop-shadow(0 3px 4px #b9852f4d)}.hip-legend-support{background:#64748b}.hip-legend-purlin{background:#3f6f74}.hip-legend-purlin-support{background:#fbfaf7;border:2px solid #3f6f74}.hip-legend-purlin-post{background:#8a6744;border:2px solid #4b3827}.hip-support-card-drawing{border:1px solid var(--kr-line,#dedbd3);background-color:#fbfaf7;background-image:linear-gradient(#141a2406 1px,#0000 1px),linear-gradient(90deg,#141a2406 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:16px;overflow:hidden}.hip-support-card-drawing svg{width:100%;height:auto;display:block}.hip-support-card-member{stroke:#64748b;stroke-width:22px;stroke-linecap:round}.hip-support-card-point{fill:#1d2633;stroke:#fff;stroke-width:3px}@media (width<=640px){.hip-card-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.hip-support-card-drawing{background-size:18px 18px;border-radius:12px}.hip-support-card-member{stroke-width:16px}}.hip-execution-context{grid-template-columns:repeat(5,minmax(0,1fr))}.hip-cut-definition-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hip-execution-readiness{grid-template-columns:repeat(5,minmax(0,1fr))}.hip-connection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hip-connection-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.hip-execution-panel,.hip-connection-panel{min-width:0;max-width:100%}@media (width<=1180px){.hip-execution-context{grid-template-columns:repeat(3,minmax(0,1fr))}.hip-cut-definition-grid,.hip-connection-grid{grid-template-columns:1fr}.hip-execution-readiness{grid-template-columns:repeat(3,minmax(0,1fr))}.hip-connection-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.hip-execution-context,.hip-execution-readiness,.hip-connection-summary{grid-template-columns:1fr}.hip-execution-panel .cut-definition-card,.hip-connection-panel .connection-card{padding:12px}.hip-execution-panel .cut-sketch{margin-inline:-2px}.hip-execution-panel .cut-sketch svg{width:100%;height:auto;display:block}.hip-connection-panel .connection-card-head{flex-direction:column;gap:8px}.hip-connection-panel .connection-status{white-space:normal}}.hip-view-heading-actions{align-items:center;gap:10px;display:flex}.hip-view-toggle{border:1px solid var(--kr-line,#dedbd3);background:#f4f2ed;border-radius:11px;gap:3px;padding:3px;display:inline-flex}.hip-view-toggle button{color:#68717d;cursor:pointer;background:0 0;border:0;border-radius:8px;min-width:48px;min-height:32px;padding:5px 11px;font-size:11px;font-weight:900}.hip-view-toggle button.active{color:#fff;background:#1d2633;box-shadow:0 5px 12px #141a2424}.hip-3d-shell{border:1px solid var(--kr-line,#dedbd3);background:#f7f5ef;border-radius:17px;position:relative;overflow:hidden;box-shadow:inset 0 1px #fffc}.hip-3d-canvas{touch-action:none;width:100%;height:clamp(460px,62vh,720px);min-height:460px}.hip-3d-canvas canvas{outline:none;display:block;width:100%!important;height:100%!important}.hip-3d-topbar{z-index:3;pointer-events:none;flex-wrap:wrap;gap:6px;display:flex;position:absolute;top:14px;left:14px}.hip-3d-topbar span{color:#6d737b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #d7d2c7e0;border-radius:9px;padding:7px 9px;font-size:9px;font-weight:780;box-shadow:0 6px 18px #141a2412}.hip-3d-topbar .hip-3d-status{color:#5d451d;background:#fff9ebf0;border-color:#e0c995}.hip-3d-nav-mode{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#fffffff0;border:1px solid #d7d2c7eb;border-radius:9px;gap:2px;padding:2px;display:inline-flex;box-shadow:0 6px 18px #141a2412}.hip-3d-nav-mode button{color:#68717d;min-height:28px;font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:7px;padding:4px 9px;font-size:9px;font-weight:850}.hip-3d-nav-mode button.active{color:#fff;background:#1d2633;box-shadow:0 3px 8px #141a2426}.hip-3d-selection{z-index:4;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);pointer-events:none;background:#fffcf4f0;border:1px solid #d8b46d;border-radius:12px;width:min(190px,100% - 28px);padding:11px 12px;position:absolute;top:14px;right:14px;box-shadow:0 12px 30px #141a241f}.hip-3d-selection span,.hip-3d-selection strong,.hip-3d-selection small{display:block}.hip-3d-selection span{color:#8a7550;text-transform:uppercase;letter-spacing:.07em;font-size:9px;font-weight:800}.hip-3d-selection strong{color:#1d2633;margin-top:3px;font-size:19px}.hip-3d-selection small{color:#6d6457;margin-top:2px;font-size:10px}.hip-3d-note{color:#746d63;background:#ffffffb8;border-top:1px solid #ded9ce;padding:10px 13px;font-size:10px;line-height:1.45}@media (width<=720px){.hip-view-heading-actions{flex-direction:column-reverse;align-items:flex-end;gap:6px}.hip-view-toggle button{min-width:45px;min-height:31px;padding:5px 9px}.hip-3d-canvas{height:min(62vh,520px);min-height:390px}.hip-3d-topbar{gap:4px;top:9px;left:9px;right:9px}.hip-3d-topbar span:not(.hip-3d-status){display:none}.hip-3d-nav-mode{display:inline-flex}.hip-3d-nav-mode button{min-height:30px;padding:5px 8px;font-size:9px}.hip-3d-selection{max-width:145px;padding:8px 9px;top:9px;right:9px}.hip-3d-selection strong{font-size:16px}}@media (width<=420px){.hip-3d-canvas{height:52vh;min-height:340px}.hip-3d-note{font-size:9.5px}}.gable-3d-mode-toggle{z-index:5;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#ffffffeb;border:1px solid #cfc9beeb;border-radius:12px;gap:3px;padding:4px;display:inline-flex;position:absolute;bottom:52px;right:14px;box-shadow:0 9px 24px #141a241a}.gable-3d-mode-toggle button{color:#68717d;cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:34px;padding:6px 11px;font-size:10px;font-weight:900}.gable-3d-mode-toggle button.active{color:#fff;background:#1d2633;box-shadow:0 4px 11px #141a2429}.gable-3d-mode-toggle button:focus-visible{outline-offset:1px;outline:3px solid #1d26332e}.gable-3d-selection{top:62px}@media (width<=720px){.gable-3d-mode-toggle{padding:3px;bottom:48px;right:9px}.gable-3d-mode-toggle button{min-height:31px;padding:5px 8px;font-size:9px}.gable-3d-selection{top:52px}}@media (width<=420px){.gable-3d-mode-toggle{bottom:46px;left:9px;right:auto}.gable-3d-selection{top:48px}}.hip-3d-mode-toggle{z-index:5;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#ffffffeb;border:1px solid #cfc9beeb;border-radius:12px;gap:3px;padding:4px;display:inline-flex;position:absolute;bottom:52px;right:14px;box-shadow:0 9px 24px #141a241a}.hip-3d-mode-toggle button{color:#68717d;cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:34px;padding:6px 11px;font-size:10px;font-weight:900}.hip-3d-mode-toggle button.active{color:#fff;background:#1d2633;box-shadow:0 4px 11px #141a2429}.hip-3d-mode-toggle button:focus-visible{outline-offset:1px;outline:3px solid #1d26332e}@media (width<=720px){.hip-3d-mode-toggle{padding:3px;bottom:48px;right:9px}.hip-3d-mode-toggle button{min-height:31px;padding:5px 8px;font-size:9px}}@media (width<=420px){.hip-3d-mode-toggle{bottom:46px;left:9px;right:auto}}.roof-3d-member-label{color:#2d3540;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffed;border:1px solid #3e352a38;border-radius:7px;justify-content:center;align-items:center;min-width:30px;min-height:20px;padding:3px 6px;font-size:10px;font-weight:900;line-height:1;display:inline-flex;box-shadow:0 5px 14px #141a241f}.roof-3d-member-label.selected{color:#71460d;background:#fff4d7;border-color:#d7a64d;box-shadow:0 6px 16px #7d52132e}.roof-3d-element-card{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#fffcf4f5;border:1px solid #d8b46df5;border-radius:13px;width:min(225px,100% - 28px);padding:12px;position:absolute;top:14px;right:14px;box-shadow:0 14px 34px #141a2421}.roof-3d-card-action{color:#6d4b15;cursor:pointer;background:#fff8e9;border:1px solid #d6b779;border-radius:8px;width:100%;min-height:31px;margin-top:9px;padding:5px 8px;font-size:9px;font-weight:900}.roof-3d-card-action:hover{background:#f6e8c9}.roof-3d-card-head{border-bottom:1px solid #d8b46d73;justify-content:space-between;align-items:flex-start;gap:9px;padding-bottom:9px;display:flex}.roof-3d-card-head span,.roof-3d-card-head strong,.roof-3d-card-head small{display:block}.roof-3d-card-head span{color:#8a7550;letter-spacing:.07em;text-transform:uppercase;font-size:8px;font-weight:900}.roof-3d-card-head strong{color:#1d2633;margin-top:2px;font-size:19px;line-height:1}.roof-3d-card-head small{color:#6d6457;text-align:right;max-width:105px;font-size:9px;font-weight:800;line-height:1.25}.roof-3d-element-card dl{gap:5px;margin:9px 0 0;display:grid}.roof-3d-element-card dl div{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;display:grid}.roof-3d-element-card dt,.roof-3d-element-card dd{margin:0;font-size:9px;line-height:1.35}.roof-3d-element-card dt{color:#8a8175;font-weight:700}.roof-3d-element-card dd{color:#2f3741;text-align:right;max-width:128px;font-weight:900}.roof-3d-controls{background:#f9f7f1fa;border-top:1px solid #ded9ce;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;display:flex}.roof-3d-layers,.roof-3d-mode-inline{align-items:center;gap:5px;display:flex}.roof-3d-layers{scrollbar-width:thin;flex:auto;min-width:0;overflow-x:auto}.roof-3d-layers>span{color:#8a8175;letter-spacing:.06em;text-transform:uppercase;flex:none;margin-right:2px;font-size:9px;font-weight:900}.roof-3d-layers button,.roof-3d-mode-inline button{color:#69717a;cursor:pointer;background:#fff;border:1px solid #d8d3c8;border-radius:8px;flex:none;min-height:31px;padding:5px 9px;font-size:9px;font-weight:900}.roof-3d-layers button.active{color:#6d4b15;background:#fff8e9;border-color:#d6b779}.roof-3d-mode-inline{border-left:1px solid #ded9ce;flex:none;padding-left:10px}.roof-3d-mode-inline button{background:0 0;border-color:#0000}.roof-3d-mode-inline button.active{color:#fff;background:#1d2633;box-shadow:0 4px 11px #141a2424}.roof-3d-layers button:focus-visible,.roof-3d-mode-inline button:focus-visible{outline-offset:1px;outline:3px solid #1d263326}@media (width<=720px){.roof-3d-element-card{width:min(205px,100% - 18px);padding:9px 10px;top:50px;right:9px}.roof-3d-card-head strong{font-size:16px}.roof-3d-element-card dl{gap:3px;margin-top:7px}.roof-3d-controls{flex-direction:column;align-items:stretch;gap:7px;padding:8px 9px}.roof-3d-layers{padding-bottom:2px}.roof-3d-mode-inline{border-top:1px solid #ded9ce;border-left:0;justify-content:flex-end;padding-top:7px;padding-left:0}.roof-3d-layers button,.roof-3d-mode-inline button{min-height:30px;padding:5px 8px}}@media (width<=420px){.roof-3d-element-card{width:min(190px,100% - 18px);top:47px}.roof-3d-member-label{min-width:26px;min-height:18px;padding:2px 5px;font-size:8.5px}.roof-3d-card-head small{max-width:88px;font-size:8px}.roof-3d-element-card dt,.roof-3d-element-card dd{font-size:8.5px}}.execution-results-panel{background:linear-gradient(#fffffff5,#f8f6f0f0);border:1px solid #d9d4c9;border-radius:15px;margin-top:16px;padding:15px;box-shadow:0 10px 26px #141a240f}.execution-results-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.execution-results-head h3{color:#1d2633;margin:3px 0 0;font-size:18px}.execution-result-status{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;flex:none;padding:6px 9px;font-size:9px;font-weight:900}.execution-result-status.ready{color:#3c6d45;background:#edf8ef;border:1px solid #a9c9ae}.execution-result-status.pending{color:#8a6321;background:#fff8e8;border:1px solid #e2c78f}.execution-result-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.execution-result-columns>article{background:#ffffffc7;border:1px solid #e0dcd3;border-radius:12px;min-width:0;padding:12px}.execution-result-columns h4{color:#3b424b;margin:0 0 9px;font-size:12px}.execution-result-list{gap:0;display:grid}.execution-result-list .result{background:#fff;border:1px solid #e8e2d8;border-radius:11px;min-height:46px;padding:10px 15px 10px 18px;box-shadow:0 3px 10px #141a2406}.execution-result-list .result+.result{margin-top:7px}.execution-result-list .result span{margin-bottom:6px;line-height:1.35}.execution-result-list .result strong{line-height:1.15;display:block}.execution-result-list .result:before{border-radius:0 3px 3px 0;width:3px;inset:8px auto 8px 0}.execution-result-list .result:last-child{margin-bottom:0}.execution-empty-result{color:#746d63;background:#fbfaf6;border:1px dashed #d9d2c4;border-radius:9px;padding:10px;font-size:10px;line-height:1.45}.execution-checks{gap:6px;margin-top:10px;display:grid}.execution-checks span,.execution-warnings span{border-radius:8px;padding:7px 9px;font-size:9px;font-weight:800;line-height:1.35;display:block}.execution-checks .ok{color:#426d48;background:#f0f9f1;border:1px solid #bad8bf}.execution-checks .pending{color:#7a6843;background:#fffaf0;border:1px solid #dfd4b8}.execution-checks .error,.execution-warnings span{color:#8b4034;background:#fff1ee;border:1px solid #e2b0a7}.execution-warnings{gap:6px;margin-top:10px;display:grid}.execution-convention{background:#fbf7ee;border-left:3px solid #c49a52;border-radius:8px;gap:4px;margin-top:11px;padding:10px 11px;display:grid}.execution-convention strong{color:#5d451d;font-size:10px}.execution-convention span{color:#746b5e;font-size:9.5px;line-height:1.5}.execution-active-note{background:#f5faf3;border-color:#cfd8c8}.ready-text{color:#3f7448!important}@media (width<=760px){.execution-result-columns{grid-template-columns:1fr}.execution-results-panel{padding:12px}.execution-results-head{flex-direction:column;align-items:stretch}.execution-result-status{width:fit-content}}.execution-results-panel{padding:18px 20px 20px}.execution-result-columns{gap:16px}.execution-result-columns>article{padding:15px 16px 16px}.execution-result-columns h4{margin-bottom:11px}.execution-empty-result{padding:12px 14px}@media (width<=760px){.execution-results-panel{padding:13px}.execution-result-columns>article{padding:12px}.execution-result-list .result{padding:10px 13px 10px 16px}}.hip-cut-list-panel{margin-top:16px}.hip-cut-list-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.hip-cut-list-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:13px;display:grid}.hip-cut-list-summary>div{border:1px solid var(--kr-line,#dedbd3);background:#faf9f6;border-radius:11px;min-width:0;padding:11px 12px}.hip-cut-list-summary span,.hip-cut-list-summary strong{display:block}.hip-cut-list-summary span{color:#777d85;font-size:10px}.hip-cut-list-summary strong{color:#1d2633;margin-top:4px;font-size:15px}.hip-cut-table-wrap{border:1px solid var(--kr-line,#dedbd3);background:#fff;border-radius:13px;overflow-x:auto}.hip-cut-table{min-width:1240px}.hip-cut-row{color:#505966;text-align:left;background:#fff;border:0;border-bottom:1px solid #ece7de;grid-template-columns:82px 1.2fr 125px 125px .9fr .9fr .95fr 96px;align-items:center;gap:10px;width:100%;min-height:58px;padding:10px 12px;display:grid}button.hip-cut-row{cursor:pointer}button.hip-cut-row:hover{background:#fbf7ee}.hip-cut-row:last-child{border-bottom:0}.hip-cut-row.head{color:#6d7279;letter-spacing:.04em;text-transform:uppercase;background:#f4f1eb;min-height:39px;font-size:9px;font-weight:900}.hip-cut-row strong,.hip-cut-row b,.hip-cut-row small{display:block}.hip-cut-row strong{color:#1d2633;font-size:12px}.hip-cut-row b{color:#333c47;font-size:11px}.hip-cut-row small{color:#858078;margin-top:3px;font-size:9px;line-height:1.3}.cut-status-ready,.cut-status-pending{letter-spacing:.035em;border-radius:999px;justify-self:start;padding:6px 8px;font-size:8px;font-weight:900}.cut-status-ready{color:#397047;background:#eef8f0;border:1px solid #acd0b2}.cut-status-pending{color:#866020;background:#fff8e7;border:1px solid #dfc184}.hip-cut-groups{gap:8px;margin-top:14px;display:grid}.hip-cut-groups-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.hip-cut-groups-head strong{color:#252d38;font-size:13px}.hip-cut-groups-head span{color:#77736c;font-size:9.5px}.hip-cut-group{background:#fff;border:1px solid #e2ddd3;border-radius:12px;grid-template-columns:minmax(230px,.9fr) minmax(220px,.8fr) 1.4fr;align-items:center;gap:12px;padding:11px 12px;display:grid}.hip-cut-group>div:not(.hip-cut-group-ids) span,.hip-cut-group>div:not(.hip-cut-group-ids) strong,.hip-cut-group>div:not(.hip-cut-group-ids) small{display:block}.hip-cut-group>div:not(.hip-cut-group-ids) span{color:#777d85;font-size:9px}.hip-cut-group>div:not(.hip-cut-group-ids) strong{color:#252d38;margin-top:2px;font-size:12px}.hip-cut-group>div:not(.hip-cut-group-ids) small{color:#817a70;margin-top:2px;font-size:9px}.hip-cut-group-code{background:#29313c;border-radius:8px;place-items:center;width:fit-content;min-width:30px;min-height:24px;padding:3px 7px;font-weight:900;color:#fff!important;font-size:10px!important;display:inline-grid!important}.hip-cut-group-ids{flex-wrap:wrap;gap:5px;display:flex}.hip-cut-group-ids button{color:#645339;cursor:pointer;background:#fbf8f0;border:1px solid #dfd7c7;border-radius:8px;min-height:28px;padding:5px 8px;font-size:9px;font-weight:850}.hip-cut-group-ids button:hover{background:#fff4dc;border-color:#c59d53}@media (width<=820px){.hip-cut-list-toolbar{flex-direction:column;align-items:stretch}.hip-cut-list-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.hip-cut-group{grid-template-columns:1fr 1fr}.hip-cut-group-ids{grid-column:1/-1}.hip-cut-groups-head{flex-direction:column;align-items:flex-start;gap:4px}}@media (width<=520px){.hip-cut-list-summary,.hip-cut-group{grid-template-columns:1fr}.hip-cut-group-ids{grid-column:auto}.hip-cut-list-panel{padding-left:12px;padding-right:12px}}.cut-member-3d-detail{background:linear-gradient(#fffdf8,#f7f4ed);border:1px solid #d9d3c8;border-radius:15px;margin-top:14px;overflow:hidden}.cut-member-3d-head{border-bottom:1px solid #e6e0d6;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 15px 10px;display:flex}.cut-member-3d-head h3{color:#222c37;margin:3px 0 0;font-size:17px}.cut-member-3d-canvas{border-bottom:1px solid #e6e0d6;height:360px;min-height:360px}.cut-member-3d-canvas canvas{display:block}.cut-member-point-label{color:#27313d;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffffe0;border:1px solid #27313db8;border-radius:999px;place-items:center;min-width:20px;min-height:20px;padding:0 4px;font-size:8px;font-weight:900;display:grid;box-shadow:0 2px 7px #141a2414}.cut-member-point-label.support{color:#8b5d1c;border-color:#b37d2e}.cut-member-point-label.end{color:#35643d;border-color:#44734c}.cut-member-3d-values{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 14px;display:grid}.cut-member-3d-values>div{background:#ffffffd1;border:1px solid #e3ddd2;border-radius:10px;min-width:0;padding:10px 11px}.cut-member-3d-values span,.cut-member-3d-values strong{display:block}.cut-member-3d-values span{color:#777d85;font-size:9px}.cut-member-3d-values strong{color:#2a333e;overflow-wrap:anywhere;margin-top:3px;font-size:11px}.cut-member-3d-note{color:#746b5d;background:#fbf7ee;border-left:3px solid #ba8a3b;border-radius:8px;margin:0 14px 14px;padding:10px 11px;font-size:9.5px;line-height:1.5}@media (width<=720px){.cut-member-3d-head{flex-direction:column;align-items:stretch}.cut-member-3d-canvas{height:300px;min-height:300px}.cut-member-3d-values{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=460px){.cut-member-3d-canvas{height:260px;min-height:260px}.cut-member-3d-values{grid-template-columns:1fr}}.cut-member-focus-controls{background:#fbf9f4;border-bottom:1px solid #e6e0d6;flex-wrap:wrap;align-items:center;gap:7px;padding:9px 14px;display:flex}.cut-member-focus-controls>span{color:#78736c;letter-spacing:.05em;text-transform:uppercase;margin-right:3px;font-size:9px;font-weight:850}.cut-member-focus-controls button{color:#525a64;cursor:pointer;background:#fff;border:1px solid #d8d1c5;border-radius:9px;min-height:30px;padding:6px 10px;font-size:9px;font-weight:850}.cut-member-focus-controls button:hover:not(:disabled){background:#fff8e9;border-color:#bc8b3c}.cut-member-focus-controls button.active{color:#664816;background:#f3e5c8;border-color:#9b6e28}.cut-member-focus-controls button:disabled{cursor:not-allowed;opacity:.42}.cut-member-dimension-label{color:#26313c;white-space:nowrap;background:#fffffff5;border:1px solid #34404c59;border-radius:7px;max-width:190px;padding:4px 7px;font-size:9px;font-weight:900;line-height:1.15;display:inline-block;box-shadow:0 3px 10px #1e232a1a}.cut-member-dimension-label.notch{color:#94551d;border-color:#b16a2873}.cut-member-dimension-label.angle{color:#315f6d;border-color:#356b7c73}.cut-member-angle-stack{color:#45606a;background:#f7fcfdf5;border:1px solid #356b7c6b;border-radius:8px;gap:2px;min-width:78px;padding:4px 6px;font-size:8px;line-height:1.15;display:grid;box-shadow:0 3px 10px #1e232a1a}.cut-member-angle-stack b{color:#274e5a;font-size:8px}.cut-member-control-separator{border-left:1px solid #ddd6ca;padding-left:10px;margin-left:7px!important}.gable-member-3d-detail{margin-top:14px}@media (width<=520px){.cut-member-focus-controls{align-items:stretch}.cut-member-focus-controls>span{width:100%}.cut-member-focus-controls button{flex:auto}.cut-member-dimension-label{font-size:8px}}.cut-member-2d-workshop{background:#fff;border:1px solid #d9d3c8;border-radius:14px;margin:14px;overflow:hidden}.cut-member-2d-head{background:#fbfaf6;border-bottom:1px solid #e6e0d6;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 15px 11px;display:flex}.cut-member-2d-head h3{color:#222c37;margin:3px 0 0;font-size:17px}.cut-member-2d-grid{grid-template-columns:1fr 1fr;gap:10px;padding:12px;display:grid}.member-2d-card{background:#fdfcf9;border:1px solid #e3ddd2;border-radius:12px;min-width:0;overflow:hidden}.member-2d-card.end-view{grid-column:1/-1}.member-2d-card-head{background:#f8f5ee;border-bottom:1px solid #ece7de;justify-content:space-between;align-items:flex-start;gap:10px;padding:9px 11px 7px;display:flex}.member-2d-card-head span,.member-2d-card-head strong,.member-2d-card-head small{display:block}.member-2d-card-head span{color:#80786d;letter-spacing:.07em;font-size:8px;font-weight:900}.member-2d-card-head strong{color:#2c3540;margin-top:2px;font-size:11px}.member-2d-card-head small{color:#7a756d;text-align:right;font-size:8px}.member-2d-card svg{width:100%;height:auto;min-height:210px;display:block}.member-2d-timber{fill:#d2aa70;stroke:#5f452d;stroke-width:1.7px}.member-2d-timber.top{fill:#d9b47d}.member-2d-cut-line{stroke:#8b4a25;stroke-width:2.2px}.member-2d-support-line{stroke:#a8782c;stroke-width:1.5px;stroke-dasharray:5 4}.member-2d-extension{stroke:#aab0b6;stroke-width:1px}.member-2d-point-label{fill:#26313c;font-size:10px;font-weight:900}.member-2d-dimension line,.member-2d-width-dimension line{stroke:#4d5965;stroke-width:1.1px}.member-2d-dimension text,.member-2d-width-dimension text{fill:#44505c;font-size:9px;font-weight:800}.member-2d-dimension.notch line{stroke:#b16a28}.member-2d-dimension.notch text,.member-2d-notch-text,.member-2d-note-text{fill:#965a24}.member-2d-notch-depth{stroke:#b16a28;stroke-width:1.4px}.member-2d-notch-text{font-size:8px;font-weight:850}.member-2d-note-text{font-size:8px;font-weight:750}.member-2d-ridge-support-callout rect{fill:#fff9ed;stroke:#c9a665;stroke-width:1px}.member-2d-ridge-support-callout text{fill:#6f5528;font-size:8px;font-weight:800}.member-2d-ridge-support-callout text.value{fill:#7f5b1c;font-size:11px;font-weight:950}.member-2d-angle-callout rect{fill:#f3f8fa;stroke:#95abb3;stroke-width:1px}.member-2d-angle-callout text{fill:#546b74;font-size:8px;font-weight:800}.member-2d-angle-callout text.value{fill:#2d5663;font-size:11px;font-weight:950}.member-2d-end-section{fill:#d2aa70;stroke:#5f452d;stroke-width:1.8px}.member-2d-end-plane{stroke:#315f6d;stroke-width:2.3px;stroke-dasharray:6 4}.member-2d-axis-point{fill:#27313d}.member-2d-plane-label{fill:#65717c;font-size:8px;font-weight:800}.member-2d-plane-label.value{fill:#315f6d;font-size:9px;font-weight:900}.cut-member-2d-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 12px 12px;display:grid}.cut-member-2d-summary>div{background:#fbfaf6;border:1px solid #e5dfd5;border-radius:9px;min-width:0;padding:9px 10px}.cut-member-2d-summary span,.cut-member-2d-summary strong{display:block}.cut-member-2d-summary span{color:#7b7770;font-size:8px}.cut-member-2d-summary strong{color:#2b3540;margin-top:3px;font-size:11px}.cut-member-2d-warning{color:#746b5d;background:#fbf7ee;border-left:3px solid #9b6e28;border-radius:8px;gap:3px;margin:0 12px 12px;padding:10px 11px;font-size:9px;line-height:1.45;display:grid}.cut-member-2d-warning strong{color:#5f4a2a}@media (width<=820px){.cut-member-2d-grid{grid-template-columns:1fr}.member-2d-card.end-view{grid-column:auto}.cut-member-2d-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.cut-member-2d-workshop{margin:10px 8px}.cut-member-2d-head{flex-direction:column;align-items:stretch}.member-2d-card-head{flex-direction:column;align-items:flex-start}.member-2d-card-head small{text-align:left}.cut-member-2d-summary{grid-template-columns:1fr}.member-2d-card svg{min-width:680px}.member-2d-card{overflow-x:auto}.member-2d-card.end-view svg{min-width:360px}}.cut-member-2d-project-meta{color:#76736d;flex-wrap:wrap;gap:4px 10px;margin-top:5px;font-size:8px;display:flex}.cut-member-2d-project-meta span+span{padding-left:10px;position:relative}.cut-member-2d-project-meta span+span:before{content:"•";color:#b7afa3;position:absolute;left:2px}.cut-member-card-head-actions{justify-items:end;gap:8px;display:grid}.cut-member-card-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.cut-member-card-actions button{color:#35424d;cursor:pointer;background:#fff;border:1px solid #cfd5da;border-radius:8px;min-height:32px;padding:7px 10px;font-size:8.5px;font-weight:900}.cut-member-card-actions button:hover:not(:disabled){background:#fffaf0;border-color:#9b6e28}.cut-member-card-actions button.primary{color:#fff;background:#9b6e28;border-color:#886022}.cut-member-card-actions button.primary:hover:not(:disabled){background:#80581d}.cut-member-card-actions button:disabled{cursor:wait;opacity:.62}.cut-member-card-error{color:#8c3824;background:#fff5f2;border:1px solid #edc7bd;border-radius:8px;margin:10px 12px 0;padding:8px 10px;font-size:9px;font-weight:750}@media (width<=720px){.cut-member-card-head-actions{justify-items:stretch}.cut-member-card-actions{justify-content:flex-start}}@media (width<=460px){.cut-member-card-actions{grid-template-columns:1fr 1fr;display:grid}.cut-member-card-actions button{width:100%}.cut-member-2d-project-meta{display:grid}.cut-member-2d-project-meta span+span{padding-left:0}.cut-member-2d-project-meta span+span:before{display:none}}.stock-allowance-card{background:linear-gradient(#fbfdfe,#f4f8f9);border-color:#cfdde2}.stock-allowance-visual{background:#fff;border:1px solid #dbe4e7;border-radius:13px;gap:10px;margin:8px 0 13px;padding:13px;display:grid}.stock-allowance-beam{border:1px solid #8e6421;border-radius:9px;grid-template-columns:minmax(0,1fr) auto;min-height:54px;display:grid;overflow:hidden}.stock-allowance-production,.stock-allowance-extra{place-items:center;padding:8px 10px;font-size:10px;font-weight:900;display:grid}.stock-allowance-production{color:#533b1d;background:#d5ad73}.stock-allowance-extra{color:#8b5f1e;background:#fff3d8;border-left:2px dashed #8f5f1e;min-width:86px}.stock-allowance-formula{gap:3px;display:grid}.stock-allowance-formula strong{color:#315f6d;font-size:12px}.stock-allowance-formula span{color:#6f797e;font-size:9.5px;line-height:1.4}.stock-allowance-presets{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.stock-allowance-presets button{color:#4e616a;cursor:pointer;background:#fff;border:1px solid #cfd8dc;border-radius:8px;min-height:30px;padding:6px 9px;font-size:9px;font-weight:850}.stock-allowance-presets button:hover{background:#f4fafb;border-color:#8aa8b3}.stock-allowance-presets button.active{color:#244c58;background:#eaf4f6;border-color:#315f6d}.stock-length-value{background:#f4fafb!important;border-color:#c9dbe1!important}.stock-length-value strong{color:#315f6d!important}.stock-length-value small{color:#71838a;margin-top:3px;font-size:8px;display:block}.cut-member-3d-values .stock-length-value small{font-size:8px}@media (width<=1040px){.hip-cut-list-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=820px){.hip-cut-list-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.hip-cut-list-summary,.stock-allowance-beam{grid-template-columns:1fr}.stock-allowance-extra{border-top:2px dashed #8f5f1e;border-left:0;min-width:0}}.roof-opening-card{margin:14px 0 12px}.roof-opening-clear{fill:#fffffff0;stroke:#9b392e;stroke-width:2.5px;stroke-dasharray:7 5;pointer-events:none}.roof-opening-trimmer-body{fill:#9c661c33;stroke:#9c661c;stroke-width:1.2px;pointer-events:none}.roof-opening-header-body{fill:#b9852f3d;stroke:#b9852f;stroke-width:1.2px;pointer-events:none}.roof-opening-trimmer-body.selectable,.roof-opening-header-body.selectable{pointer-events:all;cursor:pointer;outline:none}.roof-opening-trimmer-body.selectable:hover,.roof-opening-trimmer-body.selectable:focus,.roof-opening-trimmer-body.selectable.selected,.roof-opening-header-body.selectable:hover,.roof-opening-header-body.selectable:focus,.roof-opening-header-body.selectable.selected{stroke-width:3.5px;filter:drop-shadow(0 2px 3px #9c661c47)}.roof-opening-trimmer{stroke:#9c661c;stroke-width:2.5px;pointer-events:none}.roof-opening-header{stroke:#b9852f;stroke-width:2.5px;pointer-events:none}.plan-rafter.opening-interrupted{stroke:#9b392e;stroke-width:6px;stroke-dasharray:8 6}.roof-opening-label{fill:#9b392e;paint-order:stroke;stroke:#fff;stroke-width:5px;stroke-linejoin:round;pointer-events:none;font-size:14px;font-weight:900}.roof-opening-member-label{fill:#7a511c;paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round;pointer-events:none;font-size:11px;font-weight:900}@media (width<=640px){.roof-opening-label{font-size:16px}.roof-opening-member-label{font-size:13px}}.ridge-config-card{border:1px solid var(--kr-line-strong,#d7d2c7);background:linear-gradient(#fffffffa,#f9f7f2f5);border-radius:16px;grid-column:1/-1;margin:2px 0 12px;padding:16px;box-shadow:0 6px 18px #141a240b}.ridge-config-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:13px;display:flex}.ridge-config-head>div{gap:3px;display:grid}.ridge-config-head strong{color:var(--kr-ink,#111827);font-size:14px}.ridge-config-kicker{color:var(--kr-accent-dark,#7b5a24);letter-spacing:.14em;font-size:10px;font-weight:900}.ridge-config-current{border:1px solid var(--kr-line,#dedbd3);color:var(--kr-ink-soft,#374151);background:#fff;border-radius:999px;flex:none;padding:6px 9px;font-size:11px;font-weight:850}.ridge-config-grid{grid-template-columns:minmax(0,1.35fr) minmax(210px,.65fr);align-items:end;gap:14px;display:grid}.ridge-type-field{gap:7px;display:grid}.ridge-field-label{color:var(--kr-ink-soft,#374151);font-size:12px;font-weight:720}.ridge-type-toggle{border:1px solid var(--kr-line,#dedbd3);background:#f4f2ed;border-radius:13px;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:4px;display:grid}.ridge-type-toggle button{color:#68717d;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;gap:2px;min-height:58px;padding:9px 11px;transition:background .16s,color .16s,border-color .16s,box-shadow .16s,transform .16s;display:grid}.ridge-type-toggle button:hover{color:var(--kr-ink,#111827);background:#ffffffb3;border-color:#79694d29}.ridge-type-toggle button.active{color:#fff;background:#1d2633;border-color:#1d2633;box-shadow:0 6px 14px #141a2429}.ridge-type-toggle button:active{transform:translateY(1px)}.ridge-type-toggle button strong{font-size:13px;line-height:1.2}.ridge-type-toggle button small{color:inherit;opacity:.72;font-size:10px;font-weight:650}.ridge-section-field{margin:0}.ridge-section-field small{color:#81796e;font-size:10px;font-weight:600}.ridge-config-note{border-top:1px solid var(--kr-line,#e4e0d7);color:#655f57;margin-top:11px;padding-top:10px;font-size:11px;line-height:1.5}.opening-conflict-card{gap:7px;display:grid}.opening-conflict-card>span{display:block}.opening-fit-action{flex-wrap:wrap;align-items:center;gap:9px 12px;margin-top:3px;display:flex}.opening-fit-action button{color:#991b1b;cursor:pointer;background:#fff;border:1px solid #b42318;border-radius:9px;min-height:36px;padding:8px 12px;font-size:11px;font-weight:850}.opening-fit-action button:hover{background:#fff7f6}.opening-fit-action small{color:#8f3029;font-size:10px;font-weight:650}.opening-advisory{color:#625c53;background:#f8f5ee;border:1px solid #e5dfd2;border-radius:10px;margin:2px 0 12px;padding:11px 12px;font-size:12px;line-height:1.45}.opening-advisory strong{color:#3f3a34}@media (width<=720px){.ridge-config-head{flex-direction:column;align-items:stretch;gap:8px}.ridge-config-current{align-self:flex-start}.ridge-config-grid,.ridge-type-toggle{grid-template-columns:1fr}.ridge-type-toggle button{min-height:52px}.opening-fit-action{flex-direction:column;align-items:stretch}.opening-fit-action button{width:100%}}.roof-opening-manager{border:1px solid var(--kr-line,#dedbd3);background:#faf8f3;border-radius:13px;gap:10px;margin:0 0 14px;padding:12px;display:grid}.roof-opening-manager-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.roof-opening-manager-head>div{gap:2px;display:grid}.roof-opening-manager-head strong{color:var(--kr-ink,#111827);font-size:12px}.roof-opening-manager-head small{color:#81796e;font-size:10px}.roof-opening-add{color:#fff;cursor:pointer;background:#1d2633;border:1px solid #1d2633;border-radius:9px;min-height:34px;padding:7px 10px;font-size:11px;font-weight:850}.roof-opening-tabs{gap:7px;display:grid}.roof-opening-tab{border:1px solid var(--kr-line,#dedbd3);background:#fff;border-radius:11px;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;display:grid;overflow:hidden}.roof-opening-tab.active{border-color:#1d2633;box-shadow:0 0 0 2px #1d26330f}.roof-opening-select{min-width:0;min-height:50px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;display:flex}.roof-opening-select>span{gap:2px;min-width:0;display:grid}.roof-opening-select strong{color:var(--kr-ink,#111827);font-size:12px}.roof-opening-select small{color:#777066;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:620;overflow:hidden}.roof-opening-status{letter-spacing:.02em;border-radius:999px;flex:none;padding:5px 7px;font-size:9px;font-style:normal;font-weight:900}.roof-opening-status.ready{color:#17613d;background:#e9f7ef}.roof-opening-status.warning{color:#8a5b00;background:#fff6df}.roof-opening-status.conflict{color:#a52a20;background:#fff0ee}.roof-opening-remove{border:0;border-left:1px solid var(--kr-line,#dedbd3);color:#8b8174;cursor:pointer;background:#fff;width:38px;font-size:18px}.roof-opening-remove:hover{color:#a52a20;background:#fff4f2}.roof-opening-set-conflict{gap:4px;margin:0;display:grid}.roof-opening-set-conflict>span,.roof-opening-set-conflict>small{display:block}@media (width<=720px){.roof-opening-manager-head{flex-direction:column;align-items:stretch}.roof-opening-add{width:100%}.roof-opening-select{flex-direction:column;align-items:flex-start;gap:6px}.roof-opening-status{align-self:flex-start}}.field-grid>.config-accordion{grid-column:1/-1}.config-accordion{border:1px solid var(--kr-line-strong,#d7d2c7);background:linear-gradient(#fffffffc,#f9f7f2f5);border-radius:16px;margin:6px 0 14px;overflow:clip;box-shadow:0 6px 18px #141a240a}.config-accordion>summary,.config-subaccordion>summary,.summary-more>summary{list-style:none}.config-accordion>summary::-webkit-details-marker{display:none}.config-subaccordion>summary::-webkit-details-marker{display:none}.summary-more>summary::-webkit-details-marker{display:none}.config-accordion>summary{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:14px;min-height:66px;padding:13px 15px;display:flex}.config-accordion>summary:after{content:"⌄";color:#7a6b56;flex:none;font-size:18px;font-weight:900;transition:transform .15s}.config-accordion[open]>summary:after{transform:rotate(180deg)}.config-accordion>summary>span:first-child{gap:2px;min-width:0;display:grid}.config-accordion>summary strong{color:#17202d;font-size:14px}.config-accordion>summary small{color:#7a746b;font-size:11px;font-weight:600}.config-accordion-status{color:#65706f;white-space:nowrap;background:#fff;border:1px solid #d9d6ce;border-radius:999px;margin-left:auto;padding:5px 8px;font-size:10px;font-weight:900}.config-accordion-status.warn{color:#8a5b12;background:#fff8e8;border-color:#e8c985}.config-accordion-content{border-top:1px solid #e7e2d8;padding:14px 15px 6px}.config-accordion-content.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;display:grid}.config-subaccordion{background:#fbfaf7;border:1px solid #dfdcd4;border-radius:13px;grid-column:1/-1;margin:3px 0 12px;overflow:hidden}.config-subaccordion>summary{color:#303844;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:10px 12px;font-size:12px;font-weight:800;display:flex}.config-subaccordion>summary:after{content:"+";color:#76684f;flex:none;font-size:16px}.config-subaccordion[open]>summary:after{content:"−"}.config-subaccordion>summary strong{color:#6f6048;margin-left:auto;font-size:11px}.config-subaccordion-body{background:#fff;border-top:1px solid #e7e3da;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;padding:12px;display:grid}.roof-opening-editor{margin-top:3px}.roof-opening-editor .execution-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.roof-module-accordion{margin-top:14px}.roof-module-accordion .roof-opening-card{box-shadow:none;border-color:#e1ddd4;margin:0}.roof-summary-panel{align-self:start;position:sticky;top:16px}.setup-preview{gap:11px;margin-bottom:14px;display:grid}.setup-preview-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.setup-preview-head>div:first-child{gap:2px;display:grid}.setup-preview-head strong{color:#17202d;font-size:14px}.setup-preview-toggle{background:#f4f2ed;border:1px solid #dedbd3;border-radius:10px;gap:3px;padding:3px;display:inline-flex}.setup-preview-toggle button{color:#68717d;cursor:pointer;background:0 0;border:0;border-radius:7px;min-width:44px;min-height:30px;padding:4px 9px;font-size:10px;font-weight:900}.setup-preview-toggle button.active{color:#fff;background:#1d2633;box-shadow:0 4px 10px #141a2424}.setup-preview-canvas{background-color:#faf9f5;background-image:linear-gradient(#464f5b09 1px,#0000 1px),linear-gradient(90deg,#464f5b09 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #e4e1d9;border-radius:14px;place-items:center;min-height:250px;display:grid;overflow:hidden}.setup-preview-canvas svg{width:100%;height:250px}.setup-preview-empty{color:#7b7f84;text-align:center;padding:28px;font-size:12px;line-height:1.45}.setup-preview-roof{fill:#ffffffbf;stroke:#a9a398;stroke-width:2px}.setup-preview-building{fill:#e1ded638;stroke:#aaa69d;stroke-width:1.5px;stroke-dasharray:7 5}.setup-preview-rafter{stroke:#26313d;stroke-width:1.6px;opacity:.72}.setup-preview-hip{stroke:#8a5f23;stroke-width:2.6px}.setup-preview-ridge{stroke:#1b2633;stroke-width:3.4px;stroke-dasharray:7 4}.setup-preview-face{stroke:#8e887d;stroke-width:1.4px}.setup-preview-face.face-a{fill:#dbc4985c}.setup-preview-face.face-b{fill:#c9d2d257}.setup-preview-face.face-c,.setup-preview-face.face-d{fill:#e4dccc6b}.setup-preview-edge{fill:none;stroke:#6f6a62;stroke-width:2px}.setup-preview-label{fill:#6f675b;font-size:12px;font-weight:850}.setup-preview-open{color:#28313d;cursor:pointer;background:#fff;border:1px solid #d6d2c8;border-radius:10px;min-height:38px;font-size:11px;font-weight:850}.setup-preview-open:hover{background:#faf7ef;border-color:#b9ae9a}.setup-project-status{background:#fbfaf7;border:1px solid #e5e1d8;border-radius:12px;gap:5px;padding:10px;display:grid}.setup-project-status-title{color:#7b6849;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px;font-size:9px;font-weight:900}.setup-status-row{color:#58616b;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:25px;font-size:10px;display:grid}.setup-status-row strong{color:#303844;white-space:nowrap;font-size:10px}.setup-status-dot{background:#a4a8ad;border-radius:50%;width:7px;height:7px}.setup-status-row.ok .setup-status-dot{background:#2f8b63}.setup-status-row.warn .setup-status-dot{background:#c58a25}.setup-status-row.muted{opacity:.72}.setup-key-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.setup-key-results .result{padding:10px 11px}.setup-key-results .result span{font-size:10px}.setup-key-results .result strong{font-size:15px}.summary-more{border-top:1px solid #ebe7df;padding-top:10px}.summary-more>summary{color:#6d6251;cursor:pointer;justify-content:space-between;align-items:center;min-height:38px;font-size:11px;font-weight:850;display:flex}.summary-more>summary:after{content:"Pokaż +";color:#7d6540;text-transform:uppercase;letter-spacing:.04em;font-size:9px;font-weight:900}.summary-more[open]>summary:after{content:"Ukryj −"}html[lang=en] .summary-more>summary:after{content:"Show +"}html[lang=en] .summary-more[open]>summary:after{content:"Hide −"}.summary-more-body{padding-top:8px}@media (width<=920px){.roof-summary-panel{position:static}}@media (width<=680px){.config-accordion-content.field-grid,.config-subaccordion-body,.roof-opening-editor .execution-fields,.setup-key-results{grid-template-columns:1fr}.config-accordion>summary{align-items:flex-start}.config-accordion-status{margin-left:0}.setup-preview-canvas,.setup-preview-canvas svg{height:220px;min-height:220px}}.hip-section-panel{min-width:0}.hip-section-canvas{-webkit-overflow-scrolling:touch;overflow:auto hidden}.hip-section-canvas svg{min-width:760px}.hip-section-purlin{fill:#0f766e;stroke:#315a5f;stroke-width:1.6px}.hip-section-post{stroke:#765638;stroke-width:5px;stroke-linecap:round}.hip-section-post-label{fill:#5e432d;paint-order:stroke;stroke:#f9fafb;stroke-width:4px;stroke-linejoin:round;font-size:12px;font-weight:900}.hip-section-apex{fill:#b9852f;stroke:#fff;stroke-width:2px}.hip-section-note{margin-top:10px}@media (width<=760px){.hip-section-canvas svg{width:700px;min-width:700px;max-width:none}.hip-section-panel .section-chip{max-width:155px}}.project-storage-intro{background:linear-gradient(#fbfaf7 0%,#f7f4ed 100%);border:1px solid #e1ddd4;border-radius:14px;align-items:flex-start;gap:13px;margin:2px 0 16px;padding:14px 15px;display:flex}.project-storage-icon{color:#fff;background:#1d2633;border-radius:11px;flex:none;place-items:center;width:42px;height:42px;font-size:15px;font-weight:950;display:grid}.project-storage-intro strong{color:#202a36;margin:1px 0 4px;font-size:13px;display:block}.project-storage-intro p{color:#6d706f;margin:0;font-size:11px;line-height:1.5}.project-file-input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.project-file-actions{flex-wrap:wrap;gap:9px;margin:14px 0;display:flex}.project-save-file{min-width:190px}.project-output-heading{border-top:1px solid #ebe7df;justify-content:space-between;align-items:end;gap:12px;margin:20px 0 10px;padding-top:18px;display:flex}.project-output-heading h3{margin:2px 0 0;font-size:15px}.project-output-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.project-output-card{background:#fff;border:1px solid #dfdcd4;border-radius:14px;gap:13px;min-width:0;padding:14px;display:grid}.project-output-card.ready{background:#f5fbf7;border-color:#9bcfb5}.project-output-card.locked{opacity:.72}.project-output-main{align-items:flex-start;gap:11px;min-width:0;display:flex}.project-output-icon{color:#fff;background:#202a36;border-radius:10px;flex:none;place-items:center;width:42px;height:42px;font-size:10px;font-weight:950;display:grid}.project-output-card.workshop .project-output-icon{background:#7b5d2c}.project-output-main strong{color:#202a36;margin-bottom:3px;font-size:13px;display:block}.project-output-main p{color:#777a79;overflow-wrap:anywhere;margin:0;font-size:10px;line-height:1.45}.project-output-actions{flex-wrap:wrap;gap:7px;margin-top:auto;display:flex}.project-output-actions .pdf-action,.project-output-actions .workshop-pdf-action,.project-output-actions .pdf-download-link{min-height:38px;padding:8px 12px;font-size:10px}.project-summary-details{background:#faf9f6;border:1px solid #e3dfd6;border-radius:13px;margin-top:14px;overflow:hidden}.project-summary-details>summary,.legacy-projects-details>summary{list-style:none}.project-summary-details>summary::-webkit-details-marker{display:none}.legacy-projects-details>summary::-webkit-details-marker{display:none}.project-summary-details>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:11px 13px;display:flex}.project-summary-details>summary:after{content:"⌄";color:#756a58;flex:none;font-weight:900;transition:transform .15s}.project-summary-details[open]>summary:after{transform:rotate(180deg)}.project-summary-details>summary>span:first-child{gap:2px;min-width:0;display:grid}.project-summary-details>summary strong{color:#2d3540;font-size:12px}.project-summary-details>summary small{color:#88837b;font-size:10px}.project-summary-count{color:#706452;white-space:nowrap;background:#fff;border:1px solid #ddd8ce;border-radius:999px;margin-left:auto;padding:4px 8px;font-size:9px;font-weight:900}.project-summary-details .project-summary-grid{background:#fff;border-top:1px solid #e7e2d9;padding:12px}.legacy-projects-panel{margin-top:18px}.legacy-projects-details>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;display:flex}.legacy-projects-details>summary>span:first-child{gap:3px;display:grid}.legacy-projects-details>summary strong{color:#373d45;font-size:13px}.legacy-projects-details>summary small{color:#8c8b87;font-size:10px;font-weight:600}.legacy-projects-content{border-top:1px solid #ebe7df;margin-top:13px;padding-top:13px}.legacy-projects-note{background:#faf9f6;border:1px solid #e5e1d8;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;padding:12px 13px;display:flex}.legacy-projects-note strong{color:#40464d;margin-bottom:3px;font-size:11px;display:block}.legacy-projects-note p{color:#85827b;max-width:720px;margin:0;font-size:10px;line-height:1.45}.legacy-save-action{flex:none;min-height:36px;font-size:10px}@media (width<=760px){.project-output-grid{grid-template-columns:1fr}.project-file-actions>button{flex:100%}.legacy-projects-note{flex-direction:column;align-items:stretch}.legacy-save-action{width:100%}}.materials-overview-panel{background:linear-gradient(#fffffffc,#f8f6f0f7);border-color:#d9d4c9;margin-bottom:18px}.materials-overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.materials-overview-card{background:#fff;border:1px solid #e2ded5;border-radius:13px;min-width:0;padding:13px 14px}.materials-overview-card>span,.materials-overview-card>small{display:block}.materials-overview-card>span{color:#6d716f;margin-bottom:5px;font-size:10px;font-weight:750}.materials-overview-card>strong{color:#1f2833;overflow-wrap:anywhere;font-size:21px;line-height:1.15;display:block}.materials-overview-card>small{color:#969086;margin-top:5px;font-size:9px;line-height:1.35}.materials-overview-card.emphasis{background:#fbf5e9;border-color:#d7c29a}.materials-overview-card.emphasis>strong{color:#79561e}.materials-overview-flow{border-top:1px solid #e8e3da;flex-wrap:wrap;gap:6px;margin-top:11px;padding-top:10px;display:flex}.materials-overview-flow span{color:#79756e;background:#fff;border:1px solid #e2ded5;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800}.materials-overview-panel+.coverage-panel,.coverage-panel+.timber-materials-panel,.coverage-panel+.hip-materials-panel,.timber-materials-panel+.battens-panel,.hip-materials-panel+.hip-materials-panel{margin-top:18px}@media (width<=900px){.materials-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.materials-overview-grid{grid-template-columns:1fr}.materials-overview-card>strong{font-size:19px}}.project-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px;display:flex}.project-heading h2{margin:2px 0 4px}.project-heading p{color:#74746f;max-width:700px;margin:0;font-size:11px;line-height:1.45}.project-heading-badges{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.project-mode-badge,.project-file-badge,.project-save-status{white-space:nowrap;border-radius:999px;align-items:center;min-height:29px;padding:5px 9px;font-size:9px;font-weight:900;display:inline-flex}.project-mode-badge{color:#fff;background:#202a36}.project-file-badge{color:#645d52;background:#fff;border:1px solid #ded8ce}.project-save-status{color:#746f66;background:#faf9f6;border:1px solid #e2ddd2;gap:6px}.project-save-status.saved{color:#2b6f50;background:#f3faf6;border-color:#a9d2bc}.project-save-status.dirty{color:#8a611c;background:#fff9ed;border-color:#e5cd9c}.project-save-status-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.project-file-card{background:#fbfaf7;border:1px solid #e1ddd4;border-radius:14px;padding:14px}.project-file-card .project-fields{margin:0}.project-file-card .project-file-actions{margin:13px 0 0}.project-new-action{color:#7b756b;cursor:pointer;background:0 0;border:0;min-height:40px;padding:8px 13px;font-size:10px;font-weight:850}.project-new-action:hover{color:#26313d;text-decoration:underline}.project-file-card .project-message{margin-top:11px;margin-bottom:0}.project-output-title-row{flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:3px;display:flex}.project-output-title-row strong{margin:0}.project-output-ready{color:#2c7653;text-transform:uppercase;letter-spacing:.04em;background:#e5f5ec;border-radius:999px;align-items:center;min-height:21px;padding:3px 7px;font-size:8px;font-weight:900;display:inline-flex}.project-output-card.ready .project-output-icon{background:#2f7c59}@media (width<=760px){.project-heading{flex-direction:column;gap:10px}.project-heading-badges{justify-content:flex-start}.project-file-card{padding:12px}.project-new-action{width:100%;min-height:38px}}.coverage-grid-primary{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px}.materials-detail-toggle{background:#faf9f6;border:1px solid #e2ddd4;border-radius:12px;margin-top:12px;overflow:hidden}.materials-detail-toggle>summary{cursor:pointer;color:#6f6657;justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:9px 12px;font-size:10px;font-weight:850;list-style:none;display:flex}.materials-detail-toggle>summary::-webkit-details-marker{display:none}.materials-detail-toggle>summary:after{content:"Pokaż +";color:#8a6b32;letter-spacing:.04em;text-transform:uppercase;font-size:8px;font-weight:900}.materials-detail-toggle[open]>summary:after{content:"Ukryj −"}html[lang=en] .materials-detail-toggle>summary:after{content:"Show +"}html[lang=en] .materials-detail-toggle[open]>summary:after{content:"Hide −"}.materials-detail-body{background:#fff;border-top:1px solid #e6e1d8;padding:11px 12px 12px}.materials-detail-body .coverage-grid{margin:0}.materials-detail-body p{color:#74716a;margin:10px 0 0;font-size:10px;line-height:1.5}.materials-detail-body p+p{margin-top:7px}.cost-empty-state{background:#fff9ed;border:1px dashed #d7c08f;border-radius:12px;gap:4px;margin-top:12px;padding:16px;display:grid}.cost-empty-state strong{color:#7d581d;font-size:13px}.cost-empty-state span{color:#81776a;font-size:10px;line-height:1.45}.cost-breakdown strong{overflow-wrap:anywhere}@media (width<=680px){.coverage-grid-primary{grid-template-columns:1fr}}.geometry-accordion{overflow:hidden}.geometry-accordion>summary,.geometry-member-detail>summary{list-style:none}.geometry-accordion>summary::-webkit-details-marker{display:none}.geometry-member-detail>summary::-webkit-details-marker{display:none}.geometry-accordion-summary{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:14px;min-height:58px;display:flex}.geometry-accordion-summary>span:first-child,.geometry-member-detail-summary>span:first-child{gap:2px;min-width:0;display:grid}.geometry-accordion-summary strong{color:#17202d;font-size:16px;line-height:1.2}.geometry-accordion-summary small,.geometry-member-detail-summary small{color:#878279;font-size:10px;font-weight:600;line-height:1.35}.geometry-accordion-summary:after,.geometry-member-detail-summary:after{content:"⌄";color:#7b6c56;flex:none;font-size:17px;font-weight:900;transition:transform .15s}.geometry-accordion[open]>.geometry-accordion-summary:after,.geometry-member-detail[open]>.geometry-member-detail-summary:after{transform:rotate(180deg)}.geometry-accordion-body{border-top:1px solid #ebe6dd;padding-top:14px}.geometry-member-detail{margin-top:12px}.geometry-member-detail-summary{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fbfaf6;justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:12px 14px;display:flex}.geometry-member-detail-summary strong{color:#222c37;font-size:14px;line-height:1.25}.geometry-member-detail-summary>.execution-result-status{margin-left:auto}.geometry-member-detail[open]>.geometry-member-detail-summary{border-bottom:1px solid #e6e0d6}.geometry-member-detail-body{min-width:0}.geometry-member-detail-body>.cut-member-focus-controls{border-top:0}.geometry-accordion .elements-summary{margin-bottom:0}.gable-workshop-panel.geometry-accordion{margin-top:0}@media (width<=720px){.geometry-accordion-summary,.geometry-member-detail-summary{align-items:flex-start}.geometry-accordion-summary .section-chip,.geometry-member-detail-summary>.execution-result-status{margin-left:auto}.geometry-accordion-summary strong{font-size:14px}}@media (width<=520px){.geometry-accordion-summary,.geometry-member-detail-summary{flex-wrap:wrap}.geometry-accordion-summary:after,.geometry-member-detail-summary:after{margin-left:2px}}.geometry-card-bridge{background:linear-gradient(#fff 0%,#faf8f3 100%);border:1px solid #ddd8cf;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;padding:10px 12px;display:flex;box-shadow:0 8px 22px #1f28330d}.geometry-card-bridge-selection{grid-template-columns:auto auto;align-items:baseline;gap:1px 8px;min-width:0;display:grid}.geometry-card-bridge-selection .eyebrow{grid-column:1/-1}.geometry-card-bridge-selection strong{color:#1d2733;font-size:14px;line-height:1.2}.geometry-card-bridge-selection small{color:#7c7972;overflow-wrap:anywhere;font-size:10px;font-weight:650}.geometry-card-bridge-nav{background:#f3f0e9;border:1px solid #dfdad0;border-radius:11px;align-items:center;gap:5px;padding:4px;display:flex}.geometry-card-bridge-nav button{color:#6f716f;cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:34px;padding:7px 11px;font-size:10px;font-weight:900}.geometry-card-bridge-nav button:hover:not(:disabled){color:#1f2935;background:#fff}.geometry-card-bridge-nav button.active{color:#fff;background:#1e2835;box-shadow:0 4px 12px #18212c24}.geometry-card-bridge-nav button:disabled{cursor:not-allowed;opacity:.42}.technical-rafter-selector,.rafter-element-selector{align-items:end;gap:7px;display:flex}.technical-rafter-selector label,.rafter-element-selector label{flex:auto;min-width:0}.rafter-step-button{color:#26313d;cursor:pointer;background:#fff;border:1px solid #dcd7ce;border-radius:10px;place-items:center;min-width:38px;min-height:40px;padding:7px 10px;font-size:15px;font-weight:900;display:inline-grid}.rafter-step-button:hover:not(:disabled){background:#fff9ed;border-color:#c69843}.rafter-step-button:disabled{opacity:.35;cursor:not-allowed}.hip-rafter-page>.cut-member-2d-workshop,.tab-page>.gable-member-2d-workshop{margin-bottom:18px}@media (width<=720px){.geometry-card-bridge{flex-direction:column;align-items:stretch}.geometry-card-bridge-nav{width:100%}.geometry-card-bridge-nav button{flex:50%}.technical-rafter-selector,.rafter-element-selector{align-items:stretch}.rafter-step-button{align-self:end}}@media (width<=480px){.geometry-card-bridge-selection{grid-template-columns:1fr}.geometry-card-bridge-selection .eyebrow{grid-column:auto}.geometry-card-bridge-nav button{padding-inline:8px;font-size:9px}}.geometry-card-bridge-element{flex-wrap:wrap;align-items:center;gap:7px;min-width:0;display:flex}.geometry-card-bridge-status{color:#756f65;white-space:nowrap;background:#f7f5f0;border:1px solid #ded9cf;border-radius:999px;align-items:center;min-height:22px;padding:3px 7px;font-size:8px;font-weight:900;line-height:1;display:inline-flex}.geometry-card-bridge-status.supported{color:#2e7352;background:#f2faf5;border-color:#b8d8c6}.geometry-card-bridge-status.unsupported{color:#89621f;background:#fff9ed;border-color:#e5d4ad}.opening-workshop-panel{margin-bottom:18px}.opening-workshop-panel .geometry-accordion-body{gap:12px;display:grid}@media (width<=520px){.geometry-card-bridge-element{flex-direction:column;align-items:flex-start;gap:4px}.geometry-card-bridge-nav button{line-height:1.2}}.geometry-card-bridge{z-index:18;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:78px}.technical-side-switch{background:#f3f0e9;border:1px solid #ddd8cf;border-radius:10px;align-items:center;gap:4px;padding:4px;display:inline-flex}.technical-side-switch button{color:#6f716f;cursor:pointer;background:0 0;border:0;border-radius:7px;min-height:34px;padding:7px 10px;font-size:10px;font-weight:900}.technical-side-switch button:hover{color:#1f2935;background:#fff}.technical-side-switch button.active{color:#fff;background:#1e2835;box-shadow:0 4px 10px #18212c1f}@media (width<=760px){.geometry-card-bridge{top:8px}.technical-toolbar{align-items:stretch}.technical-side-switch{width:100%}.technical-side-switch button{flex:50%}}.geometry-card-bridge-status.interrupted{color:#8a5a13;background:#fff7e8;border-color:#e9c486}.rafter-opening-interruption{color:#6f4a15;background:#fff8e9;border:1px solid #e7c382;border-radius:13px;justify-content:space-between;align-items:center;gap:16px;margin:-2px 0 14px;padding:12px 14px;display:flex}.rafter-opening-interruption>div{min-width:0}.rafter-opening-interruption strong,.rafter-opening-interruption span{display:block}.rafter-opening-interruption strong{margin-bottom:3px;font-size:12px}.rafter-opening-interruption span{color:#816638;font-size:10px;line-height:1.45}.rafter-opening-interruption button{color:#72501c;cursor:pointer;background:#fff;border:1px solid #d9b66f;border-radius:9px;flex:none;min-height:36px;padding:7px 11px;font-size:9px;font-weight:900}.rafter-opening-interruption button:hover{background:#fff3d8}.interrupted-chip{color:#8a5a13!important;background:#fff7e8!important;border-color:#e7c382!important}.opening-workshop-panel.highlighted{border-color:#d7a84f;box-shadow:0 0 0 2px #d7a84f1f,0 8px 24px #513a140f}.cut-member-card-blocked{color:#6e4a17;background:#fff8e9;border:1px solid #e7c382;border-radius:11px;gap:3px;margin:10px 0 12px;padding:11px 13px;display:grid}.cut-member-card-blocked strong{font-size:11px}.cut-member-card-blocked span{color:#80663c;font-size:10px;line-height:1.45}.cut-member-card-head-actions button:disabled{cursor:not-allowed;opacity:.48}@media (width<=720px){.rafter-opening-interruption{flex-direction:column;align-items:stretch}.rafter-opening-interruption button{width:100%}}.geometry-card-bridge-stepper{background:#fff;border:1px solid #dfdad0;border-radius:11px;justify-content:center;align-items:center;gap:4px;padding:4px;display:inline-flex}.geometry-card-bridge-stepper button{color:#26313d;cursor:pointer;background:#f4f1eb;border:0;border-radius:8px;place-items:center;width:34px;min-width:34px;min-height:34px;padding:0;font-size:14px;font-weight:950;display:inline-grid}.geometry-card-bridge-stepper button:hover:not(:disabled){color:#8a5a13;background:#fff3dd}.geometry-card-bridge-stepper button:disabled{opacity:.3;cursor:not-allowed}.geometry-card-bridge-counter{color:#807a71;white-space:nowrap;justify-content:center;align-items:baseline;gap:2px;min-width:48px;padding-inline:3px;display:inline-flex}.geometry-card-bridge-counter strong{color:#26313d;font-size:12px;font-weight:950}.geometry-card-bridge-counter small{color:#8f8980;font-size:8px;font-weight:800}@media (width<=920px){.geometry-card-bridge{flex-wrap:wrap}.geometry-card-bridge-selection{flex:220px}}@media (width<=720px){.geometry-card-bridge-stepper{align-self:stretch;width:100%}.geometry-card-bridge-stepper button{width:44px}}.geometry-card-bridge{border-radius:12px;gap:8px;min-height:50px;margin-bottom:10px;padding:6px 8px}.geometry-card-bridge-selection{flex:auto;align-items:center;gap:7px;min-width:0;display:flex}.geometry-card-bridge-selection .eyebrow{display:none}.geometry-card-bridge-element{flex-flow:row;flex:none;align-items:center;gap:6px}.geometry-card-bridge-selection small{white-space:nowrap;text-overflow:ellipsis;max-width:150px;overflow:hidden}.geometry-card-bridge-status{text-overflow:ellipsis;max-width:180px;overflow:hidden}.geometry-card-bridge-stepper{border-radius:9px;flex:none;gap:2px;padding:2px}.geometry-card-bridge-stepper button{border-radius:7px;width:30px;min-width:30px;min-height:30px}.geometry-card-bridge-counter{min-width:42px;padding-inline:2px}.geometry-card-bridge-nav{border-radius:9px;flex:none;gap:2px;padding:2px}.geometry-card-bridge-nav button{white-space:nowrap;border-radius:7px;min-height:30px;padding:6px 9px;font-size:9.5px}@media (width<=920px){.geometry-card-bridge{flex-wrap:nowrap}.geometry-card-bridge-selection{flex:auto}}@media (width<=720px){.geometry-card-bridge{border-radius:10px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:5px;min-height:46px;margin-bottom:8px;padding:4px 5px;display:grid;top:8px;box-shadow:0 7px 18px #1f28331a}.geometry-card-bridge-selection{gap:4px;overflow:hidden}.geometry-card-bridge-selection small{display:none}.geometry-card-bridge-element{gap:4px}.geometry-card-bridge-element strong{white-space:nowrap;font-size:12px}.geometry-card-bridge-status{justify-content:center;width:20px;min-width:20px;max-width:20px;min-height:20px;padding:0;font-size:0;overflow:visible}.geometry-card-bridge-status.supported:before{content:"✓";font-size:10px}.geometry-card-bridge-status.interrupted:before{content:"!";font-size:11px}.geometry-card-bridge-status.unsupported:before{content:"—";font-size:11px}.geometry-card-bridge-stepper{align-self:auto;width:auto}.geometry-card-bridge-stepper button{width:30px;min-width:30px;min-height:30px}.geometry-card-bridge-counter{min-width:34px}.geometry-card-bridge-nav{background:0 0;border:0;width:auto;padding:0}.geometry-card-bridge-nav .active{display:none}.geometry-card-bridge-nav button{background:#f3f0e9;border-radius:8px;flex:none;min-height:30px;padding:6px 8px;font-size:9px}}@media (width<=390px){.geometry-card-bridge{gap:3px;padding-inline:4px}.geometry-card-bridge-stepper{gap:1px}.geometry-card-bridge-stepper button{width:28px;min-width:28px;min-height:28px}.geometry-card-bridge-counter{min-width:30px}.geometry-card-bridge-nav button{min-height:28px;padding-inline:6px;font-size:8.5px}}@media (width<=720px){.roof-3d-element-card{z-index:auto;width:auto;max-width:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffcf4fa;border-left:0;border-right:0;border-radius:0;margin:0;padding:8px 10px 9px;position:static}.roof-3d-card-head{align-items:center;gap:8px;padding-bottom:6px}.roof-3d-card-head>div{min-width:0}.roof-3d-card-head strong{font-size:15px}.roof-3d-card-head small{text-overflow:ellipsis;white-space:nowrap;max-width:45%;overflow:hidden}.roof-3d-element-card dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:6px}.roof-3d-element-card dl div{background:#ffffffad;border:1px solid #d8b46d47;border-radius:8px;grid-template-columns:1fr;gap:1px;min-width:0;padding:5px 6px;display:grid}.roof-3d-element-card dt,.roof-3d-element-card dd{text-align:left;min-width:0;font-size:8px}.roof-3d-element-card dd{text-overflow:ellipsis;white-space:nowrap;max-width:none;overflow:hidden}.roof-3d-card-action{display:none}}@media (width<=420px){.roof-3d-element-card{width:auto;padding:7px 8px 8px}.roof-3d-card-head{padding-bottom:5px}.roof-3d-card-head strong{font-size:14px}.roof-3d-card-head small{max-width:48%;font-size:8px}.roof-3d-element-card dl{gap:4px;margin-top:5px}.roof-3d-element-card dl div{padding:4px 5px}.roof-3d-element-card dt,.roof-3d-element-card dd{font-size:7.5px}}.truss-system-picker{background:linear-gradient(#fff 0%,#faf8f3 100%);border:1px solid #ddd7cc;border-radius:14px;grid-column:1/-1;gap:10px;padding:12px;display:grid}.truss-system-picker-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.truss-system-picker-head>div{gap:2px;display:grid}.truss-system-picker-head strong{color:#1f2935;font-size:13px;line-height:1.25}.truss-system-current{color:#755118;white-space:nowrap;background:#fff8e8;border:1px solid #d9c18f;border-radius:999px;flex:none;padding:5px 8px;font-size:8.5px;font-weight:900}.truss-system-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.truss-system-option{color:#4d535b;text-align:left;cursor:pointer;background:#fff;border:1px solid #e0dbd1;border-radius:11px;align-items:flex-start;gap:8px;min-width:0;min-height:94px;padding:10px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.truss-system-option:hover{border-color:#caa45e;box-shadow:0 6px 16px #372b1712}.truss-system-option:disabled{cursor:not-allowed;opacity:.5;box-shadow:none;background:#f5f4f1;border-color:#e3e0da}.truss-system-diagram{color:#7a5520;background:#f7f4ee;border:1px solid #e2ddd4;border-radius:9px;flex:0 0 38px;place-items:center;min-height:38px;font-size:18px;font-weight:900;line-height:1;display:inline-grid}.truss-system-option.active .truss-system-diagram{background:#fff2d7;border-color:#d8b772}.truss-system-option-copy{gap:2px;min-width:0;display:grid}.truss-system-option-copy strong{color:#222d39;font-size:11px;line-height:1.25}.truss-system-option-copy small{color:#8b6b35;font-size:8px;font-weight:850}.truss-system-option-copy em{color:#77746e;margin-top:2px;font-size:8.5px;font-style:normal;line-height:1.35}.truss-system-note{color:#878178;margin:0;font-size:8.5px;line-height:1.4}@media (width<=900px){.truss-system-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.truss-system-picker{border-radius:12px;gap:8px;padding:9px}.truss-system-picker-head{align-items:flex-start}.truss-system-current{text-overflow:ellipsis;max-width:46%;overflow:hidden}.truss-system-options{grid-template-columns:1fr 1fr;gap:5px}.truss-system-option{grid-template-columns:auto minmax(0,1fr);gap:6px;min-height:82px;padding:8px;display:grid}.truss-system-diagram{flex-basis:32px;min-height:32px;font-size:15px}.truss-system-option-copy strong{font-size:10px}.truss-system-option-copy em{display:none}}.truss-system-picker{border-radius:16px;gap:12px;padding:14px}.truss-system-picker-head{justify-content:flex-start;align-items:flex-start}.truss-system-current{display:none}.truss-system-option{border-radius:13px;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:10px;min-height:112px;padding:12px 38px 12px 12px;display:grid;position:relative}.truss-system-option:hover{transform:translateY(-1px);box-shadow:0 8px 20px #372b1714}.truss-system-selected{color:#7a5319;background:#fff4d9;border:1px solid #d3ad62;border-radius:999px;place-items:center;width:20px;height:20px;font-size:11px;font-weight:950;display:grid;position:absolute;top:10px;right:10px}.truss-system-option-copy{align-content:start;gap:4px}.truss-system-option-copy strong{font-size:13px;line-height:1.2}.truss-system-option-copy small{color:#815d23;background:#f5efe3;border-radius:999px;width:fit-content;max-width:100%;padding:2px 6px;font-size:8.5px;line-height:1.2}.truss-system-option-copy em{color:#716d66;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:1px;font-size:10px;line-height:1.35;display:-webkit-box;overflow:hidden}.truss-system-note{color:#827b72;padding-top:1px;font-size:9px}@media (width>=1380px){.truss-system-options{grid-template-columns:repeat(4,minmax(0,1fr))}.truss-system-option{grid-template-columns:42px minmax(0,1fr);min-height:118px;padding:11px 31px 11px 10px}.truss-system-diagram{width:42px;min-height:42px;font-size:18px}.truss-system-option-copy strong{font-size:11.5px}.truss-system-option-copy em{font-size:9px}}@media (width<=620px){.truss-system-picker{gap:9px;padding:10px}.truss-system-options{grid-template-columns:1fr;gap:6px}.truss-system-option{grid-template-columns:42px minmax(0,1fr);min-height:76px;padding:9px 34px 9px 9px}.truss-system-diagram{width:42px;min-height:42px;font-size:17px}.truss-system-selected{width:19px;height:19px;top:8px;right:8px}.truss-system-option-copy strong{font-size:12px}.truss-system-option-copy small{font-size:8px}.truss-system-option-copy em{-webkit-line-clamp:1;font-size:9.5px}.truss-system-note{font-size:8.5px}}.truss-system-option{border-radius:12px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;min-height:66px;padding:10px 12px;display:grid}.truss-system-option strong{color:#202a35;text-align:left;overflow-wrap:normal;word-break:normal;-webkit-hyphens:manual;hyphens:manual;font-size:13px;font-weight:850;line-height:1.2}.truss-system-diagram{border-radius:10px;width:42px;min-height:42px;font-size:18px}.truss-system-option.active{background:#fff8e9;border-color:#c89a42;box-shadow:0 0 0 2px #c89a4214}.truss-system-selected,.truss-system-option-copy,.truss-system-option-copy small,.truss-system-option-copy em{display:none!important}.truss-system-note{margin-top:1px;font-size:9px}@media (width>=1500px){.truss-system-options{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=620px){.truss-system-options{grid-template-columns:1fr}.truss-system-option{grid-template-columns:38px minmax(0,1fr);min-height:58px;padding:8px 10px}.truss-system-diagram{width:38px;min-height:38px;font-size:16px}.truss-system-option strong{font-size:12px}}.truss-system-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.truss-system-option{text-align:center;grid-template-columns:1fr;align-content:center;justify-items:center;gap:8px;min-height:104px;padding:12px 14px;display:grid}.truss-system-option .truss-system-diagram{width:46px;min-height:46px;margin:0;font-size:19px}.truss-system-option>strong{color:#202a35;text-align:center;white-space:normal;word-break:normal;overflow-wrap:normal;-webkit-hyphens:manual;hyphens:manual;width:100%;max-width:100%;font-size:14px;font-weight:850;line-height:1.25;display:block}@media (width<=620px){.truss-system-options{grid-template-columns:1fr}.truss-system-option{min-height:82px;padding:10px 12px}.truss-system-option .truss-system-diagram{width:40px;min-height:40px;font-size:17px}.truss-system-option>strong{font-size:13px}}.truss-system-diagram{border-radius:12px;place-items:center;padding:5px;display:grid;width:54px!important;min-height:54px!important}.truss-system-diagram svg{width:100%;height:100%;display:block;overflow:visible}.truss-system-diagram path,.truss-system-diagram circle{vector-effect:non-scaling-stroke}.truss-icon-main,.truss-icon-accent,.truss-icon-post,.truss-icon-brace,.truss-icon-base,.truss-icon-custom-line{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.truss-icon-main{stroke-width:2.2px}.truss-icon-accent,.truss-icon-post{stroke-width:2.4px}.truss-icon-brace{stroke-width:1.8px}.truss-icon-base{stroke-width:2.2px;opacity:.75}.truss-icon-custom-line{stroke-width:2px;opacity:.85}.truss-icon-custom-node{fill:#fffaf0;stroke:currentColor;stroke-width:2px}.truss-system-option.active .truss-icon-custom-node{fill:#fff0ce}@media (width<=620px){.truss-system-diagram{padding:4px;width:48px!important;min-height:48px!important}}.collar-tie-section line{stroke:#8a642b;stroke-width:7px;stroke-linecap:round}.collar-tie-section text{fill:#76521d;font-size:12px;font-weight:850}.collar-tie-plan-line{stroke:#9a6e2c;stroke-width:3px;stroke-linecap:round;opacity:.88}.legend-collar-tie{background:#9a6e2c;border-radius:999px;width:18px;height:4px;display:inline-block}.collar-tie-element-row .element-id{color:#815b21}.collar-tie-module-accordion .config-accordion-status:not(.warn){color:#76521d}@media (width<=620px){.collar-tie-section line{stroke-width:8px}.collar-tie-plan-line{stroke-width:4px}}.collar-tie-plan-member{cursor:pointer;outline:none}.collar-tie-plan-hit{stroke:#0000;stroke-width:18px;pointer-events:stroke}.collar-tie-plan-member:hover .collar-tie-plan-line,.collar-tie-plan-member:focus-visible .collar-tie-plan-line,.collar-tie-plan-member.selected .collar-tie-plan-line{stroke:#b7791f;stroke-width:5px;opacity:1}.collar-tie-plan-label{fill:#7a5520;pointer-events:none;font-size:10px;font-weight:900}.collar-tie-plan-member.selected .collar-tie-plan-label{fill:#9a5d00}.collar-tie-card-panel{gap:14px;display:grid}.collar-tie-card-layout{grid-template-columns:minmax(0,1.35fr) minmax(260px,.9fr);align-items:stretch;gap:14px;display:grid}.collar-tie-card-schematic{background:linear-gradient(#ffffffd6,#ffffffd6),repeating-linear-gradient(0deg,#0000 0 23px,#7a55200d 24px),repeating-linear-gradient(90deg,#0000 0 23px,#7a55200d 24px);border:1px solid #e1d9cc;border-radius:14px;align-items:center;min-height:260px;padding:14px;display:grid}.collar-tie-card-schematic svg{width:100%;height:auto;overflow:visible}.collar-card-rafter{stroke:#313b46;stroke-width:10px;stroke-linecap:round}.collar-card-member{stroke:#9a6e2c;stroke-width:13px;stroke-linecap:butt}.collar-card-reference{stroke:#b7b0a5;stroke-width:1.5px;stroke-dasharray:7 7}.collar-card-end{stroke:#76521d;stroke-width:2px}.collar-card-label{fill:#6e4b18;font-size:18px;font-weight:950}.collar-card-note{fill:#6f6b65;font-size:12px;font-weight:700}.collar-tie-card-data{grid-template-columns:1fr;gap:7px;display:grid}.collar-tie-card-data>div{background:#fff;border:1px solid #e4ded4;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:44px;padding:9px 11px;display:grid}.collar-tie-card-data span{color:#777169;font-size:10px;font-weight:700}.collar-tie-card-data strong{color:#202a35;text-align:right;font-size:11px;font-weight:900}@media (width<=760px){.collar-tie-card-layout{grid-template-columns:1fr}.collar-tie-card-schematic{min-height:200px;padding:8px}.collar-tie-card-data{grid-template-columns:1fr 1fr;gap:6px}.collar-tie-card-data>div{grid-template-columns:1fr;align-content:start;min-height:66px}.collar-tie-card-data strong{text-align:left}}@media (width<=460px){.collar-tie-card-data{grid-template-columns:1fr}.collar-tie-card-data>div{grid-template-columns:minmax(0,1fr) auto;min-height:0}.collar-tie-card-data strong{text-align:right}}.collar-tie-method-result{background:#fbf8f1;border:1px solid #e1d8ca;border-radius:10px;align-content:start;gap:5px;min-height:76px;padding:10px 11px;display:grid}.collar-tie-method-result>span,.collar-tie-setup-summary span,.collar-tie-card-method span{color:#7a746b;font-size:9px;font-weight:750}.collar-tie-method-result>strong{color:#202a35;font-size:11px;line-height:1.25}.collar-tie-method-result>small{color:#756f66;font-size:9px;line-height:1.4}.collar-tie-setup-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px;display:grid}.collar-tie-setup-summary>div{background:#fff;border:1px solid #e3dbcf;border-radius:9px;gap:3px;min-width:0;padding:8px 9px;display:grid}.collar-tie-setup-summary strong{color:#292f36;overflow-wrap:anywhere;font-size:9.5px;line-height:1.25}.collar-tie-card-method{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.collar-tie-card-method>div{background:#fbf8f1;border:1px solid #e2d9ca;border-radius:10px;gap:3px;min-width:0;padding:9px 11px;display:grid}.collar-tie-card-method>div.wide{grid-column:1/-1}.collar-tie-card-method strong{color:#2d3137;overflow-wrap:anywhere;font-size:10.5px;line-height:1.3}.collar-card-member-shape{fill:#9a6e2c;stroke:#76521d;stroke-width:1.2px;stroke-linejoin:round}@media (width<=620px){.collar-tie-setup-summary,.collar-tie-card-method{grid-template-columns:1fr}.collar-tie-card-method>div.wide{grid-column:auto}}.purlin-clamp-section line{stroke:#73512a;stroke-width:7px;stroke-linecap:round}.purlin-clamp-section text{fill:#68471f;font-size:12px;font-weight:850}.purlin-clamp-plan-line{stroke:#73512a;stroke-width:3px;stroke-linecap:round;opacity:.94}.purlin-clamp-plan-label{fill:#68471f;pointer-events:none;font-size:10px;font-weight:900}.purlin-clamps-subaccordion .collar-tie-method-result{min-height:100%}@media (width<=620px){.purlin-clamp-section line{stroke-width:8px}.purlin-clamp-plan-line{stroke-width:4px}}.legend-purlin-base{background:#67492f;border-radius:999px;width:18px;height:5px;display:inline-block}.purlin-base-plan-line{stroke:#67492f;stroke-width:4px;stroke-linecap:square}.purlin-base-plan-label{fill:#593f2a;pointer-events:none;font-size:10px;font-weight:900}@media (width<=620px){.purlin-base-plan-line{stroke-width:5px}}.purlin-system-plan-member{cursor:pointer;outline:none}.purlin-system-plan-hit{stroke:#0000;stroke-width:18px;pointer-events:stroke}.purlin-system-plan-member:hover .purlin-clamp-plan-line,.purlin-system-plan-member:focus-visible .purlin-clamp-plan-line,.purlin-system-plan-member.selected .purlin-clamp-plan-line{stroke:#b7791f;stroke-width:5px;opacity:1}.purlin-brace-plan-line{stroke:#86613a;stroke-width:3px;stroke-linecap:round}.purlin-brace-plan-label{fill:#6d4d31;pointer-events:none;font-size:10px;font-weight:900}.purlin-system-plan-member:hover .purlin-brace-plan-line,.purlin-system-plan-member:focus-visible .purlin-brace-plan-line,.purlin-system-plan-member.selected .purlin-brace-plan-line{stroke:#b7791f;stroke-width:5px}.purlin-system-plan-member:hover .purlin-base-plan-line,.purlin-system-plan-member:focus-visible .purlin-base-plan-line,.purlin-system-plan-member.selected .purlin-base-plan-line{stroke:#b7791f;stroke-width:6px}.purlin-system-plan-member.selected text{fill:#9a5d00}.purlin-system-element-row{cursor:pointer;background:#fff;transition:background .14s,box-shadow .14s}.purlin-system-element-row:hover,.purlin-system-element-row:focus-visible{background:#faf8f3;outline:none}.purlin-system-element-row.selected{background:#fff8e9;box-shadow:inset 4px 0 #b7791f}.purlin-system-card-panel{gap:14px;display:grid}.purlin-system-card-layout{grid-template-columns:minmax(0,1.3fr) minmax(280px,.9fr);align-items:stretch;gap:14px;display:grid}.purlin-system-card-schematic{background:linear-gradient(#ffffffdb,#ffffffdb),repeating-linear-gradient(0deg,#0000 0 23px,#4646460b 24px),repeating-linear-gradient(90deg,#0000 0 23px,#4646460b 24px);border:1px solid #e1d9cc;border-radius:14px;align-items:center;min-height:260px;padding:14px;display:grid}.purlin-system-card-schematic svg{width:100%;height:auto;display:block;overflow:visible}.system-card-rafter{stroke:#313b46;stroke-width:10px;stroke-linecap:round}.system-card-primary{fill:#8a642b;stroke:#68471f;stroke-width:1.5px;stroke-linejoin:round}.system-card-post{stroke:#765638;stroke-width:12px;stroke-linecap:square}.system-card-purlin{stroke:#0f766e;stroke-width:13px;stroke-linecap:square}.system-card-brace{stroke:#86613a;stroke-width:12px;stroke-linecap:round}.system-card-base{stroke:#67492f;stroke-width:14px;stroke-linecap:square}.system-card-label{fill:#50381f;font-size:17px;font-weight:950}.system-card-note{fill:#6f6b65;font-size:11px;font-weight:750}.purlin-system-card-data{grid-template-columns:1fr;gap:7px;display:grid}.purlin-system-card-data>div{background:#fff;border:1px solid #e4ded4;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:42px;padding:9px 11px;display:grid}.purlin-system-card-data span{color:#777169;font-size:10px;font-weight:700}.purlin-system-card-data strong{color:#202a35;text-align:right;font-size:11px;font-weight:900}@media (width<=760px){.purlin-system-card-layout{grid-template-columns:1fr}.purlin-system-card-schematic{min-height:200px;padding:8px}.purlin-system-card-data{grid-template-columns:1fr 1fr;gap:6px}.purlin-system-card-data>div{grid-template-columns:1fr;align-content:start;min-height:64px}.purlin-system-card-data strong{text-align:left}}@media (width<=460px){.purlin-system-card-data{grid-template-columns:1fr}.purlin-system-card-data>div{grid-template-columns:minmax(0,1fr) auto;min-height:0}.purlin-system-card-data strong{text-align:right}}.custom-truss-builder{background:linear-gradient(#fffdf8 0%,#faf6ed 100%);border:1px solid #dccba9;border-radius:14px;gap:12px;margin-top:4px;padding:14px;display:grid}.custom-truss-builder-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.custom-truss-builder-head>div{gap:4px;display:grid}.custom-truss-builder-head h3{color:#202832;margin:0;font-size:15px}.custom-truss-builder-head p,.custom-truss-builder-note{color:#746f67;max-width:760px;font-size:11px;line-height:1.5}.custom-truss-base,.custom-truss-module{background:#fff;border:1px solid #e1ddd5;border-radius:11px;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:10px 11px;display:grid}.custom-truss-base{background:#f6fbf8;border-color:#c9d9cf}.custom-truss-base>div,.custom-truss-module-copy{text-align:left;gap:2px;min-width:0;display:grid}.custom-truss-base strong,.custom-truss-module-copy strong{color:#27313b;font-size:12px}.custom-truss-base small,.custom-truss-module-copy small{color:#75716a;font-size:9.5px;line-height:1.4}.custom-truss-code{color:#765318;letter-spacing:.02em;background:#f8f3e8;border:1px solid #ddd1b8;border-radius:8px;place-items:center;min-width:44px;min-height:34px;padding:4px 6px;font-size:10px;font-weight:900;display:inline-grid}.custom-truss-module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.custom-truss-module{appearance:none;cursor:pointer;text-align:left;width:100%;transition:border-color .16s,background .16s,box-shadow .16s}.custom-truss-module:hover:not(:disabled){border-color:#c9a15b;box-shadow:0 5px 14px #47371a12}.custom-truss-module.active{background:#fff9eb;border-color:#c89a42;box-shadow:inset 0 0 0 1px #c89a421f}.custom-truss-module.active .custom-truss-code{background:#ffedc8;border-color:#d2ad66}.custom-truss-module.unsupported{cursor:not-allowed;opacity:.55;background:#f5f4f1}.custom-truss-state{color:#777169;white-space:nowrap;background:#f7f6f3;border:1px solid #ddd8cf;border-radius:999px;justify-self:end;padding:4px 7px;font-size:8px;font-weight:900}.custom-truss-state.active{color:#24603f;background:#edf8f2;border-color:#b9dec9}.custom-truss-builder-note{margin:0;padding-top:2px}@media (width<=760px){.custom-truss-builder{padding:11px}.custom-truss-builder-head{display:grid}.custom-truss-builder-head .section-chip{justify-self:start}.custom-truss-module-grid{grid-template-columns:1fr}}@media (width<=460px){.custom-truss-base,.custom-truss-module{grid-template-columns:46px minmax(0,1fr)}.custom-truss-state{grid-column:2;justify-self:start}.custom-truss-code{min-width:38px}}.pro-access-controls{align-items:center;gap:8px;display:flex}.pro-plan-badge{color:#fffc;letter-spacing:.08em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;justify-content:center;align-items:center;min-width:58px;min-height:36px;padding:7px 12px;font-size:11px;font-weight:950;display:inline-flex}.pro-plan-badge.pro{color:#fff;background:linear-gradient(135deg,#d2a451f2,#a87424f2);border-color:#e7be7075;box-shadow:0 7px 22px #7e521247}.pro-plan-badge.free{color:#fffc}.pro-access-action{color:#f3d59f;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#d2a45124;border:1px solid #e7be706b;border-radius:11px;min-height:38px;padding:8px 12px;font-size:11px;font-weight:850}.pro-access-action:hover:not(:disabled){background:#d2a4513b}.pro-access-action.subtle{color:#ffffffb8;background:#ffffff12;border-color:#ffffff24}.pro-access-action:disabled{cursor:wait;opacity:.55}.pro-access-panel{background:linear-gradient(135deg,#fffdf8,#f7f1e6);border:1px solid #decda9;border-radius:18px;margin:-4px 0 18px;padding:18px;box-shadow:0 18px 50px #241b0e17}.pro-access-panel-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.pro-access-panel-heading h2{margin:4px 0 6px;font-size:20px}.pro-access-panel-heading p{max-width:760px;line-height:1.5}.pro-access-close{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #d8d1c5;border-radius:10px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:24px;line-height:1;display:grid}.pro-access-form{grid-template-columns:minmax(240px,1fr) auto;align-items:end;gap:10px;max-width:760px;margin-top:16px;display:grid}.pro-access-form label{margin:0}.pro-access-send{color:#fff;cursor:pointer;background:#1d2633;border:0;border-radius:10px;min-height:46px;padding:10px 16px;font-weight:850}.pro-access-send:disabled{cursor:wait;opacity:.58}.pro-access-buy-row{color:#6b7280;flex-wrap:wrap;align-items:center;gap:7px;margin-top:13px;font-size:12px;display:flex}.pro-access-buy-row a{color:#8a561f;font-weight:850}.pro-access-message{color:#4b5563;background:#fff;border:1px solid #d8d1c5;border-radius:12px;margin:-4px 0 18px;padding:11px 14px;font-size:12px;line-height:1.45}@media (width<=720px){.hero-actions{flex-wrap:wrap;justify-content:flex-end}.pro-access-controls{justify-content:flex-end;width:100%}.pro-access-form{grid-template-columns:1fr}.pro-access-send{width:100%}}@media (width<=520px){.pro-access-controls{justify-content:flex-start}.pro-access-panel{padding:15px}}.workshop-confirm-backdrop{z-index:1100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0e1823b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.workshop-confirm-panel{color:#1d2633;background:#fdfbf7;border:1px solid #d7c4a5;border-radius:18px;width:min(100%,590px);max-height:min(90dvh,750px);padding:clamp(20px,3.5vw,32px);overflow-y:auto;box-shadow:0 20px 72px #00000059}.workshop-confirm-icon{color:#925220;background:#fff1df;border:1px solid #d9b77e;border-radius:50%;place-items:center;width:36px;height:36px;font-size:25px;font-weight:900;display:grid}.workshop-confirm-kicker{color:#8a561f;letter-spacing:.12em;margin:18px 0 5px;font-size:11px;font-weight:850}.workshop-confirm-panel h2{margin:0 0 13px;font-size:clamp(21px,4vw,27px);line-height:1.2}.workshop-confirm-panel p{font-size:14px;line-height:1.55}.workshop-confirm-limitation{background:#fff0e8;border-left:3px solid #a94b32;border-radius:5px;padding:10px 13px}.workshop-confirm-checkbox{cursor:pointer;background:#fff;border:1px solid #cfbb9a;border-radius:10px;align-items:flex-start;gap:12px;margin:18px 0 12px;padding:13px;font-size:14px;font-weight:650;line-height:1.45;display:flex}.workshop-confirm-checkbox input{accent-color:#7a5629;flex:0 0 19px;width:19px;height:19px;margin:0}.workshop-confirm-checkbox:focus-within{outline-offset:2px;outline:2px solid #c49456}.workshop-confirm-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.workshop-confirm-meta a{color:#735026;font-weight:750;text-decoration:underline}.workshop-confirm-meta small,.workshop-confirm-note{color:#64748b;font-size:11px}.workshop-confirm-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:21px;display:flex}.workshop-confirm-actions button{cursor:pointer;border:1px solid #c9c2b6;border-radius:10px;min-height:42px;padding:10px 16px;font-weight:750}.workshop-confirm-cancel{color:#323b46;background:#fff}.workshop-confirm-accept{color:#fff;background:#26313c;border-color:#26313c!important}.workshop-confirm-accept:disabled{opacity:.47;cursor:not-allowed}.workshop-confirm-note{margin-top:15px;line-height:1.4;display:block}@media (width<=520px){.workshop-confirm-panel{padding:18px}.workshop-confirm-actions button{flex:1}}