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;overflow:hidden}.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;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:1}.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-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:minmax(0,1fr) minmax(340px,440px);align-items:start;display:grid}.rxd-config-controls{gap:var(--rxd-space-6);flex-direction:column;min-width:0;display:flex}.rxd-config-visual{top:var(--rxd-space-4);position:sticky}.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{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);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-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);position:relative;overflow:hidden}.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}@media (width<=900px){.rxd-hero{gap:var(--rxd-space-5);grid-template-columns:1fr}.rxd-config-layout{grid-template-columns:1fr}.rxd-config-visual{order:-1;position:static}.rxd-form-grid,.rxd-compare{grid-template-columns:1fr}}@media (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{padding:var(--rxd-space-3)}}.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}