:root{color-scheme:light;--bg:#edf4ef;--panel:rgba(255,255,255,0.92);--border:rgba(16,24,40,0.08);--text:#16251f;--muted:#5f7369;--accent:#1f7a58;--accent-soft:#dff2e9;--danger:#cf3f3f;--warning:#b7791f;--shadow:0 18px 50px rgba(24,50,38,0.09)}*{box-sizing:border-box}body,html{padding:0;margin:0;min-height:100%;background:radial-gradient(circle at top left,rgba(197,231,212,.95),transparent 28%),linear-gradient(180deg,#f6fbf7 0,var(--bg) 100%);color:var(--text);font-family:IBM Plex Sans,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shell{display:grid;grid-template-columns:minmax(0,1.42fr) clamp(430px,32vw,540px);min-height:100vh;grid-gap:16px;gap:16px;padding:16px;width:100%;max-width:none;margin:0}.panel{background:var(--panel);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sidebar{display:flex;flex-direction:column;gap:0;padding:22px;min-height:0}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-size:.78rem;font-weight:700}.sidebar h1,.stage-head h2{margin:0;font-family:IBM Plex Sans Condensed,Segoe UI,sans-serif;font-size:1.8rem;line-height:1}.muted{color:var(--muted)}.section{display:flex;flex-direction:column;flex-shrink:0;gap:12px}.inspector-intro{gap:10px}.inspector-intro-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.inspector-intro-copy{display:grid;grid-gap:8px;gap:8px;min-width:0}.inspector-share-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;min-height:44px;padding:0 16px;border:1px solid rgba(31,122,88,.18);border-radius:999px;background:linear-gradient(180deg,rgba(236,247,241,.96),rgba(223,242,233,.96));color:var(--accent);font-weight:800;letter-spacing:.02em;box-shadow:0 12px 26px rgba(31,122,88,.12),inset 0 1px 0 rgba(255,255,255,.82);transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.inspector-share-button:hover{transform:translateY(-1px);border-color:rgba(31,122,88,.28);background:linear-gradient(180deg,rgba(241,250,245,.98),rgba(228,245,237,.98));box-shadow:0 16px 30px rgba(31,122,88,.14),inset 0 1px 0 rgba(255,255,255,.88)}.inspector-share-button:focus-visible{outline:2px solid rgba(31,122,88,.34);outline-offset:2px}.share-button-icon{width:18px;height:18px;flex:0 0 auto}.inspector-share-status{color:var(--muted);font-size:.88rem;line-height:1.4}.inspector-share-field{margin-top:2px}.inspector-layout{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;height:100%}.inspector-scroll{display:flex;flex-direction:column;gap:16px;min-height:0;padding-bottom:28px}.inspector-scroll>*{flex-shrink:0}.inspector-intro{gap:8px;padding-bottom:4px}.inspector-intro h1{margin:0;font-family:IBM Plex Sans Condensed,Segoe UI,sans-serif;font-size:clamp(2rem,2.4vw,2.6rem);line-height:.95;letter-spacing:-.03em}.phase-nav{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;padding:6px 0 14px}.phase-nav::-webkit-scrollbar{display:none}.phase-nav:before{content:"";position:absolute;top:28px;left:24px;right:24px;height:2px;border-radius:999px;background:rgba(31,122,88,.12)}.phase-card{position:relative;display:inline-flex;gap:0;align-items:center;justify-content:center;flex:0 0 auto;min-height:52px;padding:4px;border:1px solid rgba(16,24,40,.06);border-radius:999px;background:rgba(255,255,255,.88);box-shadow:0 8px 16px rgba(26,49,38,.04);text-align:left;z-index:1;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}.phase-card:not(.active){width:52px}.phase-card.active{transform:translateY(-1px);flex:1 1 auto;min-width:0;max-width:none;border-color:rgba(31,122,88,.18);background:linear-gradient(180deg,rgba(235,247,239,.98),rgba(247,251,248,.98));box-shadow:0 12px 26px rgba(31,122,88,.12)}.phase-index{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:2px solid rgba(31,122,88,.18);background:rgba(255,255,255,.96);color:#5f796a;font-size:1rem;font-weight:800;box-shadow:0 8px 16px rgba(26,49,38,.06);transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.phase-card.completed .phase-index{border-color:rgba(31,122,88,.22);background:rgba(223,242,233,.98);color:var(--accent)}.phase-card.active .phase-index{background:var(--accent);border-color:rgba(31,122,88,.36);color:white;box-shadow:0 10px 20px rgba(31,122,88,.2)}.phase-copy{min-width:0;overflow:hidden;padding:0 16px 0 12px}.phase-copy strong{display:block;font-size:.96rem;line-height:1.1;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flat-section{display:grid;grid-gap:14px;gap:14px;padding:8px 0 2px;flex-shrink:0}.flat-section.subtle{opacity:.92}.flat-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}.flat-section-copy{display:grid;grid-gap:4px;gap:4px;min-width:0}.flat-section-title{font-size:1.08rem;font-weight:750;line-height:1.1;letter-spacing:-.01em}.flat-section-badge{color:var(--muted);font-size:.88rem;line-height:1.2}.flat-section-body{display:grid;grid-gap:12px;gap:12px}.accordion{border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.82);overflow:hidden;flex-shrink:0}.accordion.subtle{background:rgba(247,250,248,.82)}.accordion.open{box-shadow:0 8px 22px rgba(24,50,38,.05)}.accordion.dimmed{opacity:.26;filter:grayscale(.2) saturate(.35);transform:scale(.992)}.accordion.dimmed .accordion-trigger{cursor:pointer}.accordion.dimmed .accordion-body{pointer-events:none}.accordion.dimmed .accordion-icon{background:rgba(95,115,105,.08);color:var(--muted)}.accordion.dimmed .accordion-badge,.accordion.dimmed .accordion-title{color:rgba(22,37,31,.58)}.accordion-trigger{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:17px 18px;background:transparent;border:0;text-align:left;cursor:pointer}.accordion-copy{display:grid;grid-gap:5px;gap:5px;min-width:0}.accordion-title{font-size:1.02rem;font-weight:700;line-height:1.15}.accordion-badge{color:var(--muted);font-size:.88rem;line-height:1.2}.accordion-icon{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(31,122,88,.08);color:var(--accent);font-size:1.15rem;flex:0 0 auto}.accordion-body{display:grid;grid-gap:12px;gap:12px;padding:0 18px 18px}.inspector-footer{position:-webkit-sticky;position:sticky;bottom:0;z-index:2;display:flex;gap:10px;padding-top:18px;background:linear-gradient(180deg,rgba(237,244,239,0),rgba(237,244,239,.78) 18%,rgba(237,244,239,.92));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.inspector-footer .button{flex:1 1;min-width:0;justify-content:center;min-height:60px;padding:16px 20px;font-weight:800;font-size:1rem;letter-spacing:.01em;box-shadow:0 16px 28px rgba(15,23,42,.08)}.section-head,.stepper-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.label{font-size:.82rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.row{display:flex;gap:10px;align-items:center}.row.wrap{flex-wrap:wrap}.check-grid{display:grid;grid-gap:10px;gap:10px}.check-row{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.86)}.check-row input{margin-top:4px}.check-row span{display:grid;grid-gap:4px;gap:4px}.check-row small{color:var(--muted)}.control{width:100%;border:1px solid var(--border);border-radius:14px;padding:12px 14px;background:rgba(255,255,255,.9)}.button,.chip{border:1px solid var(--border);background:rgba(255,255,255,.92);border-radius:999px;padding:9px 14px;cursor:pointer;transition:.16s ease}.button.primary,.chip.active{background:var(--accent);color:white;border-color:var(--accent);box-shadow:0 18px 30px rgba(31,122,88,.22),inset 0 1px 0 rgba(255,255,255,.18)}.button.secondary{background:var(--accent-soft);color:var(--accent)}.button.subtle{background:rgba(255,255,255,.84);color:var(--text)}.button.with-icon{display:inline-flex;align-items:center;justify-content:center;gap:8px}.button-icon{width:16px;height:16px;flex:0 0 auto}.button:disabled{cursor:not-allowed;opacity:.55}.inspector-footer .button.primary{min-height:64px;font-size:1.04rem}.flat-section-inline-action{display:grid;grid-gap:10px;gap:10px;margin-bottom:14px;padding:14px 16px;border-radius:18px;border:1px solid rgba(16,24,40,.08);background:rgba(245,249,246,.92)}.door-add-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.door-add-button{display:grid;justify-items:center;grid-gap:10px;gap:10px;width:100%;min-height:176px;padding:20px 16px 18px;border-radius:26px;border:1px solid rgba(31,122,88,.2);background:linear-gradient(180deg,rgba(237,250,243,.98),rgba(219,244,231,.98));box-shadow:0 16px 30px rgba(31,122,88,.1);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.door-add-button:hover{transform:translateY(-2px);border-color:rgba(31,122,88,.34);box-shadow:0 22px 38px rgba(31,122,88,.16)}.door-add-icon{width:80px;height:80px;color:var(--accent)}.door-add-button-copy{display:grid;grid-gap:2px;gap:2px;text-align:center}.door-add-button-copy strong{font-size:1rem;line-height:1.15;color:var(--text)}.door-add-button-copy small{color:var(--muted);font-size:.82rem}.door-add-button.compact{min-height:0;width:min(240px,calc(50vw - 32px));padding:14px 16px;gap:6px;border-radius:20px;box-shadow:0 14px 28px rgba(31,122,88,.12)}.door-add-button.compact strong{font-size:.96rem}.door-add-button.compact small{font-size:.78rem}.door-add-button.compact.active{border-color:rgba(21,128,61,.5);background:linear-gradient(180deg,rgba(220,252,231,.98),rgba(198,246,213,.98));box-shadow:0 18px 34px rgba(21,128,61,.18)}.openings-focus-banner{display:grid;grid-gap:4px;gap:4px;padding:14px 16px;border-radius:18px;border:1px solid rgba(31,122,88,.16);background:rgba(236,252,244,.9);color:#14532d}.openings-focus-banner strong{font-size:.92rem}.openings-focus-banner span{font-size:.86rem;line-height:1.35}.openings-focus-exit{width:100%;justify-content:center}.stage{display:grid;grid-template-rows:auto 1fr auto;grid-gap:16px;gap:16px;min-height:0;padding:16px;overflow:hidden}.step-list{display:grid;grid-gap:10px;gap:10px}.list-row,.option-card,.step-card{border:1px solid var(--border);background:rgba(255,255,255,.9);border-radius:18px;padding:14px 16px;text-align:left;cursor:pointer;transition:.16s ease}.list-row:hover,.option-card:hover,.step-card:hover{transform:translateY(-1px);border-color:rgba(31,122,88,.28)}.list-row.active,.option-card.active,.step-card.active{border-color:rgba(31,122,88,.55);background:rgba(223,242,233,.95)}.list-row,.step-card{display:flex;justify-content:space-between;gap:12px;align-items:center}.option-card,.step-card span{display:grid;grid-gap:4px;gap:4px}.list-row strong,.option-card strong,.step-card strong{font-size:.98rem}.list-row small,.option-card small,.step-card small{color:var(--muted)}.step-index{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-weight:700;flex:0 0 auto}.option-grid{display:grid;grid-gap:10px;gap:10px}.option-grid--cladding{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.cladding-option-card{position:relative;padding:0;overflow:visible;cursor:pointer}.cladding-option-visual{padding:14px 14px 0}.cladding-thumb{position:relative;width:100%;min-height:156px;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#fdfefd,#eef4ef);box-shadow:inset 0 0 0 1px rgba(104,132,115,.12),0 14px 24px rgba(15,23,42,.06)}.cladding-thumb canvas{display:block;width:100%!important;height:156px!important}.cladding-thumb-label{position:absolute;right:10px;bottom:10px;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.94);color:#466251;font-size:.68rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.cladding-option-main{width:100%;display:grid;grid-gap:4px;gap:4px;padding:15px 16px;text-align:left;border:0;background:transparent;cursor:pointer;color:inherit;font:inherit}.cladding-option-card:focus-within,.cladding-option-main:focus-visible{outline:2px solid rgba(31,122,88,.26);outline-offset:2px}.cladding-option-info{position:absolute;top:12px;left:12px;z-index:2;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:rgba(255,255,255,.95);color:#2f6d4f;box-shadow:0 10px 18px rgba(31,48,39,.12);font-size:.85rem;font-weight:800;cursor:pointer}.cladding-option-info.active{background:#2f6d4f;color:#fff}.cladding-option-popover{position:absolute;left:14px;right:14px;top:48px;z-index:3;padding:16px 14px 14px;border-radius:18px;border:1px solid rgba(48,109,79,.18);background:rgba(255,255,255,.985);box-shadow:0 20px 38px rgba(31,48,39,.18);color:#1d3027;font-size:.83rem;line-height:1.45}.cladding-option-popover:before{content:"";position:absolute;top:-7px;left:20px;width:14px;height:14px;border-top:1px solid rgba(48,109,79,.18);border-left:1px solid rgba(48,109,79,.18);background:rgba(255,255,255,.985);transform:rotate(45deg)}.structure-ral-panel{display:grid;grid-gap:12px;gap:12px}.structure-ral-head{display:grid;grid-gap:4px;gap:4px}.structure-ral-current{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;border:1px solid rgba(31,122,88,.16);background:linear-gradient(135deg,rgba(223,242,233,.85),rgba(255,255,255,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}.structure-ral-current-swatch{width:42px;height:42px;border-radius:999px;border:3px solid rgba(255,255,255,.92);box-shadow:0 10px 20px rgba(15,23,42,.14);flex:0 0 auto}.structure-ral-current-copy{display:grid;grid-gap:4px;gap:4px}.structure-ral-current-copy strong{font-size:.98rem}.structure-ral-current-copy small{color:var(--muted)}.structure-ral-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.structure-ral-toggle{width:100%;justify-content:center}.structure-ral-toggle.open{border-color:rgba(31,122,88,.28)}.structure-ral-extra{display:grid;grid-gap:10px;gap:10px;padding-top:4px}.structure-ral-custom-panel{display:grid;grid-gap:14px;gap:14px;padding:14px;border-radius:18px;border:1px solid rgba(31,122,88,.16);background:linear-gradient(180deg,rgba(248,251,249,.96),rgba(255,255,255,.98))}.structure-ral-custom-toolbar{display:grid;grid-gap:12px;gap:12px}.structure-ral-search-field{display:grid;grid-gap:6px;gap:6px}.structure-ral-search-field span{font-size:.78rem;font-weight:700;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.structure-ral-family-filters{display:flex;flex-wrap:wrap;gap:8px}.structure-ral-family-chip{border:1px solid rgba(16,24,40,.08);background:rgba(255,255,255,.92);border-radius:999px;padding:8px 12px;color:var(--muted);font-weight:700;cursor:pointer;transition:.16s ease}.structure-ral-family-chip.active{background:rgba(223,242,233,.94);color:var(--accent);border-color:rgba(31,122,88,.24)}.structure-ral-custom-preview{display:flex;align-items:center;gap:14px}.structure-ral-custom-preview-copy{display:grid;grid-gap:4px;gap:4px}.structure-ral-custom-preview-copy small{color:var(--muted)}.structure-ral-custom-message{min-height:1.2em}.structure-ral-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;max-height:360px;overflow:auto;padding-right:4px}.structure-ral-picker-grid::-webkit-scrollbar{width:10px}.structure-ral-picker-grid::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(31,122,88,.18)}.structure-ral-picker-grid::-webkit-scrollbar-track{background:rgba(237,244,239,.78);border-radius:999px}.structure-ral-card{display:flex;align-items:center;gap:12px;width:100%;padding:12px 13px;text-align:left;border-radius:16px;border:1px solid var(--border);background:rgba(255,255,255,.92);cursor:pointer;transition:.16s ease}.structure-ral-card:hover{transform:translateY(-1px);border-color:rgba(31,122,88,.3)}.structure-ral-card.active{border-color:rgba(31,122,88,.6);background:rgba(223,242,233,.95);box-shadow:0 10px 24px rgba(31,122,88,.1)}.structure-ral-card-swatch{width:28px;height:28px;border-radius:999px;border:2px solid rgba(255,255,255,.92);box-shadow:0 6px 14px rgba(15,23,42,.16);flex:0 0 auto}.structure-ral-card-copy{display:grid;grid-gap:2px;gap:2px;min-width:0}.structure-ral-card-copy strong{font-size:.93rem;line-height:1.15}.structure-ral-card-copy small{color:var(--muted)}.stage-foot,.stage-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.stage-heading-line{display:flex;align-items:center;gap:12px;min-width:0}.stage-step-chip{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:999px;background:rgba(223,242,233,.92);border:1px solid rgba(31,122,88,.16);color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;flex:0 0 auto}.stage-debug-panel{position:relative;flex:0 0 auto}.stage-debug-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid rgba(15,23,42,.1);border-radius:999px;background:rgba(255,255,255,.9);color:#264236;font-size:.84rem;font-weight:700;box-shadow:0 10px 22px rgba(15,23,42,.08);transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.stage-debug-trigger.active,.stage-debug-trigger:hover{border-color:rgba(31,122,88,.24);background:rgba(239,248,243,.96);box-shadow:0 14px 28px rgba(31,122,88,.12)}.stage-debug-popover{position:absolute;top:calc(100% + 10px);right:0;z-index:20;width:min(360px,calc(100vw - 48px));display:grid;grid-gap:14px;gap:14px;padding:16px;border:1px solid rgba(15,23,42,.08);border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 22px 44px rgba(15,23,42,.14);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.stage-debug-group{display:grid;grid-gap:10px;gap:10px}.stage-debug-inline-actions{display:inline-flex;flex-wrap:wrap;gap:8px}.stage-debug-label{color:var(--muted);font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.stage-debug-kind-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.stage-debug-kind-actions{display:inline-flex;align-items:center;gap:8px}.stage-debug-kind-actions button{border:0;padding:0;background:transparent;color:var(--accent);font-size:.8rem;font-weight:700;cursor:pointer}.stage-debug-kind-grid{display:flex;flex-wrap:wrap;gap:8px}.stage-debug-kind-chip{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border:1px solid rgba(15,23,42,.08);border-radius:999px;background:#f8fbf9;color:#28473a;font-size:.84rem;font-weight:700}.stage-debug-kind-chip input{margin:0}.stage-view-switch{display:inline-flex;align-items:center;gap:8px;padding:6px;border-radius:999px;background:rgba(255,255,255,.84);border:1px solid rgba(15,23,42,.08);box-shadow:0 10px 22px rgba(15,23,42,.06)}.stage-view-chip{border:0;background:transparent;color:var(--muted);border-radius:999px;padding:9px 14px;cursor:pointer;font-weight:700;transition:background .18s ease,color .18s ease,transform .18s ease}.stage-view-chip:hover{color:var(--text)}.stage-view-chip.active{background:var(--accent);color:white}.viewport{position:relative;overflow:hidden;border-radius:24px;border:1px solid var(--border);background:linear-gradient(180deg,rgba(252,254,253,.95),rgba(228,239,231,.85));min-height:560px;height:100%;transition:box-shadow .22s ease,border-color .22s ease,transform .22s ease}.canvas-wrap{position:absolute;inset:0;transition:opacity .22s ease,transform .22s ease,filter .22s ease}.canvas-wrap-topview{cursor:-webkit-grab;cursor:grab;touch-action:none}.canvas-wrap-topview.is-panning{cursor:-webkit-grabbing;cursor:grabbing}.viewport.is-switching{border-color:rgba(31,122,88,.28);box-shadow:0 18px 46px rgba(31,122,88,.12)}.viewport.is-switching .canvas-wrap{opacity:.72;transform:scale(.985);filter:blur(3px) saturate(.92)}.viewport-controls{position:absolute;inset:0;z-index:4;pointer-events:none}.viewport-controls-group{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:6px;border-radius:999px;background:rgba(255,255,255,.88);border:1px solid rgba(15,23,42,.08);box-shadow:0 10px 22px rgba(15,23,42,.1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto}.viewport-top-toolbar{position:absolute;top:14px;left:14px;right:14px;gap:10px;z-index:12}.viewport-top-toolbar,.viewport-top-toolbar-actions{display:flex;align-items:flex-start;pointer-events:none}.viewport-top-toolbar-actions{margin-left:auto;justify-content:flex-end;gap:8px;flex-wrap:wrap;max-width:min(100%,480px)}.viewport-top-toolbar-actions>*{pointer-events:auto}.viewport-controls-mode{position:relative;top:auto;left:auto;pointer-events:auto}.viewport-controls-presentation{top:68px;left:14px;background:rgba(255,255,255,.8);box-shadow:0 8px 18px rgba(15,23,42,.08)}.viewport-controls-orientations{top:14px;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,max-content);grid-gap:6px 10px;gap:6px 10px}.viewport-controls-zoom{display:grid;grid-gap:8px;gap:8px}.viewport-controls-export,.viewport-controls-zoom{position:relative;top:auto;right:auto;padding:0;background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.viewport-controls-export{overflow:visible;z-index:12}.viewport-controls-dimensions{position:relative;top:auto;right:auto;padding:0;background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:visible;z-index:12}.viewport-controls-presets{right:88px;bottom:82px}.viewport-elevation-rail{top:132px;right:14px;bottom:96px;min-height:260px;justify-items:center;grid-gap:10px}.viewport-elevation-rail,.viewport-rotation-rail{display:grid;gap:10px;padding:0;background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.viewport-rotation-rail{left:14px;right:108px;bottom:14px;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:10px;min-height:54px}.stage-view-chip,.viewport-action-button,.viewport-icon-button,.viewport-rail-button{border:0;background:transparent;color:var(--muted);border-radius:999px;cursor:pointer;font-weight:700;transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.viewport-action-button,.viewport-icon-button{min-height:40px;padding:10px 14px;white-space:nowrap}.viewport-action-button.active{background:var(--accent);color:white;box-shadow:0 8px 18px rgba(31,122,88,.2)}.viewport-export-trigger.active,.viewport-icon-button.active{color:var(--accent);background:rgba(223,242,233,.98);box-shadow:0 10px 22px rgba(31,122,88,.16)}.stage-view-chip:hover,.viewport-action-button:hover,.viewport-icon-button:hover,.viewport-rail-button:hover{color:var(--text);background:rgba(16,24,40,.06)}.viewport-icon-button{width:46px;height:46px;min-width:46px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.92);border:1px solid rgba(15,23,42,.08);box-shadow:0 10px 22px rgba(15,23,42,.1)}.viewport-export-trigger{min-width:54px;padding:0 8px;align-items:center;justify-content:center;gap:6px;color:var(--text)}.viewport-dimensions-split,.viewport-export-trigger{min-height:46px;display:inline-flex;border:1px solid rgba(15,23,42,.08);border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(244,248,246,.94));box-shadow:0 12px 28px rgba(15,23,42,.11),inset 0 1px 0 rgba(255,255,255,.85)}.viewport-dimensions-split{align-items:stretch;overflow:hidden}.viewport-dimensions-split.active{box-shadow:0 14px 32px rgba(15,23,42,.12),0 6px 20px rgba(31,122,88,.09)}.viewport-dimensions-chevron-trigger,.viewport-dimensions-trigger{border:0;background:transparent;color:var(--text);cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease}.viewport-dimensions-trigger{min-width:124px;padding:0 12px 0 8px;display:inline-flex;align-items:center;gap:8px}.viewport-dimensions-chevron-trigger.active,.viewport-dimensions-trigger.active{background:rgba(223,242,233,.98);color:var(--accent)}.viewport-dimensions-chevron-trigger:hover,.viewport-dimensions-trigger:hover{background:rgba(16,24,40,.06)}.viewport-dimensions-chevron-trigger{width:38px;display:inline-flex;align-items:center;justify-content:center;border-left:1px solid rgba(15,23,42,.08)}.viewport-dimensions-label{font-size:.86rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.viewport-export-trigger:hover{transform:translateY(-1px);background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(237,246,241,.98));box-shadow:0 14px 32px rgba(15,23,42,.12),0 6px 20px rgba(31,122,88,.09)}.viewport-export-trigger-icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(180deg,rgba(31,122,88,.14),rgba(31,122,88,.08));color:var(--accent);flex:0 0 auto}.viewport-export-chevron{width:16px;height:16px;color:rgba(22,37,31,.56);transition:transform .18s ease,color .18s ease}.viewport-export-chevron.is-open{transform:rotate(180deg);color:var(--accent)}.viewport-button-icon{width:20px;height:20px}.viewport-export-menu{position:absolute;top:58px;right:0;width:min(312px,calc(100vw - 40px));display:grid;grid-gap:12px;gap:12px;padding:14px;border-radius:22px;background:radial-gradient(circle at top right,rgba(31,122,88,.08),transparent 28%),rgba(255,255,255,.97);border:1px solid rgba(15,23,42,.08);box-shadow:0 24px 46px rgba(15,23,42,.16),0 10px 22px rgba(31,122,88,.07);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:30}.viewport-dimensions-menu{right:0}.viewport-dimension-option{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border:1px solid rgba(15,23,42,.08);border-radius:16px;background:linear-gradient(180deg,rgba(249,251,250,.98),rgba(243,248,245,.96));color:var(--text);text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}.viewport-dimension-option:hover{transform:translateY(-1px);border-color:rgba(31,122,88,.24);background:linear-gradient(180deg,rgba(245,251,247,.99),rgba(236,247,241,.98));box-shadow:0 10px 20px rgba(31,122,88,.09)}.viewport-dimension-option.active{border-color:rgba(31,122,88,.28)}.viewport-dimension-checkbox{width:22px;height:22px;border-radius:999px;border:1px solid rgba(15,23,42,.14);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:white;font-size:.8rem;font-weight:800;background:rgba(255,255,255,.9)}.viewport-dimension-checkbox.checked{border-color:rgba(31,122,88,.3);background:var(--accent)}.viewport-export-menu-head{display:grid;grid-gap:4px;gap:4px;padding:2px 2px 0}.viewport-export-menu-head strong{font-size:.96rem;letter-spacing:-.01em}.viewport-export-menu-eyebrow{color:var(--accent);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.viewport-export-item{display:grid;grid-gap:6px;gap:6px}.viewport-export-option{display:grid;grid-gap:4px;gap:4px;width:100%;padding:13px 14px;border:1px solid rgba(15,23,42,.08);border-radius:16px;background:linear-gradient(180deg,rgba(249,251,250,.98),rgba(243,248,245,.96));color:var(--text);text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}.viewport-export-option strong{font-size:.92rem;letter-spacing:.06em;line-height:1.2;overflow-wrap:anywhere}.viewport-export-option-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap}.viewport-export-badge{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:0 8px;flex:0 0 auto;border-radius:999px;font-size:.67rem;font-style:normal;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.viewport-export-badge.is-actionable{background:rgba(31,122,88,.12);color:var(--accent)}.viewport-export-badge.is-disabled{background:rgba(183,121,31,.12);color:var(--warning)}.viewport-export-option span{color:var(--muted);font-size:.84rem;line-height:1.35;overflow-wrap:anywhere}.viewport-export-option:hover:not(:disabled){transform:translateY(-1px);border-color:rgba(31,122,88,.24);background:linear-gradient(180deg,rgba(245,251,247,.99),rgba(236,247,241,.98));box-shadow:0 10px 20px rgba(31,122,88,.09)}.viewport-export-option:disabled{opacity:.82;cursor:not-allowed}.viewport-export-error{padding:0 4px;color:var(--danger);font-size:.78rem;line-height:1.3}.viewport-export-warning{padding:0 4px;color:var(--warning);font-size:.78rem;line-height:1.3}.viewport-dimension-option:focus-visible,.viewport-dimensions-chevron-trigger:focus-visible,.viewport-dimensions-trigger:focus-visible,.viewport-export-option:focus-visible,.viewport-export-trigger:focus-visible,.viewport-icon-button:focus-visible{outline:2px solid rgba(31,122,88,.4);outline-offset:2px}.viewport-dimensions-overlay{position:absolute;inset:0;display:block;overflow:visible;pointer-events:none;z-index:2}.viewport-foundation-rect{vector-effect:non-scaling-stroke;shape-rendering:geometricPrecision}.viewport-foundation-plot{fill:rgba(217,218,210,.34);stroke:rgba(119,122,108,.9);stroke-width:1.4;stroke-dasharray:6 4}.viewport-foundation-slab{fill:rgba(235,234,226,.22);stroke:rgba(150,144,121,.9);stroke-width:1.6}.viewport-dimension-extension,.viewport-dimension-line,.viewport-dimension-tick{stroke:rgba(15,23,42,.84);stroke-width:1.4;vector-effect:non-scaling-stroke;shape-rendering:geometricPrecision}.viewport-dimension-extension{stroke:rgba(71,85,105,.72);stroke-dasharray:4 4}.viewport-dimension-label{fill:rgba(15,23,42,.92);font-size:11px;font-weight:800;letter-spacing:.08em;paint-order:stroke;stroke:rgba(255,255,255,.95);stroke-width:5px;stroke-linejoin:round}.viewport-rail-button{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;color:#305c8b;background:rgba(48,92,139,.1)}.viewport-rail-track-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.viewport-rail-track-wrapper-vertical{width:52px;min-height:188px}.viewport-rail-track-wrapper-horizontal{width:100%;min-width:180px;height:52px}.viewport-range-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;background:transparent}.viewport-range-slider:focus{outline:none}.viewport-range-slider-horizontal{width:100%;min-width:180px}.viewport-range-slider-vertical{width:188px;height:52px;transform:rotate(-90deg);transform-origin:center}.viewport-range-slider::-webkit-slider-runnable-track{height:14px;border-radius:999px;background:rgba(255,255,255,.96);box-shadow:inset 0 0 0 1px rgba(15,23,42,.05)}.viewport-range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:40px;height:40px;margin-top:-13px;border:0;border-radius:999px;background:linear-gradient(180deg,#5d8fd6,#3c6fc3);box-shadow:0 12px 24px rgba(60,111,195,.28);cursor:-webkit-grab;cursor:grab}.viewport-range-slider:active::-webkit-slider-thumb{cursor:-webkit-grabbing;cursor:grabbing}.viewport-range-slider::-moz-range-track{height:14px;border-radius:999px;background:rgba(255,255,255,.96);box-shadow:inset 0 0 0 1px rgba(15,23,42,.05)}.viewport-range-slider::-moz-range-thumb{width:40px;height:40px;border:0;border-radius:999px;background:linear-gradient(180deg,#5d8fd6,#3c6fc3);box-shadow:0 12px 24px rgba(60,111,195,.28);cursor:grab}.viewport-rotation-hint{position:absolute;left:50%;bottom:92px;z-index:3;display:grid;justify-items:center;grid-gap:8px;gap:8px;min-width:212px;padding:14px 18px;border-radius:24px;background:rgba(28,34,40,.86);color:#ffffff;box-shadow:0 16px 36px rgba(15,23,42,.2);transform:translateX(-50%);pointer-events:none;animation:viewport-rotation-hint-float 2.2s ease-in-out infinite}.viewport-rotation-hint span{font-size:.9rem;font-weight:700;letter-spacing:.01em;white-space:nowrap}.viewport-rotation-hint-graphic{width:86px;height:58px}.viewport-rotation-hint-text{fill:currentColor;font-size:14px;font-weight:800}@keyframes viewport-rotation-hint-float{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-4px)}}.viewport-switch-flash{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:radial-gradient(circle,rgba(255,255,255,.16),rgba(255,255,255,0));color:#0f172a;font-size:1rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;pointer-events:none;animation:viewport-switch-flash .28s ease}@keyframes viewport-switch-flash{0%{opacity:0;transform:scale(.96)}20%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.02)}}.demo-shell{min-height:100vh;display:grid;grid-template-columns:minmax(280px,360px) 1fr;align-items:start;grid-gap:24px;gap:24px;padding:24px}.demo-copy{display:grid;align-content:start;grid-gap:16px;gap:16px}.demo-copy h1{margin:0;font-family:IBM Plex Sans Condensed,Segoe UI,sans-serif;font-size:clamp(2.4rem,4vw,4rem);line-height:.92}.demo-stage{position:relative;min-height:680px;height:76vh;max-height:860px;overflow:hidden}.canvas-fallback,.demo-canvas{position:absolute;inset:0}.canvas-fallback{display:grid;align-content:center;justify-items:center;grid-gap:10px;gap:10px;padding:24px;text-align:center;background:linear-gradient(180deg,rgba(248,252,249,.96),rgba(228,239,231,.92));color:var(--text)}.canvas-fallback span{color:var(--muted);max-width:420px}.overlay{position:absolute;inset:0;pointer-events:none}.overlay.door-dragging{cursor:-webkit-grabbing;cursor:grabbing}.overlay-plan-svg{position:absolute;overflow:visible;pointer-events:none;z-index:1}.overlay-plan-frame-line{stroke:rgba(17,24,39,.72);stroke-width:1.4;stroke-linecap:round}.overlay-plan-frame-line.interior{stroke:rgba(71,85,105,.48);stroke-width:1.2}.overlay-plan-frame-line.wall-backed{opacity:0}.overlay-plan-frame-line.opening-backed{opacity:1;stroke:rgba(17,24,39,.96);stroke-width:1.9}.overlay-plan-frame-line.inactive-perimeter{stroke:rgba(71,85,105,.38);stroke-width:1.2;stroke-dasharray:7 6}.overlay-plan-wall-band{fill:rgba(255,255,255,.92);stroke:rgba(17,24,39,.96);stroke-width:1.9}.overlay-plate-symbol{position:absolute;pointer-events:none;z-index:2}.overlay-plate-symbol-image{width:100%;height:100%;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 1px 0 rgba(255,255,255,.4))}.overlay-door-tip{top:108px;display:grid;grid-gap:2px;gap:2px;min-width:min(360px,calc(100% - 32px));padding:10px 14px;border-radius:16px;border:1px solid rgba(17,93,65,.18);background:rgba(248,255,251,.96);box-shadow:0 12px 30px rgba(16,65,46,.12);z-index:6}.overlay-door-tip,.overlay-workshop-banner{position:absolute;left:50%;transform:translateX(-50%);color:#14532d;text-align:center}.overlay-workshop-banner{top:18px;display:flex;align-items:center;justify-content:center;width:min(520px,calc(100% - 32px));min-height:52px;padding:12px 16px;border-radius:18px;border:1px solid rgba(17,93,65,.12);background:rgba(248,255,251,.94);box-shadow:0 10px 24px rgba(16,65,46,.1);z-index:8}.overlay-workshop-banner strong{font-size:.94rem;letter-spacing:.01em}.overlay-inline-feedback{position:absolute;left:24px;right:24px;top:102px;z-index:8;pointer-events:auto}.overlay-door-tip strong{font-size:.84rem;letter-spacing:.02em;text-transform:uppercase}.overlay-door-tip span{font-size:.82rem}.overlay-drag-badge{position:fixed;transform:translate(18px,-12px);display:grid;grid-gap:2px;gap:2px;padding:10px 12px;border-radius:14px;border:1px solid rgba(17,93,65,.22);background:rgba(20,83,45,.96);box-shadow:0 16px 30px rgba(16,65,46,.22);color:white;z-index:999;white-space:nowrap}.overlay-drag-badge strong{font-size:.8rem;letter-spacing:.02em;text-transform:uppercase}.overlay-drag-badge span{font-size:.78rem;opacity:.88}.overlay-segment-menu{position:absolute;transform:translate(-50%,-100%);display:grid;grid-gap:12px;gap:12px;width:min(320px,calc(100vw - 48px));padding:14px;border-radius:22px;border:1px solid rgba(17,93,65,.12);background:rgba(255,255,255,.98);box-shadow:0 18px 44px rgba(15,23,42,.18);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;z-index:10}.overlay-segment-menu-head{display:grid;grid-gap:3px;gap:3px;text-align:left}.overlay-segment-menu-head strong{font-size:.84rem;letter-spacing:.04em;text-transform:uppercase;color:#14532d}.overlay-segment-menu-head span{font-size:.92rem;font-weight:600;color:#334155}.overlay-segment-menu-actions{display:grid;grid-gap:8px;gap:8px}.overlay-segment-action{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border:1px solid rgba(15,23,42,.08);border-radius:16px;background:rgba(248,250,252,.88);color:#0f172a;cursor:pointer;text-align:left;font-size:.92rem;font-weight:700;transition:transform .12s ease,border-color .12s ease,background .12s ease,box-shadow .12s ease}.overlay-segment-action:hover{transform:translateY(-1px);border-color:rgba(17,93,65,.22);background:rgba(243,248,245,.98);box-shadow:0 10px 24px rgba(15,23,42,.08)}.overlay-segment-action.danger{color:#9f1239;background:rgba(255,241,242,.92);border-color:rgba(190,24,93,.12)}.overlay-segment-action.danger:hover{border-color:rgba(190,24,93,.22);background:rgba(255,228,233,.96)}.segment-action-icon{width:18px;height:18px;flex:0 0 18px}.overlay-bottom-dock{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:grid;grid-gap:8px;gap:8px;justify-items:center;width:min(460px,calc(100% - 32px));pointer-events:none;z-index:8}.overlay-dock-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;width:min(100%,360px);padding:0 18px;border:1px solid rgba(17,93,65,.14);border-radius:999px;background:rgba(255,255,255,.96);box-shadow:0 14px 34px rgba(15,23,42,.14);color:#14532d;cursor:pointer;font-size:.92rem;font-weight:800;pointer-events:auto;transition:transform .12s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease}.overlay-dock-button:hover{transform:translateY(-1px);border-color:rgba(17,93,65,.24);background:rgba(248,255,251,.98)}.overlay-dock-button.active{border-color:rgba(17,93,65,.3);background:rgba(22,101,52,.96);box-shadow:0 18px 38px rgba(16,65,46,.2);color:white}.overlay-dock-hint{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.9);color:#475569;font-size:.78rem;font-weight:600;pointer-events:none}.slot-hitbox{position:absolute;border:0;background:transparent;color:#0f5134;pointer-events:auto;cursor:pointer;overflow:visible;transition:transform .12s ease,filter .12s ease;z-index:3}.slot-hitbox.door{cursor:-webkit-grab;cursor:grab}.slot-hitbox.drag-source{cursor:-webkit-grabbing;cursor:grabbing;z-index:4}.slot-hitbox.drag-source .slot-door-glyph,.slot-hitbox.drag-source .slot-door-symbol,.slot-hitbox.drag-source .slot-door-target-hint{opacity:.28}.slot-hitbox:before{content:"";position:absolute;inset:0;border-radius:14px;border:2px dashed transparent;background:transparent;box-shadow:none;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease,transform .12s ease}.slot-hitbox.horizontal:after,.slot-hitbox.vertical:after{content:"";position:absolute;border-radius:999px;background:transparent;opacity:0;transition:opacity .12s ease,background .12s ease,box-shadow .12s ease}.slot-hitbox.horizontal:after{left:10px;right:10px;top:50%;height:clamp(8px,18%,14px);transform:translateY(-50%)}.slot-hitbox.vertical:after{top:10px;bottom:10px;left:50%;width:clamp(8px,18%,14px);transform:translateX(-50%)}.slot-hitbox:hover{filter:saturate(1.08)}.slot-hitbox:hover:before{border-color:rgba(31,122,88,.52);background:rgba(31,122,88,.04);box-shadow:0 0 0 1px rgba(31,122,88,.08)}.slot-hitbox.active{transform:none}.slot-hitbox.active:before{border-color:transparent;background:transparent;box-shadow:none}.slot-hitbox.active:after{opacity:0}.slot-hitbox.door{transform:none}.slot-hitbox.door:before{border-style:solid;border-color:rgba(22,123,87,.18);background:rgba(22,123,87,.04);box-shadow:none}.slot-hitbox.door:after{opacity:0}.slot-hitbox.selected-door:before{border-color:rgba(19,126,79,.95);background:rgba(22,163,74,.06);box-shadow:0 0 0 2px rgba(26,173,116,.12)}.slot-hitbox.move-target:before{border-color:rgba(24,132,89,.98);background:rgba(57,194,132,.14);box-shadow:0 0 0 3px rgba(57,194,132,.12)}.slot-hitbox.preview-door:before{border-style:solid;border-color:rgba(16,185,129,.98);background:rgba(209,250,229,.28);box-shadow:0 0 0 4px rgba(16,185,129,.14)}.slot-hitbox.preview-door .slot-door-symbol{opacity:.96;filter:drop-shadow(0 8px 14px rgba(15,23,42,.12))}.slot-hitbox.drag-source:before{border-color:rgba(21,128,61,1);background:rgba(34,197,94,.08);box-shadow:0 0 0 4px rgba(34,197,94,.16)}.slot-hitbox.inactive:after{opacity:0}.slot-hitbox.quick-wall-target:not(.door):before{border-color:rgba(31,122,88,.28);background:rgba(31,122,88,.05);box-shadow:0 0 0 2px rgba(31,122,88,.08)}.slot-hitbox.quick-wall-target:not(.door):hover:before{border-color:rgba(31,122,88,.42);background:rgba(31,122,88,.08)}.slot-hitbox.active-segment:before{border-color:rgba(17,93,65,.92);background:rgba(220,252,231,.18);box-shadow:0 0 0 4px rgba(22,163,74,.12)}.slot-door-symbol{position:absolute;pointer-events:none;z-index:4}.slot-door-symbol.preview{opacity:.97}.slot-door-symbol-image{width:100%;height:100%;object-fit:contain;transform-origin:top left;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.slot-door-target-hint{position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);padding:4px 8px;border-radius:999px;background:rgba(21,128,61,.96);color:white;font-size:.7rem;font-weight:700;white-space:nowrap;pointer-events:none}.inline-feedback{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;border:1px solid var(--border);background:rgba(255,255,255,.88);font-size:.92rem}.inline-feedback.info{border-color:rgba(29,122,87,.18);color:#155e42;background:rgba(231,248,240,.94)}.inline-feedback.error{border-color:rgba(190,24,93,.18);color:#9f1239;background:rgba(255,241,242,.96)}.inline-feedback-dismiss{border:0;background:transparent;color:inherit;cursor:pointer;font-weight:700}.closures-workshop-card{display:flex;align-items:center;min-height:72px;padding:18px 20px;border-radius:20px;border:1px solid rgba(31,122,88,.14);background:linear-gradient(180deg,rgba(244,251,247,.98),rgba(232,245,238,.96))}.closures-workshop-card strong{font-size:1.04rem;color:#14532d}@keyframes slotHintPulse{0%,to{box-shadow:0 0 0 0 rgba(31,122,88,.08)}50%{box-shadow:0 0 0 4px rgba(31,122,88,.14)}}.selected-door-card{display:grid;grid-gap:6px;gap:6px;padding:14px 16px;border-radius:18px;border:1px solid rgba(22,123,87,.16);background:rgba(236,252,244,.88)}.selected-door-card strong{color:#14532d}.selected-door-card small,.selected-door-card span{color:#166534}@media (max-width:720px){.overlay-workshop-banner{width:min(320px,calc(100% - 24px));top:12px;padding:10px 12px}.overlay-workshop-banner strong{font-size:.8rem}.overlay-workshop-banner span{font-size:.76rem}.overlay-inline-feedback{left:12px;right:12px;top:88px}.overlay-segment-menu{width:min(280px,calc(100vw - 24px));gap:10px;padding:12px}.overlay-segment-action{padding:11px 12px;font-size:.88rem}.overlay-bottom-dock{bottom:14px;width:calc(100% - 24px)}.overlay-dock-button{width:100%;min-height:48px;padding:0 14px;font-size:.86rem}.overlay-dock-hint{max-width:100%;font-size:.74rem;text-align:center}}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.summary-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:12px 14px;border-radius:18px;border:1px solid var(--border);background:rgba(255,255,255,.84);min-width:0}.metric strong{display:block;font-size:1.05rem;margin-top:4px}.issues{display:grid;grid-gap:8px;gap:8px}.stage-issues{width:min(440px,100%)}.issue{border-radius:14px;padding:10px 12px;font-size:.92rem;border:1px solid transparent}.issue.error{background:rgba(207,63,63,.1);color:#8f1e1e}.issue.warning{background:rgba(183,121,31,.12);color:#6f4a0c}.issue-button{width:100%;text-align:left;cursor:pointer}.stack-list{display:grid;grid-gap:8px;gap:8px}.nudge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}@media (min-width:861px){body,html{height:100%;overflow:hidden}.shell{height:100vh;min-height:0;align-items:stretch;overflow:hidden}.sidebar{height:100%;overflow:hidden}.inspector-layout{min-height:0;overflow:hidden}.inspector-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:6px}.stage{height:100%;grid-template-rows:auto minmax(0,1fr) auto}.stage-head{align-items:start}.stage-head>*{min-width:0}.viewport{min-height:0}.stage-foot{align-items:end;flex-wrap:wrap}.summary-grid{flex:1 1 480px}.stage-issues{flex:1 1 280px;width:auto}}@media (max-width:1120px){.demo-shell,.shell{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.option-grid--cladding{grid-template-columns:1fr}.inspector-layout{height:auto}.inspector-footer{position:static;flex-direction:column;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.viewport-controls-orientations{top:72px;left:50%;right:auto;transform:translateX(-50%);grid-template-columns:repeat(2,minmax(0,max-content))}.viewport-controls-presentation{top:14px;left:152px}.viewport-elevation-rail{top:124px;bottom:92px;min-height:220px}.viewport-rotation-rail{right:92px}.viewport-controls-presets{right:76px}}@media (max-width:720px){.shell{padding:12px}.summary-grid{grid-template-columns:1fr}.row,.section-head,.stage-foot,.stage-head,.stepper-head{flex-direction:column;align-items:stretch}.stage-heading-line{align-items:flex-start}.stage-debug-popover{left:0;right:auto;width:min(100%,calc(100vw - 40px))}.inspector-intro-head{flex-direction:column;align-items:stretch}.inspector-share-button{width:100%;justify-content:center}.structure-ral-picker-grid{grid-template-columns:1fr;max-height:320px}.list-row,.step-card{align-items:flex-start}.viewport-top-toolbar{top:12px;left:12px;right:12px;flex-wrap:wrap;gap:8px}.viewport-top-toolbar-actions{width:100%;max-width:none;justify-content:flex-end}.viewport-controls-presentation{top:160px;left:12px}.viewport-export-menu{top:54px;width:min(292px,calc(100vw - 28px));padding:12px}.viewport-dimensions-trigger{min-width:112px}.viewport-export-menu-head strong{font-size:.92rem}.viewport-export-option{padding:12px}.viewport-export-option strong{font-size:.88rem;letter-spacing:.04em}.viewport-controls-zoom{gap:6px}.viewport-controls-orientations{top:64px;left:50%;right:auto;transform:translateX(-50%);width:min(220px,calc(100% - 96px));gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.viewport-action-button,.viewport-icon-button{min-height:38px;padding:9px 12px}.viewport-controls-presets{left:50%;right:auto;transform:translateX(-50%);bottom:58px}.viewport-elevation-rail{top:auto;right:12px;bottom:74px;min-height:156px}.viewport-rotation-rail{left:12px;right:12px;bottom:12px;min-height:48px;gap:8px}.viewport-rail-button{width:38px;height:38px}.viewport-range-slider-horizontal{min-width:120px}.viewport-range-slider-vertical{width:132px}.viewport-rotation-hint{bottom:70px;min-width:188px;padding:12px 14px}.viewport-rotation-hint span{font-size:.82rem}.phase-nav{gap:6px;justify-content:flex-start;padding-bottom:12px}.phase-nav:before{left:20px;right:20px}.phase-card{min-height:48px}.phase-card.active{max-width:min(100%,220px)}.phase-index{width:clamp(34px,8vw,40px);height:clamp(34px,8vw,40px);font-size:.9rem}.phase-copy{padding:0 12px 0 10px}.phase-copy strong{font-size:.86rem}.phase-card:not(.active){width:42px}}@media (max-width:560px){.viewport-top-toolbar-actions{justify-content:space-between}.viewport-controls-orientations{top:118px;width:min(220px,calc(100% - 120px))}.viewport-controls-presentation{top:206px}.viewport-dimensions-trigger{min-width:0;padding-right:10px}.viewport-dimensions-label{font-size:.8rem;letter-spacing:.03em}.viewport-controls-dimensions .viewport-export-menu,.viewport-controls-export .viewport-export-menu{right:0;width:min(288px,calc(100vw - 24px))}}.ux-lab-page{height:100vh;min-height:100vh;overflow-y:auto;overscroll-behavior:contain;padding:40px 28px 56px;background:radial-gradient(circle at top left,rgba(110,153,124,.14),transparent 28%),linear-gradient(180deg,#f6f4ef,#eef3ef);color:#173229}.ux-lab-shell{max-width:1480px;margin:0 auto}.ux-lab-header{max-width:760px;margin-bottom:32px}.ux-lab-subsection{margin-top:52px}.ux-lab-tag{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:rgba(31,84,59,.1);color:#2d6d4d;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ux-lab-header h1{margin:14px 0 10px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.02}.ux-lab-header p{margin:0;max-width:64ch;color:#4f665d;font-size:1rem;line-height:1.65}.ux-lab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:24px;gap:24px;align-items:start}.ux-lab-variant{display:grid;grid-gap:18px;gap:18px}.ux-lab-variant-head{padding:0 6px}.ux-lab-kicker{display:inline-flex;margin-bottom:10px;color:#578168;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ux-lab-variant-head h2{margin:0 0 8px;font-size:1.35rem;line-height:1.15}.ux-lab-variant-head p{margin:0;color:#597067;line-height:1.55}.ux-lab-panel{padding:24px;border:1px solid rgba(31,84,59,.11);border-radius:28px;background:rgba(255,255,255,.84);box-shadow:0 24px 60px rgba(38,56,47,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.ux-lab-brand{margin-bottom:12px;color:#6b8378;font-size:.84rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.ux-lab-title{margin:0 0 22px;font-size:1.85rem;line-height:1.05}.ux-lab-horizontal-timeline,.ux-lab-linked-steps,.ux-lab-segmented-shell{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;align-items:stretch}.ux-lab-linked-line{position:absolute;top:50%;left:18%;right:18%;height:4px;border-radius:999px;background:linear-gradient(90deg,#2d6d4d,#8eb99c);transform:translateY(-50%)}.ux-lab-linked-card{position:relative;z-index:1;display:grid;grid-gap:14px;gap:14px;align-content:start;min-height:214px;padding:22px;border:1px solid #dfebe2;border-radius:26px;background:rgba(250,252,251,.96);box-shadow:0 10px 24px rgba(26,49,38,.05)}.ux-lab-linked-card.active{border-color:rgba(45,109,77,.34);background:linear-gradient(180deg,#eff8f2,#f8fbf9);box-shadow:0 18px 34px rgba(45,109,77,.12);transform:translateY(-4px)}.ux-lab-linked-number,.ux-lab-segment-index,.ux-lab-timeline-node{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;font-size:1rem;font-weight:800}.ux-lab-linked-number{background:#e6efe9;color:#2d6d4d}.ux-lab-linked-card.active .ux-lab-linked-number{background:#2d6d4d;color:#fff}.ux-lab-linked-copy,.ux-lab-timeline-copy{display:grid;grid-gap:6px;gap:6px}.ux-lab-linked-copy strong,.ux-lab-segment strong,.ux-lab-timeline-copy strong{font-size:1.26rem;line-height:1.12}.ux-lab-linked-copy p,.ux-lab-segment p,.ux-lab-timeline-copy p{margin:0;color:#5d756b;line-height:1.5}.ux-lab-segmented-shell{gap:0;padding:8px;border-radius:30px;background:linear-gradient(180deg,#edf4ef,#e5eee8);border:1px solid rgba(31,84,59,.12)}.ux-lab-segment{display:grid;grid-gap:10px;gap:10px;align-content:start;min-height:226px;padding:20px 18px;border-radius:24px;background:transparent;transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.ux-lab-segment.active{background:linear-gradient(180deg,#2d6d4d,#4d8966);box-shadow:0 16px 32px rgba(31,84,59,.22);transform:translateY(-2px)}.ux-lab-segment.active .ux-lab-segment-index,.ux-lab-segment.active .ux-lab-step-phase,.ux-lab-segment.active p,.ux-lab-segment.active strong{color:#fff}.ux-lab-segment-top{display:flex;align-items:center;gap:10px}.ux-lab-segment-index{background:rgba(255,255,255,.72);color:#2d6d4d}.ux-lab-segment:not(.active) .ux-lab-segment-index{background:#dce8e0}.ux-lab-horizontal-timeline{gap:22px;padding-top:20px}.ux-lab-horizontal-rail{position:absolute;top:41px;left:18%;right:18%;height:4px;border-radius:999px;background:#d9e7de}.ux-lab-horizontal-rail-fill{display:block;width:50%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2d6d4d,#72ae85)}.ux-lab-timeline-step{position:relative;z-index:1;display:grid;justify-items:center;grid-gap:14px;gap:14px;text-align:center}.ux-lab-timeline-node{background:#fff;border:4px solid #d6e4dc;color:#527565}.ux-lab-timeline-step.active .ux-lab-timeline-node{border-color:#2d6d4d;background:#2d6d4d;color:#fff;box-shadow:0 10px 24px rgba(45,109,77,.18)}.ux-lab-timeline-copy{min-height:170px;padding:18px 16px;border-radius:22px;border:1px solid #dfebe2;background:rgba(250,252,251,.94)}.ux-lab-timeline-step.active .ux-lab-timeline-copy{border-color:rgba(45,109,77,.34);background:linear-gradient(180deg,#eff8f2,#f8fbf9);box-shadow:0 16px 32px rgba(45,109,77,.12)}.ux-lab-type-grid,.ux-lab-type-journey,.ux-lab-type-toggle{display:grid;grid-gap:14px;gap:14px}.ux-lab-type-card,.ux-lab-type-pill,.ux-lab-type-stage{display:grid;grid-gap:8px;gap:8px;padding:18px;border-radius:20px;border:1px solid #dfebe2;background:rgba(250,252,251,.96)}.ux-lab-type-card.active,.ux-lab-type-pill.active,.ux-lab-type-stage.active{border-color:rgba(45,109,77,.34);background:linear-gradient(180deg,#eff8f2,#f8fbf9);box-shadow:0 14px 28px rgba(45,109,77,.12)}.ux-lab-type-card strong,.ux-lab-type-pill strong,.ux-lab-type-stage strong{font-size:1.18rem;line-height:1.1}.ux-lab-type-card p,.ux-lab-type-pill p,.ux-lab-type-stage p{margin:0;color:#5d756b;line-height:1.45}.ux-lab-type-caption{color:#618071;font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ux-lab-shelter-mini{position:relative;width:140px;height:108px;margin-bottom:6px}.ux-lab-shelter-roof{position:absolute;top:6px;left:22px;width:82px;height:52px;border:3px solid #64717a;border-radius:10px;background:linear-gradient(180deg,#88939b,#6a757d);transform:skew(-22deg);box-shadow:0 10px 18px rgba(42,58,47,.16)}.ux-lab-shelter-post{position:absolute;width:5px;height:34px;border-radius:999px;background:#6d7479}.ux-lab-shelter-post-back-left{top:38px;left:31px}.ux-lab-shelter-post-back-right{top:38px;left:95px}.ux-lab-shelter-post-front-left{top:58px;left:17px}.ux-lab-shelter-post-front-right{top:58px;left:81px}.ux-lab-shelter-wall{position:absolute;border-radius:999px}.ux-lab-shelter-wall.active{background:linear-gradient(180deg,#2d6d4d,#4d8966);box-shadow:0 6px 12px rgba(45,109,77,.18)}.ux-lab-shelter-wall.ghost{background:transparent;border:2px dashed rgba(112,140,125,.45)}.ux-lab-shelter-wall-back{top:33px;left:34px;width:64px;height:6px;transform:skew(-22deg)}.ux-lab-shelter-wall-front{top:87px;left:17px;width:66px;height:6px}.ux-lab-shelter-wall-left{left:24px}.ux-lab-shelter-wall-left,.ux-lab-shelter-wall-right{top:43px;width:6px;height:48px;transform:skewY(-24deg)}.ux-lab-shelter-wall-right{left:88px}.ux-lab-shelter-mini.mixed .ux-lab-shelter-wall.ghost{border-color:rgba(115,126,196,.5)}.ux-lab-type-toggle{grid-template-columns:repeat(3,minmax(0,1fr));padding:8px;border-radius:24px;border:1px solid rgba(31,84,59,.12);background:linear-gradient(180deg,#edf4ef,#e5eee8)}.ux-lab-type-pill{min-height:148px;border:0;background:transparent}.ux-lab-type-pill.active{background:linear-gradient(180deg,#2d6d4d,#4d8966);box-shadow:0 16px 32px rgba(31,84,59,.22)}.ux-lab-type-pill.active p,.ux-lab-type-pill.active strong{color:#fff}.ux-lab-type-journey{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.ux-lab-type-stage{position:relative;min-height:170px;text-align:center;justify-items:center;align-content:start}.ux-lab-type-stage-level{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#e6efe9;color:#2d6d4d;font-weight:800}.ux-lab-type-stage.active .ux-lab-type-stage-level{background:#2d6d4d;color:#fff}.ux-lab-steps-rail{position:relative;height:6px;margin-bottom:18px;border-radius:999px;background:#dbe8df;overflow:hidden}.ux-lab-steps-rail-fill{display:block;width:50%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2d6d4d,#67a87e)}.ux-lab-step-stack{display:grid;grid-gap:14px;gap:14px}.ux-lab-step-card{display:grid;grid-template-columns:auto 1fr auto;grid-gap:14px;gap:14px;align-items:center;width:100%;padding:18px;border:1px solid #e3ebe5;border-radius:22px;background:#f8fbf9}.ux-lab-step-card.active{border-color:rgba(45,109,77,.28);background:linear-gradient(180deg,rgba(231,243,235,.95),rgba(247,252,249,.98));box-shadow:0 14px 28px rgba(45,109,77,.1)}.ux-lab-step-index{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#e7efe9;color:#295d43;font-weight:800}.ux-lab-step-card.active .ux-lab-step-index{background:#2d6d4d;color:#fff}.ux-lab-step-copy{display:grid;grid-gap:4px;gap:4px;text-align:left}.ux-lab-step-phase{color:#5f7a6e;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ux-lab-step-copy strong{font-size:1.2rem}.ux-lab-step-copy p{margin:0;color:#5d756b;line-height:1.45}.ux-lab-step-state{display:inline-flex;align-items:center;align-self:start;padding:7px 11px;border-radius:999px;background:#edf3ef;color:#5c766a;font-size:.78rem;font-weight:700}.ux-lab-step-card.active .ux-lab-step-state{background:rgba(45,109,77,.12);color:#2d6d4d}.ux-lab-focus-card,.ux-lab-secondary-card{display:grid;grid-gap:8px;gap:8px;padding:22px;border-radius:24px;border:1px solid #dfebe2}.ux-lab-focus-card{margin-bottom:16px;background:linear-gradient(180deg,#eff8f2,#f8fbf9);border-color:rgba(45,109,77,.28);box-shadow:0 16px 34px rgba(45,109,77,.1)}.ux-lab-secondary-card{background:#fafcfb}.ux-lab-focus-label{display:inline-flex;width:-moz-fit-content;width:fit-content;padding:6px 10px;border-radius:999px;background:rgba(45,109,77,.1);color:#2d6d4d;font-size:.78rem;letter-spacing:.08em}.ux-lab-focus-label,.ux-lab-focus-phase{font-weight:800;text-transform:uppercase}.ux-lab-focus-phase{color:#5f7a6e;font-size:.88rem;letter-spacing:.07em}.ux-lab-focus-card strong,.ux-lab-secondary-card strong{font-size:1.45rem;line-height:1.1}.ux-lab-focus-card p,.ux-lab-secondary-card p{margin:0;color:#5c746a;line-height:1.5}.ux-lab-journey{position:relative;display:grid;grid-gap:18px;gap:18px;padding-left:6px}.ux-lab-journey:before{content:"";position:absolute;top:10px;left:13px;width:2px;height:calc(100% - 20px);background:linear-gradient(180deg,#2d6d4d,#d4e4d9)}.ux-lab-journey-step{position:relative;display:grid;grid-template-columns:auto 1fr;grid-gap:16px;gap:16px;align-items:start}.ux-lab-journey-dot{position:relative;z-index:1;width:18px;height:18px;margin-top:6px;border:4px solid #d3e2d8;border-radius:50%;background:#fff}.ux-lab-journey-step.active .ux-lab-journey-dot{border-color:#2d6d4d;background:#2d6d4d}.ux-lab-journey-copy{padding:18px 18px 18px 20px;border:1px solid #dfebe2;border-radius:22px;background:#fafcfb}.ux-lab-journey-step.active .ux-lab-journey-copy{border-color:rgba(45,109,77,.28);background:linear-gradient(180deg,#eff8f2,#f8fbf9);box-shadow:0 16px 34px rgba(45,109,77,.1)}.ux-lab-journey-copy strong{display:block;margin:4px 0 6px;font-size:1.2rem}.ux-lab-journey-copy p{margin:0;color:#5d756b;line-height:1.5}@media (max-width:1200px){.ux-lab-grid{grid-template-columns:1fr}}@media (max-width:720px){.ux-lab-page{padding:28px 18px 42px}.ux-lab-panel{padding:20px;border-radius:22px}.ux-lab-title{font-size:1.55rem}.ux-lab-horizontal-timeline,.ux-lab-linked-steps,.ux-lab-segmented-shell,.ux-lab-type-journey,.ux-lab-type-toggle{grid-template-columns:1fr}.ux-lab-horizontal-rail,.ux-lab-linked-line{display:none}.ux-lab-linked-card,.ux-lab-segment,.ux-lab-timeline-copy{min-height:auto}}.ux-board-page{min-height:100vh;padding:40px 28px 64px;background:radial-gradient(circle at top left,rgba(214,236,223,.8),transparent 26%),linear-gradient(180deg,#f7f6f1,#edf3ef);color:#173229}.ux-board-shell{max-width:1480px;margin:0 auto}.ux-board-header{max-width:780px;margin-bottom:34px}.ux-board-tag{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:rgba(31,84,59,.1);color:#2d6d4d;font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ux-board-header h1{margin:14px 0 10px;font-size:clamp(2.2rem,4vw,3.35rem);line-height:.98}.ux-board-header p{margin:0;color:#4e665c;line-height:1.65}.ux-board-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:24px;gap:24px;align-items:start}.ux-board{display:grid;grid-gap:18px;gap:18px}.ux-board-meta{padding:0 6px}.ux-board-label{display:inline-flex;margin-bottom:10px;color:#5b836a;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ux-board-meta h2{margin:0 0 8px;font-size:1.4rem;line-height:1.12}.ux-board-meta p{margin:0;color:#5f756c;line-height:1.55}.ux-board-panel{display:grid;grid-gap:24px;gap:24px;padding:24px;border-radius:30px;border:1px solid rgba(31,84,59,.11);background:rgba(255,255,255,.84);box-shadow:0 24px 56px rgba(32,49,40,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.ux-board-brand{color:#6b8378;font-size:.84rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.ux-board-panel h3{margin:-12px 0 0;font-size:1.85rem;line-height:1.03}.ux-board-section{display:grid;grid-gap:14px;gap:14px}.ux-board-section-kicker{color:#5f7a6e;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ux-board-stepper.a,.ux-board-stepper.b{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.ux-board-stepper.b .ux-board-rail{position:absolute;top:44px;left:18%;right:18%;height:4px;border-radius:999px;background:linear-gradient(90deg,rgba(45,109,77,.94),rgba(45,109,77,.18))}.ux-board-step{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;grid-gap:12px;gap:12px;align-items:center;min-height:110px;padding:18px;border:1px solid #dfe9e2;border-radius:24px;background:rgba(249,252,250,.96);box-shadow:0 8px 18px rgba(28,47,37,.05)}.ux-board-step.active{transform:translateY(-3px);border-color:rgba(45,109,77,.28);background:linear-gradient(180deg,#edf8f1,#f7fbf8);box-shadow:0 18px 32px rgba(45,109,77,.12)}.ux-board-step-index{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#e6efe9;color:#2d6d4d;font-size:1rem;font-weight:800;flex-shrink:0}.ux-board-segment.active .ux-board-step-index,.ux-board-step.active .ux-board-step-index{background:#2d6d4d;color:#fff}.ux-board-segment strong,.ux-board-step strong{font-size:1.18rem;line-height:1.08}.ux-board-stepper.c{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;padding:8px;border-radius:26px;border:1px solid rgba(31,84,59,.12);background:linear-gradient(180deg,#edf4ef,#e5eee8)}.ux-board-segment{display:flex;align-items:center;gap:12px;min-height:92px;padding:14px 16px;border:0;border-radius:20px;background:transparent;color:inherit;text-align:left}.ux-board-segment.active{background:linear-gradient(180deg,#2d6d4d,#4b8965);color:#fff;box-shadow:0 16px 28px rgba(31,84,59,.22)}.ux-board-type-grid{display:grid;grid-gap:14px;gap:14px}.ux-board-type-grid.cards,.ux-board-type-grid.showcase,.ux-board-type-grid.strip{grid-template-columns:repeat(3,minmax(0,1fr))}.ux-board-type-grid.strip{padding:8px;border-radius:26px;border:1px solid rgba(31,84,59,.12);background:linear-gradient(180deg,#edf4ef,#e5eee8)}.ux-board-type-card{display:grid;grid-gap:10px;gap:10px;justify-items:start;min-height:220px;padding:18px;border-radius:24px;border:1px solid #dfebe2;background:rgba(250,252,251,.96);box-shadow:0 8px 18px rgba(28,47,37,.05)}.ux-board-type-grid.strip .ux-board-type-card{border:0;background:transparent;box-shadow:none}.ux-board-type-card.active{transform:translateY(-3px);border-color:rgba(45,109,77,.28);background:linear-gradient(180deg,#edf8f1,#f7fbf8);box-shadow:0 18px 32px rgba(45,109,77,.12)}.ux-board-type-grid.strip .ux-board-type-card.active{background:linear-gradient(180deg,#2d6d4d,#4b8965);box-shadow:0 16px 28px rgba(31,84,59,.22)}.ux-board-type-grid.showcase .ux-board-type-card{justify-items:center;text-align:center}.ux-board-type-card strong{font-size:1.18rem;line-height:1.1}.ux-board-type-note{color:#608071;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ux-board-type-grid.strip .ux-board-type-card.active .ux-board-type-note,.ux-board-type-grid.strip .ux-board-type-card.active strong{color:#fff}.ux-board-figure{width:148px;height:auto}.ux-board-post{stroke:#616e76;stroke-width:5;stroke-linecap:round}.ux-board-edge{stroke:rgba(116,145,130,.45);stroke-width:4;stroke-linecap:round;stroke-dasharray:6 6}.ux-board-edge.active{stroke:#3f7f5e;stroke-dasharray:none}@media (max-width:1280px){.ux-board-grid{grid-template-columns:1fr}}@media (max-width:720px){.ux-board-page{padding:28px 18px 42px}.ux-board-panel{padding:20px;border-radius:24px}.ux-board-panel h3{font-size:1.55rem}.ux-board-stepper.a,.ux-board-stepper.b,.ux-board-stepper.c,.ux-board-type-grid.cards,.ux-board-type-grid.showcase,.ux-board-type-grid.strip{grid-template-columns:1fr}.ux-board-stepper.b .ux-board-rail{display:none}}.uxv2-page{position:fixed;inset:0;height:100dvh;padding:48px 28px 72px;background:radial-gradient(circle at top left,rgba(183,211,191,.2),transparent 30%),linear-gradient(180deg,#f6f3ea,#f4f6f1);color:#173228;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.uxv2-shell{display:grid;grid-gap:20px;gap:20px;max-width:860px;margin:0 auto}.uxv2-header{display:grid;grid-gap:10px;gap:10px;max-width:760px}.uxv2-tag{display:inline-flex;width:-moz-fit-content;width:fit-content;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(77,126,100,.12);color:#3e6b54;font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.uxv2-header h1{margin:0;font-size:clamp(2.4rem,4vw,4rem);line-height:.96;letter-spacing:-.05em}.uxv2-header p{margin:0;max-width:650px;color:#587263;font-size:1.02rem;line-height:1.6}.uxv2-grid{display:grid;grid-template-columns:1fr;grid-gap:28px;gap:28px;align-items:start}.uxv2-card{display:grid;grid-gap:10px;gap:10px}.uxv2-card-head{display:block}.uxv2-card-label{color:#4d7d64;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.uxv2-panel{display:grid;grid-gap:22px;gap:22px;padding:28px;border-radius:30px;border:1px solid rgba(28,62,45,.08);background:rgba(255,255,255,.88);box-shadow:0 26px 50px rgba(24,41,30,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.uxv2-brand{color:#769082;font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.uxv2-panel h3{margin:-10px 0 0;font-size:1.9rem;line-height:1.02;letter-spacing:-.04em}.uxv2-section{display:grid;grid-gap:12px;gap:12px}.uxv2-section-label{color:#668071;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.uxv2-steps{position:relative}.uxv2-steps.bridge,.uxv2-steps.capsule,.uxv2-steps.rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.uxv2-step{position:relative;z-index:1;display:flex;align-items:center;gap:12px;min-height:92px;padding:16px 18px;border-radius:24px;border:1px solid rgba(97,130,110,.18);background:#fcfdfb;box-shadow:0 8px 16px rgba(24,41,30,.05);text-align:left}.uxv2-step strong{font-size:1.1rem;line-height:1.08}.uxv2-step.active{border-color:rgba(51,112,80,.28);background:linear-gradient(180deg,#eef7f1,#f8fbf9);box-shadow:0 18px 30px rgba(51,112,80,.12)}.uxv2-step-number{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#e6efe9;color:#2d6d4d;font-size:1rem;font-weight:800;flex-shrink:0}.uxv2-step.active .uxv2-step-number{background:#2d6d4d;color:#fff}.uxv2-step-connector{position:absolute;top:45px;left:calc(50% - 38px);width:76px;height:4px;border-radius:999px;background:linear-gradient(90deg,rgba(45,109,77,.95),rgba(45,109,77,.22))}.uxv2-steps.rail .uxv2-progress-track{position:absolute;top:45px;left:14%;right:14%;height:4px;border-radius:999px;background:linear-gradient(90deg,rgba(45,109,77,.95),rgba(45,109,77,.15) 56%,rgba(45,109,77,.08))}.uxv2-steps.capsule{padding:8px;border-radius:28px;border:1px solid rgba(48,84,66,.1);background:linear-gradient(180deg,#eef3ef,#e6ede8)}.uxv2-steps.capsule .uxv2-step{min-height:86px;border:0;background:transparent;box-shadow:none}.uxv2-steps.capsule .uxv2-step.active{background:linear-gradient(180deg,#2e6f4f,#4c8f67);color:#fff;box-shadow:0 18px 28px rgba(37,75,55,.22)}.uxv2-steps.capsule .uxv2-step.active .uxv2-step-number{background:rgba(255,255,255,.18)}.uxv2-types{display:grid;grid-gap:12px;gap:12px}.uxv2-type-card-shell{position:relative;width:100%;min-width:0;isolation:isolate}.uxv2-types.focus,.uxv2-types.stack,.uxv2-types.strip{grid-template-columns:repeat(3,minmax(0,1fr))}.uxv2-types.uxv2-types-inspector{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.uxv2-types.uxv2-types-inspector .uxv2-type-card{grid-template-columns:1fr;grid-template-rows:auto auto;gap:10px;min-height:156px;padding:14px 12px 12px;justify-items:center;align-content:start;text-align:center}.uxv2-types.uxv2-types-inspector .uxv2-type-card.active{transform:translateY(-2px)}.uxv2-types.uxv2-types-inspector .uxv2-figure,.uxv2-types.uxv2-types-inspector .uxv2-figure-frame{width:82px;flex:0 0 auto}.uxv2-types.uxv2-types-inspector .uxv2-type-copy{justify-items:center;align-self:start;min-width:0}.uxv2-types.uxv2-types-inspector .uxv2-type-copy span{font-size:.64rem}.uxv2-types.uxv2-types-inspector .uxv2-type-copy strong{font-size:.96rem}.uxv2-types.uxv2-types-inspector .uxv2-type-selected{top:8px;right:8px;padding:4px 8px;font-size:.58rem}.uxv2-types.strip{padding:10px;border-radius:28px;border:1px solid rgba(47,84,67,.1);background:linear-gradient(180deg,#eef4ef,#e6ede8)}.uxv2-type-card{position:relative;width:100%;display:grid;grid-template-rows:auto auto;grid-gap:10px;gap:10px;align-content:center;justify-items:center;align-items:center;min-height:244px;padding:20px 18px;border-radius:24px;border:1px solid rgba(104,132,115,.16);background:#fbfcfa;box-shadow:0 10px 18px rgba(24,41,30,.05);color:inherit;text-align:center;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.uxv2-types.strip .uxv2-type-card{min-height:204px;border:0;background:transparent;box-shadow:none}.uxv2-type-card.active{transform:translateY(-4px) scale(1.015);border-color:rgba(51,112,80,.7);background:linear-gradient(180deg,#eef7f1,#f8fbf9);box-shadow:0 0 0 3px rgba(84,155,114,.2),0 18px 28px rgba(51,112,80,.18)}.uxv2-types.strip .uxv2-type-card.active{background:linear-gradient(180deg,#2e6f4f,#4c8f67);box-shadow:0 0 0 3px rgba(132,198,158,.28),0 18px 28px rgba(37,75,55,.24)}.uxv2-types.focus .uxv2-type-card.active{grid-column:span 2;grid-template-columns:1fr;align-items:center;justify-items:center;text-align:center;min-height:256px;padding:24px 22px}.uxv2-types.focus .uxv2-type-card.active .uxv2-figure,.uxv2-types.focus .uxv2-type-card.active .uxv2-figure-frame{width:194px}.uxv2-types.capsule .uxv2-type-card.active .uxv2-type-copy span,.uxv2-types.capsule .uxv2-type-card.active .uxv2-type-copy strong,.uxv2-types.strip .uxv2-type-card.active .uxv2-type-copy span,.uxv2-types.strip .uxv2-type-card.active .uxv2-type-copy strong{color:#fff}.uxv2-type-copy{display:grid;grid-gap:6px;gap:6px;align-self:start}.uxv2-type-copy,.uxv2-types.focus .uxv2-type-card.active .uxv2-type-copy{justify-items:center}.uxv2-type-copy span{color:#648172;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.uxv2-type-copy strong{font-size:1.15rem;line-height:1.08}.uxv2-type-selected{right:12px;padding:.4rem .65rem;border-radius:999px;background:#2f6d4f;color:#fff;font-size:.67rem;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 10px 18px rgba(47,109,79,.22)}.uxv2-type-info,.uxv2-type-selected{position:absolute;top:12px;font-weight:800}.uxv2-type-info{left:12px;z-index:2;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:rgba(255,255,255,.95);color:#2f6d4f;box-shadow:0 10px 18px rgba(31,48,39,.12);font-size:.9rem;cursor:pointer}.uxv2-type-info.active{background:#2f6d4f;color:#fff}.uxv2-type-popover{left:14px;right:14px;top:48px;z-index:3;padding:16px 14px 14px;border-radius:18px;border:1px solid rgba(48,109,79,.18);box-shadow:0 20px 38px rgba(31,48,39,.18);color:#1d3027;font-size:.83rem;line-height:1.45}.uxv2-type-popover,.uxv2-type-popover:before{position:absolute;background:rgba(255,255,255,.985)}.uxv2-type-popover:before{content:"";top:-7px;left:20px;width:14px;height:14px;border-top:1px solid rgba(48,109,79,.18);border-left:1px solid rgba(48,109,79,.18);transform:rotate(45deg)}.uxv2-figure,.uxv2-figure-frame{width:184px;height:auto}.uxv2-figure-frame{aspect-ratio:1193/896;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:18px;background:linear-gradient(180deg,#ffffff,#f3f6f2);box-shadow:inset 0 0 0 1px rgba(104,132,115,.1)}.uxv2-figure-photo{display:block;width:100%;height:100%;object-fit:contain}.uxv2-post{stroke:#66737b;stroke-width:5;stroke-linecap:round}.uxv2-roof-rib{stroke:rgba(92,102,111,.9);stroke-width:2.4;stroke-linecap:round}.uxv2-edge{stroke:rgba(104,131,116,.4);stroke-width:4;stroke-linecap:round;stroke-dasharray:7 7}.uxv2-edge.active{stroke:#3c7f5b;stroke-dasharray:none}.uxv2-partial{stroke:#3c7f5b;stroke-width:4;stroke-linecap:round;stroke-dasharray:7 6}.uxv2-wood-slat{stroke:rgba(90,56,29,.38);stroke-width:1.8;stroke-linecap:round}@media (max-width:720px){.uxv2-page{position:fixed;inset:0;padding:28px 18px 42px}.uxv2-panel{padding:20px;border-radius:24px}.uxv2-panel h3{font-size:1.56rem}.uxv2-shell{max-width:none}.uxv2-steps.bridge,.uxv2-steps.capsule,.uxv2-steps.rail,.uxv2-types.focus,.uxv2-types.stack,.uxv2-types.strip{grid-template-columns:1fr}.uxv2-types.uxv2-types-inspector{grid-template-columns:repeat(2,minmax(0,1fr))}.uxv2-figure{width:150px}.uxv2-steps.capsule .uxv2-step{min-height:82px}.uxv2-step-connector,.uxv2-steps.rail .uxv2-progress-track{display:none}.uxv2-types.focus .uxv2-type-card.active{grid-column:auto;grid-template-columns:1fr;justify-items:center;text-align:center}.uxv2-types.focus .uxv2-type-card.active .uxv2-type-copy{justify-items:center}}@media (max-width:420px){.uxv2-types.uxv2-types-inspector{grid-template-columns:1fr}}.uxv2-grid.single{max-width:520px;margin:0 auto}.uxv3-shell{max-width:1180px}.uxv3-grid{display:grid;grid-gap:24px;gap:24px}.uxv3-card{gap:14px}.uxv3-panel{gap:18px}.uxv3-intro{display:grid;grid-gap:8px;gap:8px}.uxv3-intro p{margin:0;color:#5e7568;font-size:.96rem;line-height:1.55}.uxv3-controls{display:grid;grid-gap:12px;gap:12px}.uxv3-controls-cards,.uxv3-controls-table{grid-template-columns:repeat(2,minmax(0,1fr))}.uxv3-controls-focus{grid-template-columns:minmax(0,1.2fr) minmax(0,1.2fr) auto;align-items:end}.uxv3-field{position:relative;display:grid;grid-gap:8px;gap:8px;min-width:0}.uxv3-field-label{color:#6a8475;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.uxv3-field-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-gap:10px;gap:10px;align-items:center;width:100%;min-height:74px;padding:14px 16px;border:1px solid rgba(88,117,101,.16);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(247,250,248,.96));box-shadow:0 10px 22px rgba(22,45,33,.05);color:inherit;text-align:left}.uxv3-field.open .uxv3-field-trigger{border-color:rgba(48,107,77,.35);box-shadow:0 0 0 3px rgba(87,153,121,.12),0 14px 26px rgba(22,45,33,.08)}.uxv3-field-copy{display:grid;grid-gap:2px;gap:2px;min-width:0}.uxv3-field-copy strong{font-size:1.22rem;line-height:1;letter-spacing:-.04em}.uxv3-field-copy small{color:#72897c;font-size:.78rem}.uxv3-field-helper{justify-self:end;padding:.42rem .62rem;border-radius:999px;background:rgba(71,124,93,.09);color:#2d6d4d;font-size:.67rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.uxv3-field-chevron{color:#2d6d4d;font-size:1rem;font-weight:700}.uxv3-field-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:5;display:grid;grid-gap:8px;gap:8px;padding:10px;border:1px solid rgba(88,117,101,.12);border-radius:20px;background:rgba(255,255,255,.97);box-shadow:0 18px 40px rgba(22,45,33,.12);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.uxv3-field-option{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center;padding:12px 14px;border:1px solid rgba(88,117,101,.08);border-radius:18px;background:rgba(248,251,249,.92);color:inherit;text-align:left}.uxv3-field-option.active{border-color:rgba(48,107,77,.28);background:linear-gradient(180deg,#eef7f1,#f8fbf9)}.uxv3-field-option-copy{display:grid;grid-gap:2px;gap:2px}.uxv3-field-option-copy strong{font-size:1rem}.uxv3-field-option-copy small,.uxv3-field-option-helper{color:#72897c;font-size:.76rem}.uxv3-height{display:grid;grid-gap:8px;gap:8px}.uxv3-height-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.uxv3-height-option{display:grid;grid-gap:2px;gap:2px;min-height:74px;padding:12px 14px;border:1px solid rgba(88,117,101,.16);border-radius:22px;background:rgba(252,253,251,.9);color:inherit;text-align:left}.uxv3-height-option strong{font-size:1rem}.uxv3-height-option small{color:#6f887a}.uxv3-height-option.active{border-color:rgba(48,107,77,.32);background:linear-gradient(180deg,#2e6f4f,#4a8b66);color:#fff;box-shadow:0 16px 28px rgba(37,75,55,.22)}.uxv3-height-option.active small{color:rgba(255,255,255,.74)}.uxv3-current{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 16px;border-radius:22px;background:rgba(238,246,240,.8);border:1px solid rgba(87,134,106,.1)}.uxv3-current-dimensions,.uxv3-current-metrics{display:grid;grid-gap:2px;gap:2px}.uxv3-current-dimensions span,.uxv3-current-metrics small{color:#698274;font-size:.78rem}.uxv3-current-dimensions strong{font-size:1.15rem;letter-spacing:-.04em}.uxv3-current-metrics{justify-items:end}.uxv3-current-metrics span{color:#205b3f;font-size:.9rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.uxv3-reco{gap:10px}.uxv3-matrix-shell{overflow-x:auto;padding-bottom:6px}.uxv3-matrix-table{min-width:760px;width:100%;border-collapse:separate;border-spacing:0}.uxv3-matrix-table td,.uxv3-matrix-table th{padding:14px 12px;vertical-align:top}.uxv3-matrix-table thead th{position:-webkit-sticky;position:sticky;top:0;z-index:2;border-bottom:1px solid rgba(83,118,96,.12);background:rgba(244,248,244,.96);color:#5b7567;font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.uxv3-matrix-table tbody th,.uxv3-matrix-table thead th:first-child{position:-webkit-sticky;position:sticky;left:0;z-index:3;min-width:138px;background:rgba(248,250,247,.98)}.uxv3-matrix-table thead th.active{color:#1f6144}.uxv3-matrix-table thead th span{display:block;font-size:1rem;letter-spacing:-.03em}.uxv3-matrix-table thead th small{font-size:.68rem}.uxv3-matrix-table tbody th{border-bottom:1px solid rgba(83,118,96,.08);color:#2e5443;font-size:.9rem;text-align:left}.uxv3-matrix-table tbody td{min-width:118px;border-bottom:1px solid rgba(83,118,96,.08);background:rgba(255,255,255,.64)}.uxv3-capacity-row strong,.uxv3-focus-row strong,.uxv3-matrix-table tbody td strong{display:block;font-size:.95rem;line-height:1.2}.uxv3-capacity-row small,.uxv3-focus-row small,.uxv3-matrix-table tbody td small{display:block;margin-top:4px;color:#71887c;font-size:.76rem;line-height:1.35}.uxv3-matrix-table tbody td.column-active{background:rgba(241,247,243,.96)}.uxv3-capacity-row.match,.uxv3-focus-row.match,.uxv3-matrix-table tbody td.cell-match{background:linear-gradient(180deg,#2e6f4f,#4a8b66);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.uxv3-capacity-row.match small,.uxv3-focus-row.match small,.uxv3-matrix-table tbody td.cell-match small{color:rgba(255,255,255,.72)}.uxv3-capacity-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,1fr);grid-gap:14px;gap:14px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity}.uxv3-capacity-card{display:grid;grid-gap:12px;gap:12px;min-height:100%;padding:14px;border-radius:24px;border:1px solid rgba(88,117,101,.14);background:rgba(251,252,250,.92);scroll-snap-align:start}.uxv3-capacity-card.active{border-color:rgba(49,108,78,.26);background:linear-gradient(180deg,#eef7f1,#f8fbf9);box-shadow:0 18px 28px rgba(51,112,80,.12)}.uxv3-capacity-card header{display:flex;align-items:baseline;gap:6px;padding-bottom:10px;border-bottom:1px solid rgba(88,117,101,.1)}.uxv3-capacity-card header span{font-size:1.42rem;font-weight:800;letter-spacing:-.05em}.uxv3-capacity-card header small{color:#698273;font-size:.8rem;font-weight:700;text-transform:uppercase}.uxv3-capacity-rows{display:grid;grid-gap:10px;gap:10px}.uxv3-capacity-row{display:grid;grid-gap:4px;gap:4px;padding:12px;border-radius:18px;background:rgba(243,247,244,.8)}.uxv3-capacity-row span,.uxv3-focus-row span{color:#5e7568;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.uxv3-focus-shell{display:grid;grid-gap:12px;gap:12px}.uxv3-focus-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(90px,1fr);grid-gap:10px;gap:10px;overflow-x:auto;padding-bottom:4px}.uxv3-focus-tabs button{display:grid;grid-gap:2px;gap:2px;min-height:68px;padding:12px 14px;border:1px solid rgba(88,117,101,.14);border-radius:18px;background:rgba(250,252,249,.94);color:inherit;text-align:left}.uxv3-focus-tabs button strong{font-size:1rem}.uxv3-focus-tabs button small{color:#72897c;font-size:.72rem;text-transform:uppercase}.uxv3-focus-tabs button.active{background:linear-gradient(180deg,#eef7f1,#f8fbf9);border-color:rgba(49,108,78,.28)}.uxv3-focus-tabs button.current{box-shadow:0 0 0 3px rgba(87,153,121,.12)}.uxv3-focus-list{display:grid;grid-gap:10px;gap:10px}.uxv3-focus-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:20px;background:rgba(245,248,245,.84)}.uxv3-focus-row-copy{display:grid;grid-gap:4px;gap:4px}.uxv3-focus-row em{padding:.4rem .6rem;border-radius:999px;background:rgba(255,255,255,.18);font-style:normal;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}@media (max-width:900px){.uxv3-controls-cards,.uxv3-controls-focus,.uxv3-controls-table{grid-template-columns:1fr}.uxv3-current-metrics{justify-items:start}}.uxv3-controls{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.uxv3-height{grid-column:1/-1}.uxv3-height-option{min-height:64px;align-items:center}.uxv3-height-option strong{font-size:.94rem;line-height:1.25}.uxv3-field-trigger{grid-template-columns:minmax(0,1fr) auto;min-height:66px}.uxv3-field-copy small,.uxv3-field-option-copy small{display:none}.uxv3-field-menu{max-height:320px;overflow-y:auto}.uxv3-field-option{grid-template-columns:1fr}.uxv3-cell-actions{display:grid;grid-gap:8px;gap:8px}.uxv3-cell-actions button{width:100%;padding:10px;border:1px solid rgba(83,118,96,.12);border-radius:14px;background:rgba(255,255,255,.82);color:inherit;text-align:left;font-size:.88rem;font-weight:700;line-height:1.25}.uxv3-cell-actions button.active{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.14);color:#fff}@media (max-width:900px){.uxv3-controls{grid-template-columns:1fr}}.dimension-selector{display:grid;grid-gap:18px;gap:18px}.dimension-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;align-items:start}.dimension-field,.dimension-height{display:grid;grid-gap:8px;gap:8px;position:relative}.dimension-height{grid-column:1/-1}.dimension-field-label,.dimension-recommendations-label{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(12,27,20,.58)}.dimension-field-option,.dimension-field-trigger,.dimension-matrix-actions button{transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.dimension-field-trigger{width:100%;min-height:62px;padding:14px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;border-radius:18px;border:1px solid rgba(66,95,79,.16);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(241,244,241,.96));color:#102019;text-align:left;box-shadow:0 16px 32px rgba(19,30,24,.07)}.dimension-field.open .dimension-field-trigger{border-color:rgba(33,67,55,.28);box-shadow:0 20px 34px rgba(19,30,24,.12)}.dimension-field-option strong,.dimension-field-trigger strong{font-size:1rem;font-weight:700}.dimension-field-chevron{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(23,51,41,.08);color:#173329;font-size:1.05rem;flex-shrink:0}.dimension-field-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:12;display:grid;grid-gap:8px;gap:8px;max-height:320px;padding:10px;overflow-y:auto;border-radius:18px;border:1px solid rgba(66,95,79,.14);background:rgba(248,250,248,.98);box-shadow:0 24px 48px rgba(15,25,20,.16);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.dimension-field-option{width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(66,95,79,.12);background:rgba(255,255,255,.96);color:#102019;text-align:left}.dimension-field-option:focus-visible,.dimension-field-option:hover{border-color:rgba(26,62,50,.28);background:rgba(241,247,243,1)}.dimension-field-option.active{border-color:rgba(31,122,88,.52);background:rgba(223,242,233,.95);color:#102019;box-shadow:0 10px 24px rgba(31,122,88,.1)}.dimension-height-toggle{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;grid-gap:14px;gap:14px;min-height:86px;padding:16px 18px;border-radius:20px;border:1px solid rgba(66,95,79,.16);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(241,244,241,.96));color:#102019;box-shadow:0 16px 32px rgba(19,30,24,.07);cursor:pointer}.dimension-height-toggle input{position:absolute;opacity:0;pointer-events:none}.dimension-height-toggle.active{border-color:rgba(31,122,88,.34);background:linear-gradient(180deg,rgba(235,250,242,.98),rgba(218,243,230,.98));box-shadow:0 20px 36px rgba(31,122,88,.14),inset 0 0 0 1px rgba(31,122,88,.14)}.dimension-height-toggle-box{position:relative;width:54px;height:32px;border-radius:999px;background:rgba(18,35,29,.14);transition:background-color .18s ease}.dimension-height-toggle.active .dimension-height-toggle-box{background:rgba(31,122,88,.28)}.dimension-height-toggle-knob{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 8px 18px rgba(16,24,40,.16);transition:transform .18s ease}.dimension-height-toggle.active .dimension-height-toggle-knob{transform:translateX(22px)}.dimension-height-toggle-copy{display:grid;grid-gap:4px;gap:4px}.dimension-height-toggle-copy strong{font-size:.97rem}.dimension-height-toggle-copy small{color:rgba(12,27,20,.62);line-height:1.35}.dimension-recommendations{display:grid;grid-gap:10px;gap:10px;padding:16px;border-radius:22px;border:1px solid rgba(66,95,79,.1);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(244,248,245,.94))}.dimension-recommendations-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.dimension-recommendations-type{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:rgba(31,122,88,.1);color:#1f5b43;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.dimension-matrix-shell{overflow-x:auto;padding-bottom:2px;scrollbar-width:none;-ms-overflow-style:none}.dimension-matrix-shell::-webkit-scrollbar{display:none;width:0;height:0}.dimension-matrix-shell-wrap{display:grid;grid-gap:10px;gap:10px}.dimension-matrix-scrollbar{display:grid;grid-gap:6px;gap:6px}.dimension-matrix-scrollbar-label{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(12,27,20,.42)}.dimension-matrix-scrollbar-track{position:relative;width:100%;height:8px;border-radius:999px;background:rgba(66,95,79,.1);overflow:hidden;cursor:pointer}.dimension-matrix-scrollbar-track.dragging{cursor:-webkit-grabbing;cursor:grabbing}.dimension-matrix-scrollbar-thumb{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,rgba(31,122,88,.72),rgba(31,122,88,.96));box-shadow:0 6px 14px rgba(31,122,88,.16);cursor:-webkit-grab;cursor:grab;touch-action:none}.dimension-matrix-scrollbar-track.dragging .dimension-matrix-scrollbar-thumb{cursor:-webkit-grabbing;cursor:grabbing}.dimension-matrix-table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0}.dimension-matrix-table thead th{position:-webkit-sticky;position:sticky;top:0;z-index:1;padding:0 12px 12px;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(12,27,20,.52);text-align:center;background:rgba(252,253,252,.98)}.dimension-matrix-table thead th span{display:block;font-size:.96rem;color:#102019;letter-spacing:normal}.dimension-matrix-table thead th small{font-size:.7rem}.dimension-matrix-table tbody th,.dimension-matrix-table thead th:first-child{position:-webkit-sticky;position:sticky;left:0;z-index:2;min-width:92px;text-align:left;background:rgba(252,253,252,.98)}.dimension-matrix-table.single-row thead th:first-child{position:static;left:auto;z-index:1;min-width:150px;text-align:center;background:rgba(252,253,252,.98)}.dimension-matrix-table td.column-active,.dimension-matrix-table thead th.active{background:rgba(223,242,233,.72)}.dimension-matrix-table tbody th,.dimension-matrix-table td{padding:12px;border-top:1px solid rgba(66,95,79,.1);vertical-align:top}.dimension-matrix-table tbody th{font-size:.82rem;font-weight:700;color:#102019}.dimension-matrix-table td{min-width:150px}.dimension-matrix-table td.cell-active{background:rgba(223,242,233,.55)}.dimension-matrix-actions{display:grid;grid-gap:8px;gap:8px}.dimension-matrix-actions button{width:100%;padding:11px 12px;border-radius:14px;border:1px solid rgba(66,95,79,.12);background:rgba(255,255,255,.98);color:#173329;text-align:left;font-size:.87rem;font-weight:700;line-height:1.3}.dimension-matrix-actions button:focus-visible,.dimension-matrix-actions button:hover{border-color:rgba(26,62,50,.28);background:rgba(241,247,243,1)}.dimension-matrix-actions button.active{border-color:rgba(31,122,88,.56);background:rgba(223,242,233,.98);color:#102019;box-shadow:0 12px 26px rgba(31,122,88,.1)}@media (max-width:900px){.dimension-controls,.dimension-height-options{grid-template-columns:1fr}.dimension-matrix-table tbody th,.dimension-matrix-table thead th:first-child{min-width:84px}.dimension-matrix-table td{min-width:142px}}