html,body{background:#eef1f0;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{box-sizing:border-box;min-height:100vh;padding:32px 16px}.rxd{--rxd-color-bg:#faf7f2;--rxd-color-surface:#fff;--rxd-color-surface-raised:#fff;--rxd-color-text:#221d19;--rxd-color-text-muted:#6b5d52;--rxd-color-text-faint:#96897c;--rxd-color-border:#e6ddd0;--rxd-color-border-strong:#d8cbb8;--rxd-color-primary:#c85a1c;--rxd-color-primary-dark:#a4470f;--rxd-color-primary-light:#f6e4d5;--rxd-color-primary-contrast:#fffaf5;--rxd-color-ink:#241d17;--rxd-color-ink-light:#3a2f26;--rxd-color-success:#3f7d4f;--rxd-color-success-bg:#eaf4ec;--rxd-color-error:#b3261e;--rxd-color-error-bg:#fbebe9;--rxd-font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--rxd-radius-sm:8px;--rxd-radius-md:14px;--rxd-radius-lg:22px;--rxd-radius-pill:999px;--rxd-shadow-sm:0 1px 2px #241d170f, 0 1px 1px #241d170a;--rxd-shadow-md:0 6px 20px #241d1714, 0 2px 6px #241d170d;--rxd-shadow-lg:0 16px 40px #241d1724, 0 4px 12px #241d170f;--rxd-space-1:4px;--rxd-space-2:8px;--rxd-space-3:12px;--rxd-space-4:16px;--rxd-space-5:24px;--rxd-space-6:32px;--rxd-space-7:48px;--rxd-space-8:64px;--rxd-transition-fast:.14s cubic-bezier(.4, 0, .2, 1);--rxd-transition-med:.24s cubic-bezier(.4, 0, .2, 1);font-family:var(--rxd-font-sans);color:var(--rxd-color-text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;box-sizing:border-box;isolation:isolate;background:0 0;width:100%;line-height:1.5}.rxd,.rxd *,.rxd :before,.rxd :after{box-sizing:border-box}.rxd img{max-width:100%;display:block}.rxd button{font-family:inherit}.rxd h1,.rxd h2,.rxd h3,.rxd h4,.rxd p{margin:0}.rxd ul{margin:0;padding:0;list-style:none}.rxd-shell{border-radius:var(--rxd-radius-lg);background:var(--rxd-color-bg);max-width:1240px;min-height:560px;box-shadow:var(--rxd-shadow-lg);border:none;flex-direction:column;margin:0 auto;display:flex;container:rxd/inline-size}.rxd-topbar{justify-content:space-between;align-items:center;gap:var(--rxd-space-4);padding:var(--rxd-space-4) var(--rxd-space-5);background:var(--rxd-color-ink);color:#fff;border-top-left-radius:var(--rxd-radius-lg);border-top-right-radius:var(--rxd-radius-lg);display:flex}.rxd-brand{align-items:center;gap:var(--rxd-space-2);letter-spacing:.01em;color:#fff;font-size:15px;font-weight:700;display:flex}.rxd-brand-mark{object-fit:contain;flex-shrink:0;width:32px;height:32px;display:block}.rxd-brand-sub{color:#fff9;font-size:12px;font-weight:400}.rxd-main{padding:var(--rxd-space-6) var(--rxd-space-5) var(--rxd-space-8);flex:auto}.rxd-container{max-width:1080px;margin:0 auto}.rxd-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--rxd-color-primary);margin-bottom:var(--rxd-space-2);font-size:12px;font-weight:700;display:inline-block}.rxd-h1{letter-spacing:-.02em;color:var(--rxd-color-ink);font-size:clamp(28px,4vw,42px);font-weight:800;line-height:1.12}.rxd-h2{letter-spacing:-.015em;color:var(--rxd-color-ink);font-size:clamp(22px,3vw,30px);font-weight:800;line-height:1.2}.rxd-h3{color:var(--rxd-color-ink);font-size:18px;font-weight:700}.rxd-lede{color:var(--rxd-color-text-muted);max-width:60ch;font-size:17px;line-height:1.6}.rxd-body{color:var(--rxd-color-text);font-size:15px}.rxd-small{color:var(--rxd-color-text-muted);font-size:13px}.rxd-btn{justify-content:center;align-items:center;gap:var(--rxd-space-2);border-radius:var(--rxd-radius-pill);cursor:pointer;transition:transform var(--rxd-transition-fast), box-shadow var(--rxd-transition-fast), background var(--rxd-transition-fast), color var(--rxd-transition-fast), border-color var(--rxd-transition-fast);white-space:nowrap;border:1px solid #0000;min-height:46px;padding:13px 24px;font-size:15px;font-weight:700;display:inline-flex}.rxd-btn:disabled{opacity:.5;cursor:not-allowed}.rxd-btn:focus-visible{outline:3px solid var(--rxd-color-primary);outline-offset:2px}.rxd-btn-primary{background:var(--rxd-color-primary);color:var(--rxd-color-primary-contrast);box-shadow:var(--rxd-shadow-sm)}.rxd-btn-primary:hover:not(:disabled){background:var(--rxd-color-primary-dark);box-shadow:var(--rxd-shadow-md);transform:translateY(-1px)}.rxd-btn-secondary{background:var(--rxd-color-surface);color:var(--rxd-color-ink);border-color:var(--rxd-color-border-strong)}.rxd-btn-secondary:hover:not(:disabled){border-color:var(--rxd-color-primary);color:var(--rxd-color-primary-dark)}.rxd-btn-ghost{color:var(--rxd-color-text-muted);background:0 0;padding-left:12px;padding-right:12px}.rxd-btn-ghost:hover:not(:disabled){color:var(--rxd-color-ink);background:#0000000a}.rxd-btn-block{width:100%}.rxd-btn-sm{min-height:36px;padding:8px 16px;font-size:13px}.rxd-progress{padding:var(--rxd-space-3) var(--rxd-space-5);background:var(--rxd-color-surface);border-bottom:1px solid var(--rxd-color-border);scrollbar-width:none;align-items:center;gap:0;display:flex;overflow-x:auto}.rxd-progress::-webkit-scrollbar{display:none}.rxd-progress-step{align-items:center;gap:var(--rxd-space-2);flex-shrink:0;display:flex}.rxd-progress-dot{background:var(--rxd-color-bg);border:2px solid var(--rxd-color-border-strong);width:24px;height:24px;color:var(--rxd-color-text-faint);transition:all var(--rxd-transition-med);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.rxd-progress-label{color:var(--rxd-color-text-faint);white-space:nowrap;font-size:13px;font-weight:600}.rxd-progress-step.is-complete .rxd-progress-dot{background:var(--rxd-color-primary);border-color:var(--rxd-color-primary);color:#fff}.rxd-progress-step.is-complete .rxd-progress-label{color:var(--rxd-color-text-muted)}.rxd-progress-step.is-active .rxd-progress-dot{border-color:var(--rxd-color-primary);color:var(--rxd-color-primary);box-shadow:0 0 0 4px var(--rxd-color-primary-light)}.rxd-progress-step.is-active .rxd-progress-label{color:var(--rxd-color-ink)}.rxd-progress-connector{background:var(--rxd-color-border-strong);width:24px;height:2px;margin:0 var(--rxd-space-2);flex-shrink:0}.rxd-progress-step.is-complete+.rxd-progress-connector{background:var(--rxd-color-primary)}.rxd-card-grid{gap:var(--rxd-space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.rxd-card{text-align:left;background:var(--rxd-color-surface);border:1.5px solid var(--rxd-color-border);border-radius:var(--rxd-radius-md);padding:var(--rxd-space-4);cursor:pointer;transition:border-color var(--rxd-transition-fast), box-shadow var(--rxd-transition-fast), transform var(--rxd-transition-fast);gap:var(--rxd-space-3);width:100%;color:inherit;flex-direction:column;display:flex;position:relative}.rxd-card:hover{border-color:var(--rxd-color-primary);box-shadow:var(--rxd-shadow-sm);transform:translateY(-2px)}.rxd-card:focus-visible{outline:3px solid var(--rxd-color-primary);outline-offset:2px}.rxd-card.is-selected{border-color:var(--rxd-color-primary);background:var(--rxd-color-primary-light);box-shadow:0 0 0 1px var(--rxd-color-primary)}.rxd-card-visual{aspect-ratio:4/3;border-radius:var(--rxd-radius-sm);background:var(--rxd-color-bg);justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.rxd-card-visual svg{width:100%;height:100%}.rxd-card-icon{border-radius:var(--rxd-radius-sm);background:var(--rxd-color-primary-light);width:44px;height:44px;color:var(--rxd-color-primary-dark);flex-shrink:0;justify-content:center;align-items:center;display:flex}.rxd-card.is-selected .rxd-card-icon{background:var(--rxd-color-primary);color:#fff}.rxd-card-badge{top:0;right:var(--rxd-space-3);z-index:1;border-radius:var(--rxd-radius-pill);background:var(--rxd-color-primary);color:var(--rxd-color-primary-contrast);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;box-shadow:var(--rxd-shadow-sm);padding:3px 10px;font-size:10.5px;font-weight:700;position:absolute;transform:translateY(-50%)}.rxd-card.has-badge{border-color:var(--rxd-color-primary-light)}.rxd-card-title{color:var(--rxd-color-ink);justify-content:space-between;align-items:center;gap:var(--rxd-space-2);font-size:15px;font-weight:700;display:flex}.rxd-card-desc{color:var(--rxd-color-text-muted);font-size:13px;line-height:1.5}.rxd-card-check{background:var(--rxd-color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;display:flex}.rxd-swatch-grid{gap:var(--rxd-space-3);grid-template-columns:repeat(auto-fill,minmax(84px,1fr));display:grid}.rxd-swatch{align-items:center;gap:var(--rxd-space-2);cursor:pointer;padding:var(--rxd-space-2);border-radius:var(--rxd-radius-sm);transition:border-color var(--rxd-transition-fast), background var(--rxd-transition-fast);background:0 0;border:1.5px solid #0000;flex-direction:column;display:flex}.rxd-swatch:hover{background:var(--rxd-color-surface)}.rxd-swatch.is-selected{border-color:var(--rxd-color-primary);background:var(--rxd-color-primary-light)}.rxd-swatch-color{border:1px solid #0000001f;border-radius:50%;flex-shrink:0;width:44px;height:44px;position:relative;box-shadow:inset 0 0 0 3px #fff,0 1px 3px #0000001f}.rxd-swatch.is-selected .rxd-swatch-color:after{content:"";border:2px solid var(--rxd-color-primary);border-radius:50%;position:absolute;inset:-5px}.rxd-swatch-name{color:var(--rxd-color-text);text-align:center;font-size:12px;font-weight:600}.rxd-field{flex-direction:column;gap:6px;display:flex}.rxd-label{color:var(--rxd-color-ink);font-size:13px;font-weight:700}.rxd-label-optional{color:var(--rxd-color-text-faint);font-weight:400}.rxd-input,.rxd-select,.rxd-textarea{border-radius:var(--rxd-radius-sm);border:1.5px solid var(--rxd-color-border-strong);background:var(--rxd-color-surface);color:var(--rxd-color-text);width:100%;transition:border-color var(--rxd-transition-fast), box-shadow var(--rxd-transition-fast);padding:11px 14px;font-family:inherit;font-size:15px}.rxd-input:focus,.rxd-select:focus,.rxd-textarea:focus{border-color:var(--rxd-color-primary);box-shadow:0 0 0 3px var(--rxd-color-primary-light);outline:none}.rxd-input.has-error,.rxd-select.has-error,.rxd-textarea.has-error{border-color:var(--rxd-color-error)}.rxd-error-text{color:var(--rxd-color-error);font-size:12px;font-weight:600}.rxd-textarea{resize:vertical;min-height:88px}.rxd-form-grid{gap:var(--rxd-space-4);grid-template-columns:repeat(2,1fr);display:grid}.rxd-form-grid .rxd-field-full{grid-column:1/-1}.rxd-radio-group{gap:var(--rxd-space-2);flex-wrap:wrap;display:flex}.rxd-radio-chip{border-radius:var(--rxd-radius-pill);border:1.5px solid var(--rxd-color-border-strong);background:var(--rxd-color-surface);cursor:pointer;transition:all var(--rxd-transition-fast);align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;display:inline-flex}.rxd-radio-chip.is-selected{border-color:var(--rxd-color-primary);background:var(--rxd-color-primary-light);color:var(--rxd-color-primary-dark)}.rxd-checkbox-row{align-items:flex-start;gap:var(--rxd-space-2);display:flex}.rxd-checkbox-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--rxd-color-primary);flex-shrink:0;margin-top:3px}.rxd-config-layout{gap:var(--rxd-space-6);grid-template-columns:1fr;align-items:start;display:grid}.rxd-config-controls{gap:var(--rxd-space-6);flex-direction:column;min-width:0;display:flex}.rxd-config-visual{z-index:2;background:var(--rxd-color-bg);order:-1;position:sticky;top:0}.rxd-config-visual .rxd-visualizer{padding:var(--rxd-space-3)}.rxd-config-visual .rxd-visualizer-stage svg{width:100%;height:120px}.rxd-config-visual .rxd-visualizer-caption{margin-top:var(--rxd-space-2)}@container rxd (width>=760px){.rxd-config-layout{grid-template-columns:minmax(0,1fr) minmax(280px,320px)}.rxd-config-visual{top:var(--rxd-space-4);z-index:auto;background:0 0;order:0}.rxd-config-visual .rxd-visualizer{padding:var(--rxd-space-4)}.rxd-config-visual .rxd-visualizer-stage svg{height:auto}.rxd-config-visual .rxd-visualizer-caption{margin-top:var(--rxd-space-3)}}@container rxd (width>=1000px){.rxd-config-layout{grid-template-columns:minmax(0,1fr) minmax(340px,440px)}}.rxd-section{gap:var(--rxd-space-3);flex-direction:column;display:flex}.rxd-section-head{margin-bottom:var(--rxd-space-1);flex-direction:column;gap:4px;display:flex}.rxd-visualizer{background:var(--rxd-color-surface);border:1px solid var(--rxd-color-border);border-radius:var(--rxd-radius-lg);padding:var(--rxd-space-4);box-shadow:var(--rxd-shadow-sm)}.rxd-visualizer-stage{border-radius:var(--rxd-radius-md);background:linear-gradient(#cfe4f0 0%,#e9f1e4 62%,#dfe8da 100%);position:relative;overflow:hidden}.rxd-visualizer-stage svg{width:100%;height:auto;display:block}.rxd-visualizer-toggle{gap:var(--rxd-space-2);margin-bottom:var(--rxd-space-3);display:flex}.rxd-visualizer-toggle button{flex:1}.rxd-visualizer-caption{margin-top:var(--rxd-space-3);color:var(--rxd-color-text-faint);justify-content:space-between;align-items:center;font-size:12px;display:flex}.rxd-summary{background:var(--rxd-color-surface);border:1px solid var(--rxd-color-border);border-radius:var(--rxd-radius-lg);padding:var(--rxd-space-5);gap:var(--rxd-space-4);flex-direction:column;display:flex}.rxd-summary-list{gap:var(--rxd-space-3);flex-direction:column;display:flex}.rxd-summary-row{justify-content:space-between;align-items:center;gap:var(--rxd-space-3);padding-bottom:var(--rxd-space-3);border-bottom:1px solid var(--rxd-color-border);display:flex}.rxd-summary-row:last-child{border-bottom:none;padding-bottom:0}.rxd-summary-row-label{text-transform:uppercase;letter-spacing:.04em;color:var(--rxd-color-text-faint);font-size:12px;font-weight:700}.rxd-summary-row-value{color:var(--rxd-color-ink);text-align:right;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.rxd-summary-swatch{border:1px solid #00000026;border-radius:50%;flex-shrink:0;width:16px;height:16px}.rxd-summary-empty{color:var(--rxd-color-text-faint);font-size:13px;font-style:italic}.rxd-dropzone{border:2px dashed var(--rxd-color-border-strong);border-radius:var(--rxd-radius-md);padding:var(--rxd-space-7) var(--rxd-space-5);text-align:center;background:var(--rxd-color-surface);cursor:pointer;transition:border-color var(--rxd-transition-fast), background var(--rxd-transition-fast);align-items:center;gap:var(--rxd-space-3);flex-direction:column;display:flex}.rxd-dropzone:hover,.rxd-dropzone.is-dragging{border-color:var(--rxd-color-primary);background:var(--rxd-color-primary-light)}.rxd-dropzone:focus-visible{outline:3px solid var(--rxd-color-primary);outline-offset:3px}.rxd-dropzone-icon{background:var(--rxd-color-primary-light);width:56px;height:56px;color:var(--rxd-color-primary-dark);border-radius:50%;justify-content:center;align-items:center;display:flex}.rxd-upload-preview{border-radius:var(--rxd-radius-md);border:1px solid var(--rxd-color-border);position:relative;overflow:hidden}.rxd-upload-preview img{object-fit:cover;width:100%;max-height:420px}.rxd-upload-actions{gap:var(--rxd-space-2);margin-top:var(--rxd-space-3);display:flex}.rxd-progress-bar-track{border-radius:var(--rxd-radius-pill);background:var(--rxd-color-border);height:6px;overflow:hidden}.rxd-progress-bar-fill{background:var(--rxd-color-primary);height:100%;transition:width var(--rxd-transition-med)}.rxd-loading-panel{text-align:center;justify-content:center;align-items:center;gap:var(--rxd-space-4);padding:var(--rxd-space-8) var(--rxd-space-5);flex-direction:column;display:flex}.rxd-spinner{border:4px solid var(--rxd-color-primary-light);border-top-color:var(--rxd-color-primary);border-radius:50%;width:48px;height:48px;animation:.9s linear infinite rxd-spin}@keyframes rxd-spin{to{transform:rotate(360deg)}}.rxd-loading-steps{color:var(--rxd-color-text-muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.rxd-badge{border-radius:var(--rxd-radius-pill);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.rxd-badge-demo{background:var(--rxd-color-primary-light);color:var(--rxd-color-primary-dark)}.rxd-badge-success{background:var(--rxd-color-success-bg);color:var(--rxd-color-success)}.rxd-callout{gap:var(--rxd-space-3);padding:var(--rxd-space-4);border-radius:var(--rxd-radius-md);background:var(--rxd-color-primary-light);color:var(--rxd-color-ink-light);border:1px solid #c85a1c40;font-size:13px;line-height:1.5;display:flex}.rxd-footer-nav{z-index:3;justify-content:space-between;align-items:center;gap:var(--rxd-space-3);padding:var(--rxd-space-3) var(--rxd-space-5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--rxd-color-border);border-bottom-left-radius:var(--rxd-radius-lg);border-bottom-right-radius:var(--rxd-radius-lg);background:#faf7f2eb;display:flex;position:sticky;bottom:0}.rxd-hero{gap:var(--rxd-space-7);padding:var(--rxd-space-6) 0;grid-template-columns:1.1fr .9fr;align-items:center;display:grid}.rxd-hero-actions{gap:var(--rxd-space-3);margin-top:var(--rxd-space-5);flex-wrap:wrap;display:flex}.rxd-hero-visual{border-radius:var(--rxd-radius-lg);box-shadow:var(--rxd-shadow-md);border:1px solid var(--rxd-color-border);overflow:hidden}.rxd-hero-stats{gap:var(--rxd-space-6);margin-top:var(--rxd-space-6);flex-wrap:wrap;display:flex}.rxd-hero-stat-num{color:var(--rxd-color-ink);font-size:22px;font-weight:800}.rxd-hero-stat-label{color:var(--rxd-color-text-muted);font-size:12px}.rxd-modal-overlay{padding:var(--rxd-space-4);z-index:1000;background:#18120e8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.rxd-modal{background:var(--rxd-color-surface);border-radius:var(--rxd-radius-lg);padding:var(--rxd-space-6);width:100%;max-width:480px;box-shadow:var(--rxd-shadow-lg);max-height:90vh;overflow-y:auto}.rxd-modal-wide{max-width:min(900px,100%)}.rxd-compare{gap:var(--rxd-space-3);grid-template-columns:1fr 1fr;display:grid}.rxd-compare-panel{border-radius:var(--rxd-radius-md);border:1px solid var(--rxd-color-border);width:100%;font:inherit;color:inherit;cursor:zoom-in;transition:border-color var(--rxd-transition-fast), box-shadow var(--rxd-transition-fast);background:0 0;padding:0;display:block;position:relative;overflow:hidden}.rxd-compare-panel:hover{border-color:var(--rxd-color-primary);box-shadow:var(--rxd-shadow-md)}.rxd-compare-panel:focus-visible{outline:3px solid var(--rxd-color-primary);outline-offset:2px}.rxd-compare-zoom{border-radius:var(--rxd-radius-pill);color:#fff;letter-spacing:.03em;pointer-events:none;background:#18120eb8;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;bottom:10px;right:10px}.rxd-compare-full{border-radius:var(--rxd-radius-md);background:linear-gradient(#cfe4f0 0%,#e9f1e4 62%,#dfe8da 100%);overflow:hidden}.rxd-compare-full img,.rxd-compare-full svg{object-fit:contain;width:100%;height:auto;max-height:70vh;display:block}.rxd-compare-panel img{object-fit:cover;width:100%;height:260px}.rxd-compare-tag{color:#fff;text-transform:uppercase;letter-spacing:.04em;border-radius:var(--rxd-radius-pill);background:#18120eb8;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:10px;left:10px}@container rxd (width<=900px){.rxd-hero{gap:var(--rxd-space-5);grid-template-columns:1fr}.rxd-form-grid,.rxd-compare{grid-template-columns:1fr}}@container rxd (width<=640px){.rxd-main{padding:var(--rxd-space-5) var(--rxd-space-3) var(--rxd-space-7)}.rxd-topbar{padding:var(--rxd-space-3) var(--rxd-space-3)}.rxd-card-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.rxd-swatch-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}.rxd-btn{min-height:48px}.rxd-footer-nav,.rxd-modal-wide{padding:var(--rxd-space-3)}}.rxd-md-manufacturer{align-items:baseline;gap:var(--rxd-space-3);padding:var(--rxd-space-3) var(--rxd-space-4);background:var(--rxd-color-surface);border:1px solid var(--rxd-color-border);border-radius:var(--rxd-radius-md);display:flex}.rxd-md-manufacturer-label{letter-spacing:.06em;text-transform:uppercase;color:var(--rxd-color-text-faint);font-size:11px;font-weight:700}.rxd-md-manufacturer-name{color:var(--rxd-color-ink);font-size:16px;font-weight:800}.rxd-md-manufacturer-brand{color:var(--rxd-color-text-muted);font-size:13px;font-weight:400}.rxd-md-disclaimer{margin-bottom:var(--rxd-space-4)}.rxd-md-color-group{margin-bottom:var(--rxd-space-5)}.rxd-md-color-group-title{align-items:baseline;gap:var(--rxd-space-2);margin:0 0 var(--rxd-space-3);letter-spacing:.04em;text-transform:uppercase;color:var(--rxd-color-text-muted);flex-wrap:wrap;font-size:13px;font-weight:700;display:flex}.rxd-md-color-group-note{letter-spacing:0;text-transform:none;color:var(--rxd-color-text-faint);font-size:11px;font-weight:500}.rxd-md-specs{border:1px solid var(--rxd-color-border);border-radius:var(--rxd-radius-md);background:var(--rxd-color-surface);padding:var(--rxd-space-4)}.rxd-md-specs-summary{cursor:pointer;color:var(--rxd-color-ink);font-size:14px;font-weight:700}.rxd-md-specs-summary:focus-visible{outline:3px solid var(--rxd-color-primary);outline-offset:2px}.rxd-md-specs-list{margin:var(--rxd-space-4) 0 0;gap:var(--rxd-space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.rxd-md-specs-list div{flex-direction:column;gap:2px;display:flex}.rxd-md-specs-list dt{letter-spacing:.04em;text-transform:uppercase;color:var(--rxd-color-text-faint);font-size:11px;font-weight:700}.rxd-md-specs-list dd{color:var(--rxd-color-ink);margin:0;font-size:14px;font-weight:600}.rxd-md-features{margin:var(--rxd-space-4) 0 var(--rxd-space-3);flex-direction:column;gap:6px;display:flex}.rxd-md-features li{color:var(--rxd-color-text-muted);padding-left:18px;font-size:13px;line-height:1.5;position:relative}.rxd-md-features li:before{content:"";background:var(--rxd-color-primary);border-radius:50%;width:6px;height:6px;position:absolute;top:7px;left:0}.rxd-md-specs a{color:var(--rxd-color-primary-dark)}.rxd-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.rxd :focus-visible{outline:3px solid var(--rxd-color-primary);outline-offset:2px}.rxd .rxd-md-photo{width:100%;height:100%;margin:0;position:relative}.rxd .rxd-md-photo img{object-fit:cover;width:100%;height:100%;display:block}.rxd .rxd-md-photo figcaption{color:#fff;letter-spacing:.01em;background:#0009;border-radius:3px;padding:2px 5px;font-size:9px;line-height:1.3;position:absolute;bottom:4px;right:4px}.rxd .rxd-swatch-color{background-position:50%;background-size:cover}.rxd-pw{display:contents}.rxd-pw-disclaimer{margin-bottom:var(--rxd-space-4)}.rxd-pw-color-group{margin-bottom:var(--rxd-space-5)}.rxd-pw-color-group-title{align-items:baseline;gap:var(--rxd-space-2);margin:0 0 var(--rxd-space-3);letter-spacing:.04em;text-transform:uppercase;color:var(--rxd-color-text-muted);flex-wrap:wrap;font-size:13px;font-weight:700;display:flex}.rxd-pw-group-note{letter-spacing:0;text-transform:none;color:var(--rxd-color-text-faint);font-size:12px;font-weight:500}.rxd-pw-grid-group{margin-bottom:var(--rxd-space-4)}.rxd-pw-subhead{color:var(--rxd-color-ink);margin:0;font-size:15px;font-weight:700}.rxd-pw-note{margin-top:var(--rxd-space-3);color:var(--rxd-color-text-muted);max-width:62ch}.rxd-pw-chip-tag{background:var(--rxd-color-primary-light);color:var(--rxd-color-primary-dark);letter-spacing:.04em;text-transform:uppercase;border-radius:3px;margin-left:6px;padding:1px 5px;font-size:10px;font-weight:700}.rxd-pw-specs{border:1px solid var(--rxd-color-border);border-radius:var(--rxd-radius-md);background:var(--rxd-color-surface);padding:var(--rxd-space-4)}.rxd-pw-specs-summary{cursor:pointer;color:var(--rxd-color-ink);font-size:14px;font-weight:700}.rxd-pw-specs-summary:focus-visible{outline:2px solid var(--rxd-color-primary);outline-offset:2px}.rxd-pw-specs-list{margin:var(--rxd-space-4) 0 0;gap:var(--rxd-space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.rxd-pw-specs-list div{flex-direction:column;gap:2px;display:flex}.rxd-pw-specs-list dt{letter-spacing:.04em;text-transform:uppercase;color:var(--rxd-color-text-faint);font-size:11px;font-weight:700}.rxd-pw-specs-list dd{color:var(--rxd-color-ink);margin:0;font-size:14px;font-weight:600}.rxd-pw-features{margin:var(--rxd-space-4) 0 0;padding:0;list-style:none}.rxd-pw-features li{color:var(--rxd-color-text-muted);margin-bottom:6px;padding-left:18px;font-size:14px;position:relative}.rxd-pw-features li:before{content:"";background:var(--rxd-color-primary);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:0}.rxd-pw-specs a{color:var(--rxd-color-primary-strong,var(--rxd-color-primary))}.rxd-window-grid{gap:var(--rxd-space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.rxd-window-card{gap:var(--rxd-space-2);padding:var(--rxd-space-4);background:var(--rxd-color-surface);border:1px solid var(--rxd-color-border);border-radius:var(--rxd-radius-md);box-shadow:var(--rxd-shadow-sm);flex-direction:column;display:flex}.rxd-window-card.is-incomplete{border-color:var(--rxd-color-primary);background:var(--rxd-color-primary-light)}.rxd-window-card-head{justify-content:space-between;align-items:center;gap:var(--rxd-space-2);display:flex}.rxd-window-qty{color:var(--rxd-color-primary);background:var(--rxd-color-primary-light);border-radius:var(--rxd-radius-pill);padding:2px 9px;font-size:12px;font-weight:600}.rxd-window-card.is-incomplete .rxd-window-qty{background:var(--rxd-color-surface)}.rxd-window-card-location{color:var(--rxd-color-text);margin:0;font-size:15px;font-weight:600;line-height:1.3}.rxd-window-card-lines{color:var(--rxd-color-text-muted);flex-direction:column;gap:2px;font-size:13px;display:flex}.rxd-window-card-finish{color:var(--rxd-color-text-faint);margin:0;font-size:12.5px;line-height:1.45}.rxd-window-card-warning{color:var(--rxd-color-primary-dark);align-items:center;gap:6px;margin:0;font-size:13px;font-weight:500;display:flex}.rxd-window-card-actions{gap:var(--rxd-space-2);margin-top:var(--rxd-space-2);padding-top:var(--rxd-space-3);border-top:1px solid var(--rxd-color-border);flex-wrap:wrap;display:flex}.rxd-window-empty{align-items:center;gap:var(--rxd-space-2);padding:var(--rxd-space-7) var(--rxd-space-4);text-align:center;color:var(--rxd-color-text-muted);background:var(--rxd-color-surface);border:1px dashed var(--rxd-color-border-strong);border-radius:var(--rxd-radius-md);flex-direction:column;display:flex}.rxd-window-empty p{margin:0}.rxd-window-empty .rxd-btn{margin-top:var(--rxd-space-3)}.rxd-window-add{margin-top:var(--rxd-space-4)}.rxd-window-editor-bar{justify-content:space-between;align-items:center;gap:var(--rxd-space-3);padding-bottom:var(--rxd-space-3);border-bottom:1px solid var(--rxd-color-border);display:flex}.rxd-window-editor-footer{gap:var(--rxd-space-3);border-top:1px solid var(--rxd-color-border);padding-top:var(--rxd-space-5);flex-direction:column;display:flex}.rxd-window-location{gap:var(--rxd-space-4);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.rxd-window-location .rxd-field-wide{grid-column:1/-1}@container rxd (width<=640px){.rxd-window-grid{grid-template-columns:1fr}.rxd-window-card-actions .rxd-btn{flex:100%;justify-content:center}.rxd-window-location{grid-template-columns:1fr}}.rxd-soffit-step-number{width:22px;height:22px;margin-right:var(--rxd-space-2);border-radius:var(--rxd-radius-pill);background:var(--rxd-color-primary-light);color:var(--rxd-color-primary-dark);vertical-align:middle;justify-content:center;align-items:center;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.rxd-soffit-result{align-items:center;gap:var(--rxd-space-4);padding:var(--rxd-space-4);background:var(--rxd-color-surface);border:1px solid var(--rxd-color-border-strong);border-radius:var(--rxd-radius-md);box-shadow:var(--rxd-shadow-sm);display:flex}.rxd-soffit-result-art{background:var(--rxd-color-bg);border:1px solid var(--rxd-color-border);border-radius:var(--rxd-radius-sm);padding:var(--rxd-space-2);flex:0 0 168px}.rxd-soffit-result-body{flex:auto;min-width:0}.rxd-soffit-result-body .rxd-h3{margin:2px 0 4px}.rxd-soffit-art-note{color:var(--rxd-color-text-faint)}.rxd-soffit-card-art{background:var(--rxd-color-bg);border:1px solid var(--rxd-color-border);border-radius:var(--rxd-radius-sm);padding:var(--rxd-space-2)}.rxd-soffit-colors{gap:var(--rxd-space-3);flex-direction:column;display:flex}.rxd-swatch-code{color:var(--rxd-color-text-faint);font-size:11px}.rxd-swatch-color.is-unswatched{background-color:var(--rxd-color-surface);background-image:repeating-linear-gradient(45deg, var(--rxd-color-border) 0, var(--rxd-color-border) 2px, transparent 2px, transparent 6px)}.rxd-soffit-measure{margin-top:var(--rxd-space-4)}.rxd-soffit-area{align-items:baseline;gap:var(--rxd-space-2) var(--rxd-space-3);margin-top:var(--rxd-space-4);padding:var(--rxd-space-3) var(--rxd-space-4);background:var(--rxd-color-primary-light);border-radius:var(--rxd-radius-md);flex-wrap:wrap;display:flex}.rxd .rxd-tc-search{gap:var(--rxd-space-2);margin-bottom:var(--rxd-space-4);flex-direction:column;display:flex}.rxd .rxd-tc-search-box{align-items:center;gap:var(--rxd-space-2);display:flex;position:relative}.rxd .rxd-tc-search-box svg{color:var(--rxd-color-text-muted);pointer-events:none;position:absolute;left:12px}.rxd .rxd-tc-search-box .rxd-input{padding-left:38px}.rxd .rxd-tc-group+.rxd-tc-group{margin-top:var(--rxd-space-5)}.rxd .rxd-tc-group-title{margin:0 0 var(--rxd-space-3);letter-spacing:.08em;text-transform:uppercase;color:var(--rxd-color-text-muted);font-size:11px;font-weight:700}.rxd .rxd-tc-grid{gap:var(--rxd-space-2);grid-template-columns:repeat(auto-fill,minmax(148px,1fr));display:grid}.rxd .rxd-tc-swatch{align-items:center;gap:var(--rxd-space-3);padding:var(--rxd-space-2);border:1.5px solid var(--rxd-color-border);border-radius:var(--rxd-radius-sm);background:var(--rxd-color-surface);cursor:pointer;text-align:left;transition:border-color var(--rxd-transition-fast), background var(--rxd-transition-fast);display:flex}.rxd .rxd-tc-swatch:hover{border-color:var(--rxd-color-text-muted)}.rxd .rxd-tc-swatch.is-selected{border-color:var(--rxd-color-primary);background:var(--rxd-color-primary-light)}.rxd .rxd-tc-chip{border-radius:var(--rxd-radius-sm);color:#fff;filter:drop-shadow(0 0 1px #0009);border:1px solid #0000002e;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex;box-shadow:inset 0 1px 2px #ffffff40}.rxd .rxd-tc-meta{flex-direction:column;min-width:0;display:flex}.rxd .rxd-tc-name{color:var(--rxd-color-text);overflow-wrap:anywhere;font-size:12.5px;font-weight:600;line-height:1.25}.rxd .rxd-tc-code{font-variant-numeric:tabular-nums;color:var(--rxd-color-text-muted);font-size:11px}.rxd .rxd-tc-badge{letter-spacing:.06em;text-transform:uppercase;background:var(--rxd-color-primary-light);color:var(--rxd-color-primary);white-space:nowrap;border-radius:3px;align-self:flex-start;margin-left:auto;padding:2px 5px;font-size:9px;font-weight:700}.rxd .rxd-fascia-fields{gap:var(--rxd-space-3);margin-bottom:var(--rxd-space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.rxd .rxd-fascia-total{align-items:baseline;gap:var(--rxd-space-2) var(--rxd-space-3);margin-top:var(--rxd-space-4);padding:var(--rxd-space-3) var(--rxd-space-4);background:var(--rxd-color-primary-light);border-radius:var(--rxd-radius-md);flex-wrap:wrap;display:flex}.rxd-soffit-area-label{letter-spacing:.06em;text-transform:uppercase;color:var(--rxd-color-primary-dark);font-size:12px;font-weight:600}.rxd-soffit-area-value{color:var(--rxd-color-text);font-size:22px;font-weight:700}.rxd-soffit-area-waste{color:var(--rxd-color-text-muted);font-size:13px}.rxd-soffit-summary{margin-bottom:var(--rxd-space-4);padding:var(--rxd-space-4);background:var(--rxd-color-surface);border:1px solid var(--rxd-color-border);border-radius:var(--rxd-radius-md)}.rxd-soffit-summary-figure{align-items:baseline;gap:var(--rxd-space-2);display:flex}.rxd-soffit-summary-value{color:var(--rxd-color-text);font-size:26px;font-weight:700}.rxd-soffit-summary-label{color:var(--rxd-color-text-muted);font-size:13px}.rxd-soffit-summary-products{margin:var(--rxd-space-3) 0 0;color:var(--rxd-color-text-muted);padding-left:18px;font-size:13px}.rxd-soffit-summary-products li{margin-bottom:2px}@container rxd (width<=640px){.rxd-soffit-result{flex-direction:column;align-items:stretch}.rxd-soffit-result-art{flex:none;max-width:180px}}.rxd .rxd-fascia-total{align-items:baseline;gap:var(--rxd-space-2) var(--rxd-space-3);padding:var(--rxd-space-3) var(--rxd-space-4);border-radius:var(--rxd-radius-sm);background:var(--rxd-color-primary-light);flex-wrap:wrap;display:flex}.rxd .rxd-fascia-total-label{letter-spacing:.04em;text-transform:uppercase;color:var(--rxd-color-text-muted);font-size:12px;font-weight:600}.rxd .rxd-fascia-total-value{font-variant-numeric:tabular-nums;color:var(--rxd-color-primary);font-size:20px;font-weight:700}.rxd .rxd-fascia-total-value abbr{font-size:13px;text-decoration:none}.rxd .rxd-fascia-dot{vertical-align:-1px;border:1px solid #0003;border-radius:3px;width:12px;height:12px;margin-right:6px;display:inline-block}.rxd .rxd-fascia-rollup{margin-top:var(--rxd-space-4);padding:var(--rxd-space-4);border:1px solid var(--rxd-color-border);border-radius:var(--rxd-radius-sm);background:var(--rxd-color-surface)}.rxd .rxd-fascia-rollup-title{margin:0 0 var(--rxd-space-3);letter-spacing:.08em;text-transform:uppercase;color:var(--rxd-color-text-muted);font-size:11px;font-weight:700}.rxd .rxd-fascia-rollup-list{margin:0 0 var(--rxd-space-2);gap:var(--rxd-space-2);flex-direction:column;padding:0;list-style:none;display:flex}.rxd .rxd-fascia-rollup-list li{align-items:center;gap:var(--rxd-space-2);font-size:13.5px;display:flex}.rxd .rxd-fascia-rollup-name{flex:auto;min-width:0}.rxd .rxd-fascia-rollup-feet{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.rxd-project-promise{align-items:flex-start;gap:var(--rxd-space-2);margin-top:var(--rxd-space-2);color:var(--rxd-color-primary-dark);display:flex}.rxd-project-promise svg{flex-shrink:0;margin-top:2px}