@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap";
:root{--font-body:"DM Sans",ui-sans-serif,system-ui,sans-serif;--font-display:"Manrope",var(--font-body);--ink-950:#101b1d;--ink-800:#253336;--ink-650:#526164;--ink-500:#718083;--surface:#fff;--surface-subtle:#f5f7f6;--canvas:#edf1ef;--brand-700:#075bc7;--brand-600:#075bc7;--brand-100:#d9eaff;--brand-50:#edf5ff;--line:#dce3e0;--line-strong:#c4cfcb;--danger:#a53632;--danger-bg:#fff1f0;--success:#176548;--success-bg:#edf8f3;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--shadow-sm:0 1px 2px #101b1d0f;--shadow-lg:0 24px 70px #101b1d1f;--ease:cubic-bezier(.2,.8,.2,1);font-family:var(--font-body);color:var(--ink-950);background:var(--surface-subtle);font-synthesis:none}*{box-sizing:border-box}html{min-width:320px}body{background:var(--surface-subtle);margin:0}button,a{font:inherit}button{touch-action:manipulation}a{color:inherit}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline-offset:3px;outline:3px solid #0066e6}.eyebrow,.step-label{text-transform:uppercase;letter-spacing:.13em;color:var(--brand-700);margin:0;font-size:.7rem;font-weight:700}.brand-mark{align-items:flex-end;gap:3px;width:28px;height:28px;display:inline-flex}.brand-mark i{background:currentColor;border-radius:2px 2px 0 0;width:6px;display:block;transform:skew(-12deg)}.brand-mark i:first-child{height:13px}.brand-mark i:nth-child(2){height:21px}.brand-mark i:nth-child(3){height:28px}.platform-button{border:1px solid var(--brand-700);border-radius:var(--radius-sm);background:var(--brand-700);color:#fff;cursor:pointer;min-height:46px;transition:background .18s var(--ease),border-color .18s var(--ease),transform .18s var(--ease),box-shadow .18s var(--ease);padding:11px 17px;font-weight:700}.platform-button:hover:not(:disabled){background:#064ba5;transform:translateY(-1px);box-shadow:0 5px 14px #075bc72e}.platform-button[data-variant=secondary]{background:var(--surface);color:var(--ink-800);border-color:var(--line-strong)}.platform-button[data-variant=secondary]:hover:not(:disabled){background:var(--surface-subtle);border-color:var(--ink-500)}.platform-button[data-variant=quiet]{color:var(--brand-700);background:0 0;border-color:#0000}.platform-button:disabled{opacity:.48;cursor:not-allowed}.landing{isolation:isolate;background:linear-gradient(135deg,#f8fafc 0%,#edf5ff 100%);grid-template-rows:auto 1fr;min-height:100vh;padding:clamp(24px,5vw,72px);display:grid;position:relative;overflow:hidden}.landing__brand{color:var(--brand-700);align-items:center;gap:10px;display:flex}.landing__brand strong{font:700 1.4rem var(--font-display);letter-spacing:.06em}.landing__brand span:last-child{border-left:1px solid var(--line-strong);color:var(--ink-650);padding-left:10px;font-size:.82rem}.landing__content{z-index:1;align-self:center;max-width:670px;padding:70px 0;position:relative}.landing h1{font:600 clamp(3rem,7vw,6.7rem)/.98 var(--font-display);letter-spacing:-.055em;margin:18px 0 24px}.landing__lede{max-width:600px;color:var(--ink-650);margin:0 0 32px;font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.65}.landing__visual{aspect-ratio:1;opacity:.72;width:48vw;position:absolute;bottom:-12vw;right:-8vw}.landing__visual span{border:1px solid #075bc738;border-radius:50%;position:absolute;inset:0}.landing__visual span:nth-child(2){inset:17%}.landing__visual span:nth-child(3){background:#075bc714;inset:34%}.state-page{background:var(--canvas);place-items:center;min-height:100vh;padding:24px;display:grid}.state-card{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);max-width:480px;box-shadow:var(--shadow-lg);padding:44px}.state-card .brand-mark{color:var(--brand-600);margin-bottom:20px}.state-card h1{font:600 1.8rem var(--font-display);margin:8px 0}.state-card p:not(.eyebrow){color:var(--ink-650);line-height:1.55}.loading-bar{background:linear-gradient(90deg,var(--brand-100),var(--brand-600),var(--brand-100));background-size:200% 100%;border-radius:4px;height:3px;margin-top:28px;animation:1.4s linear infinite loading;display:block}@keyframes loading{to{background-position:-200% 0}}.configurator{background:var(--surface-subtle);grid-template-rows:70px minmax(0,1fr);height:100vh;display:grid}.app-header{border-bottom:1px solid var(--line);z-index:10;background:#fffffff5;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:0 28px;display:grid}.brand{color:var(--brand-700);align-items:center;gap:10px;width:max-content;text-decoration:none;display:flex}.brand>span:last-child{flex-direction:column;display:flex}.brand strong{font:700 1.1rem var(--font-display);letter-spacing:.08em}.brand small{color:var(--ink-650);letter-spacing:.02em;font-size:.65rem}.header-identity{align-items:center;gap:8px;font-size:.8rem;display:flex}.header-identity span{color:var(--ink-500)}.header-identity span:after{content:"/";color:var(--line-strong);margin-left:8px}.header-actions{justify-self:end;align-items:center;gap:8px;display:flex}.header-actions .platform-button{min-height:38px;padding:7px 12px;font-size:.75rem}.save-state{color:var(--ink-650);align-items:center;gap:8px;font-size:.75rem;display:flex}.save-state__dot,.save-state__pulse{background:#3a9a70;border-radius:50%;width:7px;height:7px}.save-state__pulse{animation:1s infinite pulse}@keyframes pulse{50%{opacity:.25}}.workspace{grid-template-columns:minmax(400px,1fr) minmax(310px,380px) minmax(270px,320px);grid-template-areas:"viewer controls summary";min-height:0;display:grid}.viewer-panel{background:var(--canvas);border-right:1px solid var(--line);grid-area:viewer;grid-template-rows:auto minmax(0,1fr);min-width:0;padding:24px;display:grid}.viewer-heading{justify-content:space-between;align-items:end;gap:20px;padding:0 4px 18px;display:flex}.viewer-heading h1{font:600 clamp(1.55rem,2.3vw,2.4rem)/1.15 var(--font-display);letter-spacing:-.035em;margin:6px 0 0}.viewer-guidance{color:var(--ink-650);white-space:nowrap;font-size:.72rem}.guidance-touch{display:none}.viewer{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--canvas);min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 80px #101b1d06}.assembly{width:100%;height:100%;min-height:280px}.assembly[role=alert]{color:var(--danger);text-align:center;place-items:center;padding:30px;display:grid}.viewer canvas{touch-action:none;display:block}.viewer-tools{z-index:2;border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;flex-direction:column;gap:6px;padding:5px;display:flex;position:absolute;top:14px;right:14px}.viewer-tool{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--ink-800);cursor:pointer;background:0 0;border:0;font-size:1.15rem}.viewer-tool:hover{background:var(--brand-50);color:var(--brand-700)}.controls{background:var(--surface);border-right:1px solid var(--line);grid-area:controls;padding:28px 24px 80px;overflow:auto}.controls__intro h2,.summary-panel h2{font:600 1.45rem var(--font-display);letter-spacing:-.025em;margin:6px 0 8px}.controls__intro>p:last-child{color:var(--ink-650);margin:0 0 18px;font-size:.83rem;line-height:1.5}.configuration-progress{margin-bottom:16px}.progress-heading{color:var(--ink-650);justify-content:space-between;font-size:.68rem;display:flex}.progress-track{background:var(--line);border-radius:4px;height:3px;margin:8px 0 12px;overflow:hidden}.progress-track span{background:var(--brand-600);height:100%;transition:width .2s var(--ease);display:block}.configuration-progress ol{grid-template-columns:repeat(3,1fr);gap:5px;margin:0;padding:0;list-style:none;display:grid}.configuration-progress button{border:1px solid var(--line);background:var(--surface);text-align:left;width:100%;min-width:0;color:var(--ink-650);cursor:pointer;border-radius:7px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:5px;padding:7px;display:grid}.configuration-progress button[aria-current=step]{border-color:var(--brand-600);background:var(--brand-50)}.configuration-progress button>span{background:var(--surface-subtle);border-radius:50%;place-items:center;width:18px;height:18px;font-size:.6rem;display:grid}.configuration-progress button[data-status=complete]>span{background:var(--brand-100);color:var(--brand-700)}.configuration-progress button[data-status=invalid],.configuration-progress button[data-status=blocked]{color:var(--danger);border-color:#e4b1ad}.configuration-progress button strong{text-overflow:ellipsis;font-size:.65rem;overflow:hidden}.configuration-progress button small{display:none}.active-option-group{border-top:1px solid var(--line)}.option-group{border:0;margin:0;padding:20px 0 4px}.option-group legend{justify-content:space-between;align-items:center;width:100%;padding:0 0 12px;font-weight:700;display:flex}.option-group legend small{color:var(--ink-500);text-transform:uppercase;letter-spacing:.08em;font-size:.65rem;font-weight:600}.option-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.option-card{text-align:left;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);min-height:68px;color:var(--ink-800);cursor:pointer;transition:border-color .16s var(--ease),background .16s var(--ease),box-shadow .16s var(--ease);grid-template-columns:18px 1fr;align-items:start;gap:9px;padding:12px;display:grid;position:relative}.option-card:hover:not(:disabled){border-color:var(--brand-600);background:var(--brand-50)}.option-card[data-selected=true]{border-color:var(--brand-600);background:var(--brand-50);box-shadow:inset 0 0 0 1px var(--brand-600)}.option-card__indicator{border:1.5px solid var(--line-strong);border-radius:50%;width:16px;height:16px;margin-top:1px}.option-card[data-selected=true] .option-card__indicator{border:5px solid var(--brand-600)}.option-card__content{flex-direction:column;min-width:0;display:flex}.option-card strong{font-size:.78rem;line-height:1.25}.option-card small{color:var(--ink-650);margin-top:5px;font-size:.68rem;line-height:1.3}.option-card[data-unavailable=true]{color:var(--ink-500);cursor:not-allowed;background:#f4f5f4;border-style:dashed}.option-card[data-unavailable=true] small{color:var(--danger)}.step-actions{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:16px;display:grid}.step-actions span{text-align:center;color:var(--ink-500);font-size:.66rem}.step-actions .platform-button:last-child{justify-self:stretch}.summary-panel{background:#fbfcfb;flex-direction:column;grid-area:summary;justify-content:space-between;padding:28px 24px;display:flex;overflow:auto}.configuration-code{color:var(--ink-500);margin:3px 0;font-size:.68rem}.configuration-code strong{color:var(--ink-800);letter-spacing:.05em}.selection-summary{margin:16px 0 22px}.selection-summary div{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:10px 0;font-size:.76rem;display:flex}.selection-summary dt{color:var(--ink-500)}.selection-summary dd{text-align:right;color:var(--ink-800);margin:0;font-weight:600}.price{border-top:1px solid var(--line);padding:19px 0}.price span,.price small{color:var(--ink-650);font-size:.72rem;display:block}.price strong{font:600 1.8rem var(--font-display);letter-spacing:-.03em;margin:3px 0;display:block}.status-message{border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink-650);background:#f3f6f5;flex-direction:column;gap:4px;margin:0 0 12px;padding:12px 13px;font-size:.72rem;line-height:1.4;display:flex}.status-message strong{color:inherit}.status-message ul{margin:5px 0 0;padding-left:17px}.status-message[data-tone=error]{background:var(--danger-bg);color:var(--danger);border-color:#f1c7c4}.status-message[data-tone=success]{background:var(--success-bg);color:var(--success);border-color:#c8e6d8}.actions{flex-direction:column;gap:8px;display:flex}.actions .platform-button{width:100%}.summary-save-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.share-fallback{margin:0 0 12px}.share-fallback label{margin-bottom:5px;font-size:.68rem;font-weight:700;display:block}.share-fallback input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);width:100%;min-height:42px;color:var(--ink-650);padding:8px}@media (max-width:1180px){.workspace{grid-template:"viewer controls"minmax(0,1fr)"summary controls"/minmax(400px,1fr) minmax(330px,390px)}.summary-panel{border-top:1px solid var(--line);grid-template-columns:1fr 1.2fr;gap:28px;max-height:260px;padding:20px 24px;display:grid}.summary-panel__footer{align-self:end}.selection-summary{grid-template-columns:1fr 1fr;gap:0 16px;margin:10px 0;display:grid}.price{border:0;padding-top:0}.controls{border-right:0}}@media (pointer:coarse){.guidance-mouse{display:none}.guidance-touch{display:inline}}@media (max-width:760px){.configurator{height:auto;min-height:100vh;display:block}.app-header{grid-template-columns:1fr auto;height:62px;padding:0 16px;position:sticky;top:0}.brand small,.header-identity,.save-state,.header-actions>.platform-button:first-child{display:none}.header-actions{gap:5px}.header-actions .platform-button{min-height:44px}.workspace{flex-direction:column;display:flex}.viewer-panel{border-right:0;order:1;height:55vh;min-height:410px;padding:16px 14px}.viewer-heading{align-items:start;padding-bottom:12px}.viewer-heading h1{font-size:1.45rem}.viewer-guidance{white-space:normal;text-align:right;max-width:120px;font-size:.65rem}.viewer-tools{flex-direction:row;top:10px;right:10px}.viewer-tool{width:44px;height:44px}.controls{order:2;padding:28px 18px;overflow:visible}.configuration-progress ol{grid-template-columns:repeat(3,1fr)}.option-grid{grid-template-columns:1fr 1fr}.summary-panel{border-top:1px solid var(--line);order:3;max-height:none;padding:28px 18px;display:flex;overflow:visible}.selection-summary{display:block}.summary-panel__footer{width:100%}.actions{position:relative}.landing{padding:28px 22px}.landing__content{padding:90px 0}.landing__visual{opacity:.45;width:90vw}}@media (max-width:430px){.viewer-panel{height:50vh;min-height:360px}.option-grid{grid-template-columns:1fr}.option-card{min-height:62px}.landing__brand span:last-child{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.v2-configurator{height:100vh;font-family:var(--v2-font);color:var(--v2-text);background:var(--v2-page);grid-template-rows:70px minmax(0,1fr);display:grid}.v2-configurator :focus-visible{outline-color:var(--v2-focus)}.v2-header{background:var(--v2-surface);border-bottom:1px solid var(--v2-border-subtle);z-index:4;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:0 28px;display:grid}.v2-header>div{align-items:center;gap:10px;display:flex}.v2-header>div:first-child span{color:var(--v2-secondary);border-left:1px solid var(--v2-border);padding-left:10px}.v2-header>div:nth-child(2){flex-direction:column;gap:2px}.v2-header>div:nth-child(2) small{color:var(--v2-muted)}.v2-header>div:last-child{justify-self:end}.v2-readonly{color:var(--v2-primary);border:1px solid var(--v2-selected);border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:700}.v2-workspace{grid-template-columns:minmax(420px,1fr) minmax(340px,400px) minmax(270px,320px);grid-template-areas:"v2viewer v2controls v2summary";min-height:0;display:grid}.v2-viewer-panel{background:var(--v2-workspace);border-right:1px solid var(--v2-border-subtle);grid-area:v2viewer;grid-template-rows:auto minmax(0,1fr);min-width:0;padding:24px;display:grid}.v2-controls{background:var(--v2-surface);border-right:1px solid var(--v2-border-subtle);grid-area:v2controls;padding:28px 24px 70px;overflow:auto}.v2-controls h2,.v2-summary h2{font:600 1.45rem var(--v2-display);margin:6px 0 8px}.v2-controls .controls__intro>p:last-child{color:var(--v2-secondary);font-size:.83rem;line-height:1.5}.v2-progress ol{grid-template-columns:repeat(3,1fr);gap:6px;margin:18px 0;padding:0;list-style:none;display:grid}.v2-progress button{border:1px solid var(--v2-border-subtle);background:var(--v2-surface);width:100%;min-height:48px;color:var(--v2-secondary);text-align:left;cursor:pointer;border-radius:8px;padding:8px;font-size:.7rem}.v2-progress button span{background:var(--v2-workspace);border-radius:50%;place-items:center;width:20px;height:20px;margin-right:5px;display:inline-grid}.v2-progress button small{margin:3px 0 0 25px;display:block}.v2-progress button[aria-current=step]{border-color:var(--v2-selected);box-shadow:inset 0 0 0 1px var(--v2-selected)}.v2-progress button[data-status=invalid]{color:var(--v2-danger);border-color:var(--v2-danger)}.v2-group{border-top:1px solid var(--v2-border-subtle);padding-top:18px}.v2-catalog{grid-template-columns:1fr 1fr;gap:8px;display:grid}.v2-option{text-align:left;border:1px solid var(--v2-border);border-radius:var(--v2-radius);background:var(--v2-surface);min-height:72px;color:var(--v2-text);cursor:pointer;padding:12px}.v2-option strong,.v2-option span,.v2-option small{display:block}.v2-option span{color:var(--v2-primary);margin-top:4px;font-weight:700}.v2-option small{color:var(--v2-muted);margin-top:3px}.v2-option[data-selected=true]{border-color:var(--v2-selected);box-shadow:inset 0 0 0 1px var(--v2-selected)}.v2-option:disabled{opacity:.62;cursor:not-allowed}.v2-instances{gap:8px;margin:16px 0;padding:0;list-style:none;display:grid}.v2-instances li{border:1px solid var(--v2-border-subtle);border-radius:var(--v2-radius);background:var(--v2-elevated);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:12px;display:grid}.v2-instances small{color:var(--v2-muted);font-size:.7rem;display:block}.v2-instances label{color:var(--v2-secondary);font-size:.7rem}.v2-instances select,.v2-instances input{border:1px solid var(--v2-border);background:var(--v2-surface);max-width:130px;min-height:44px;color:var(--v2-text);border-radius:8px;padding:8px;display:block}.v2-instances button{border:1px solid var(--v2-border);background:var(--v2-surface);min-height:44px;color:var(--v2-danger);cursor:pointer;border-radius:8px;padding:8px}.v2-issues{border:1px solid var(--v2-danger);border-radius:var(--v2-radius);background:var(--v2-danger-bg);color:var(--v2-danger);padding:12px;font-size:.75rem}.v2-issues ul{margin:7px 0 0;padding-left:18px}.v2-summary{background:var(--v2-elevated);flex-direction:column;grid-area:v2summary;justify-content:space-between;padding:28px 24px;display:flex;overflow:auto}.v2-summary dl div{border-bottom:1px solid var(--v2-border-subtle);justify-content:space-between;padding:10px 0;font-size:.78rem;display:flex}.v2-summary dd{margin:0;font-weight:700}.v2-total{border-top:1px solid var(--v2-border);padding:18px 0}.v2-total span,.v2-total small{color:var(--v2-secondary);font-size:.72rem;display:block}.v2-total strong{font:600 1.8rem var(--v2-display);margin:4px 0;display:block}.v2-configurator .platform-button{border-color:var(--v2-primary);background:var(--v2-primary);color:var(--v2-on-primary)}.v2-configurator .platform-button:hover:not(:disabled){background:var(--v2-primary-hover)}.v2-configurator .platform-button[data-variant=secondary],.v2-configurator .platform-button[data-variant=quiet]{background:var(--v2-surface);color:var(--v2-primary)}.v2-configurator .eyebrow,.v2-configurator .step-label{color:var(--v2-primary)}.v2-configurator .viewer-tool:hover,.v2-configurator .viewer-tool:focus-visible{background:var(--v2-primary-surface);color:var(--v2-primary)}.v2-progress button:hover:not(:disabled){border-color:var(--v2-selected);background:var(--v2-primary-surface)}.v2-progress button[aria-current=step] span,.v2-progress button[data-status=complete] span{background:var(--v2-primary-surface);color:var(--v2-primary)}.v2-option:hover:not(:disabled){border-color:var(--v2-selected);background:var(--v2-primary-surface)}@media (max-width:1180px){.v2-workspace{grid-template:"v2viewer v2controls"minmax(500px,1fr)"v2summary v2controls"/minmax(400px,1fr) minmax(340px,400px)}.v2-summary{border-top:1px solid var(--v2-border-subtle);max-height:300px}}@media (max-width:760px){.v2-configurator{height:auto;min-height:100vh;display:block}.v2-header{grid-template-columns:1fr auto;height:62px;padding:0 16px;position:sticky;top:0}.v2-header>div:nth-child(2){display:none}.v2-workspace{flex-direction:column;display:flex}.v2-viewer-panel{border:0;order:1;height:52vh;min-height:380px;padding:16px 14px}.v2-controls{order:2;padding:26px 18px;overflow:visible}.v2-summary{border-top:1px solid var(--v2-border-subtle);order:3;max-height:none;padding:26px 18px;overflow:visible}.v2-progress ol{grid-template-columns:repeat(2,1fr)}}@media (max-width:430px){.v2-viewer-panel{height:48vh;min-height:350px}.v2-catalog{grid-template-columns:1fr}.v2-header>div:first-child span{display:none}}