:root{--jrd-primary: #1a3c5e;--jrd-primary-light: #2a5c8e;--jrd-accent: #e8a838;--jrd-success: #28a745;--jrd-danger: #dc3545;--jrd-warning: #ffc107;--jrd-gray-50: #f9fafb;--jrd-gray-100: #f3f4f6;--jrd-gray-200: #e5e7eb;--jrd-gray-300: #d1d5db;--jrd-gray-500: #6b7280;--jrd-gray-700: #374151;--jrd-gray-900: #111827;--jrd-radius: 8px;--jrd-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);--jrd-shadow-lg: 0 10px 15px rgba(0,0,0,.1), 0 4px 6px rgba(0,0,0,.05)}#joreds-configurator-root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--jrd-gray-900);padding:20px}.jrd-stepper{display:flex;justify-content:center;gap:4px;margin-bottom:32px;flex-wrap:wrap}.jrd-step-indicator{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;font-size:13px;font-weight:500;background:var(--jrd-gray-100);color:var(--jrd-gray-500);cursor:pointer;transition:all .2s;border:2px solid transparent}.jrd-step-indicator:hover{background:var(--jrd-gray-200)}.jrd-step-indicator.active{background:var(--jrd-primary);color:#fff;border-color:var(--jrd-primary)}.jrd-step-indicator.completed{background:var(--jrd-success);color:#fff}.jrd-step-indicator.completed.has-warn{background:#f59e0b}.jrd-step-indicator .step-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#fff3;font-size:12px;font-weight:700}.jrd-card{background:#fff;border:1px solid var(--jrd-gray-200);border-radius:var(--jrd-radius);padding:24px;margin-bottom:20px;box-shadow:var(--jrd-shadow)}.jrd-card h2{margin:0 0 16px;font-size:20px;color:var(--jrd-primary)}.jrd-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.jrd-type-card{display:flex;flex-direction:column;align-items:center;padding:24px 16px;border:2px solid var(--jrd-gray-200);border-radius:var(--jrd-radius);cursor:pointer;transition:all .2s;text-align:center;background:#fff}.jrd-type-card:hover{border-color:var(--jrd-primary-light);box-shadow:var(--jrd-shadow-lg);transform:translateY(-2px)}.jrd-type-card.selected{border-color:var(--jrd-primary);background:var(--jrd-gray-50)}.jrd-type-card .icon{font-size:32px;margin-bottom:8px}.jrd-type-card .label{font-weight:600;font-size:14px}.jrd-type-card .sublabel{font-size:12px;color:var(--jrd-gray-500);margin-top:4px}.jrd-type-card.locked{position:relative;opacity:.5;cursor:default;pointer-events:none;filter:grayscale(.6)}.jrd-type-card.locked:hover{border-color:var(--jrd-gray-200);box-shadow:none;transform:none}.jrd-locked-badge{position:absolute;top:8px;right:8px;background:var(--jrd-gray-700);color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;letter-spacing:.3px;text-transform:uppercase;line-height:1.6}.jrd-sink-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.jrd-sink-header h2{margin-bottom:4px}.jrd-sink-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.jrd-sink-filters select{padding:6px 10px;border:1px solid var(--jrd-gray-200);border-radius:var(--jrd-radius);font-size:13px;background:#fff;min-width:140px}.jrd-sink-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-bottom:16px}.jrd-sink-card{border:2px solid var(--jrd-gray-200);border-radius:var(--jrd-radius);overflow:hidden;cursor:pointer;transition:all .2s;background:#fff}.jrd-sink-card:hover{border-color:var(--jrd-primary-light);box-shadow:var(--jrd-shadow-lg);transform:translateY(-2px)}.jrd-sink-card.selected{border-color:var(--jrd-primary);box-shadow:0 0 0 2px #1a3c5e26}.jrd-sink-card-img{position:relative;width:100%;aspect-ratio:4 / 3;background:var(--jrd-gray-50);display:flex;align-items:center;justify-content:center;overflow:hidden}.jrd-sink-card-img img{max-width:100%;max-height:100%;object-fit:contain}.jrd-sink-card-placeholder{font-size:40px;opacity:.3}.jrd-sink-card-info{padding:10px 12px}.jrd-sink-card-brand{font-size:11px;color:var(--jrd-gray-500);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.jrd-sink-card-name{font-weight:600;font-size:14px;margin:2px 0 4px}.jrd-sink-card-meta{font-size:12px;color:var(--jrd-gray-500);line-height:1.4}.jrd-sink-card-price{font-weight:700;font-size:14px;color:var(--jrd-primary);margin-top:6px}.jrd-sink-expanded{grid-column:1 / -1;background:var(--jrd-gray-50);border:2px solid var(--jrd-primary);border-radius:var(--jrd-radius);padding:20px;animation:jrd-expand .25s ease-out}@keyframes jrd-expand{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.jrd-sink-expanded-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.jrd-sink-placement-dims{font-size:13px;color:var(--jrd-gray-500);margin-bottom:10px}@media(max-width:600px){.jrd-sink-expanded{padding:14px}.jrd-sink-expanded-head{flex-direction:column;gap:8px}}.jrd-routing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.jrd-routing-header h3{margin:0;font-size:18px}.jrd-optional-badge{font-weight:400;font-size:13px;color:var(--jrd-gray-500)}.jrd-routing-empty{color:var(--jrd-gray-500);font-size:14px;padding:16px 0}.jrd-routing-list{display:flex;flex-direction:column;gap:16px}.jrd-routing-card{border:1px solid var(--jrd-gray-200);border-radius:var(--jrd-radius);padding:16px;background:#fff;box-shadow:var(--jrd-shadow)}.jrd-routing-card.jrd-routing-warning{border-color:#f59e0b;background:#fffbeb}.jrd-routing-card-actions{display:flex;gap:6px;align-items:center}.jrd-routing-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.jrd-routing-card-num{font-weight:700;font-size:15px;color:var(--jrd-primary)}.jrd-routing-inputs{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.jrd-routing-field{display:flex;flex-direction:column;gap:4px}.jrd-routing-field span{font-size:12px;font-weight:600;color:var(--jrd-gray-600)}.jrd-routing-field input{padding:8px 10px;border:1px solid var(--jrd-gray-200);border-radius:6px;font-size:14px}.jrd-routing-field input:focus{border-color:var(--jrd-primary);outline:none;box-shadow:0 0 0 2px #1a3c5e1a}.jrd-routing-field-wide{grid-column:1 / -1}.jrd-routing-warn-text{margin-top:8px;font-size:13px;color:#b45309;font-weight:500}.jrd-decor-filters{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.jrd-filter-btn{padding:6px 14px;border:1px solid var(--jrd-gray-300);border-radius:16px;background:#fff;cursor:pointer;font-size:13px;transition:all .15s}.jrd-filter-btn:hover{background:var(--jrd-gray-100)}.jrd-filter-btn.active{background:var(--jrd-primary);color:#fff;border-color:var(--jrd-primary)}.jrd-decor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.jrd-decor-card{border:2px solid var(--jrd-gray-200);border-radius:var(--jrd-radius);padding:14px;cursor:pointer;transition:all .2s;text-align:center}.jrd-decor-card:hover{border-color:var(--jrd-primary-light);box-shadow:var(--jrd-shadow)}.jrd-decor-card.selected{border-color:var(--jrd-primary);background:var(--jrd-gray-50)}.jrd-decor-card .swatch{width:100%;height:120px;border-radius:4px;background:var(--jrd-gray-200);margin-bottom:8px;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--jrd-gray-500);overflow:hidden}.jrd-decor-card .swatch img{width:100%;height:100%;object-fit:cover}.jrd-decor-card .name{font-weight:600;font-size:13px}.jrd-decor-card .code{font-size:11px;color:var(--jrd-gray-500)}.jrd-decor-card .surface{font-size:11px;color:var(--jrd-primary-light)}.jrd-decor-readmore{display:inline-block;margin-top:6px;font-size:11px;font-weight:600;color:var(--jrd-primary);text-decoration:none}.jrd-decor-readmore:hover{text-decoration:underline}.jrd-shape-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.jrd-shape-card{display:flex;flex-direction:column;align-items:center;padding:14px 10px 10px;border:2px solid var(--jrd-gray-200);border-radius:var(--jrd-radius);cursor:pointer;transition:all .2s;text-align:center;background:#fff}.jrd-shape-card:hover{border-color:var(--jrd-primary-light);box-shadow:var(--jrd-shadow-lg);transform:translateY(-2px)}.jrd-shape-card.selected{border-color:var(--jrd-primary);background:var(--jrd-gray-50);box-shadow:0 0 0 3px #1a3c5e26}.jrd-shape-thumb{width:100%;max-width:100px;height:56px;margin-bottom:8px}.jrd-shape-label{font-weight:600;font-size:13px;color:var(--jrd-gray-900)}.jrd-shape-desc{font-size:11px;color:var(--jrd-gray-500);margin-top:2px}.jrd-orientation-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--jrd-gray-200)}.jrd-orientation-section h3{font-size:16px;margin:0 0 4px;color:var(--jrd-primary)}.jrd-orientation-hint{font-size:13px;color:var(--jrd-gray-500);margin:0 0 14px}.jrd-orientation-grid{display:flex;gap:10px;flex-wrap:wrap}.jrd-orientation-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 14px;border:2px solid var(--jrd-gray-200);border-radius:var(--jrd-radius);cursor:pointer;transition:all .2s;background:#fff;min-width:90px}.jrd-orientation-card:hover{border-color:var(--jrd-primary-light);box-shadow:var(--jrd-shadow)}.jrd-orientation-card.active{border-color:var(--jrd-primary);background:#1a3c5e0f;box-shadow:0 0 0 1px var(--jrd-primary)}.jrd-orientation-thumb{width:72px;height:50px;overflow:visible}.jrd-orientation-label{font-size:12px;font-weight:600;color:var(--jrd-gray-700);text-align:center}.jrd-orientation-card.active .jrd-orientation-label{color:var(--jrd-primary)}.jrd-dim-layout{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}.jrd-dim-diagram{flex:0 0 220px;min-width:180px;padding:8px;background:var(--jrd-gray-50);border:1px solid var(--jrd-gray-200);border-radius:var(--jrd-radius)}.jrd-dim-diagram svg{width:100%;height:auto}.jrd-dim-fields{flex:1;min-width:250px}.jrd-dim-key{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--jrd-primary);color:#fff;font-size:11px;font-weight:700;margin-right:4px}.jrd-badge-shape{background:#e8eaf6;color:#1a237e}.jrd-form-row{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.jrd-field{flex:1;min-width:200px}.jrd-field label{display:block;margin-bottom:4px;font-weight:600;font-size:13px;color:var(--jrd-gray-700)}.jrd-field input,.jrd-field select{width:100%;padding:10px 12px;border:1px solid var(--jrd-gray-300);border-radius:6px;font-size:15px;transition:border-color .15s;box-sizing:border-box}.jrd-field input:focus,.jrd-field select:focus{outline:none;border-color:var(--jrd-primary);box-shadow:0 0 0 3px #1a3c5e26}.jrd-field input.error{border-color:var(--jrd-danger)}.jrd-field .hint{font-size:12px;color:var(--jrd-gray-500);margin-top:4px}.jrd-field .field-error{font-size:12px;color:var(--jrd-danger);margin-top:4px}.jrd-toggle{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--jrd-gray-200);border-radius:var(--jrd-radius);cursor:pointer;transition:background .15s}.jrd-toggle:hover{background:var(--jrd-gray-50)}.jrd-toggle.active{border-color:var(--jrd-primary);background:#1a3c5e0d}.jrd-toggle input{display:none}.jrd-toggle .toggle-track{width:44px;height:24px;border-radius:12px;background:var(--jrd-gray-300);position:relative;transition:background .2s;flex-shrink:0}.jrd-toggle.active .toggle-track{background:var(--jrd-primary)}.jrd-toggle .toggle-thumb{width:20px;height:20px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:transform .2s;box-shadow:0 1px 3px #0003}.jrd-toggle.active .toggle-thumb{transform:translate(20px)}.jrd-proc-list{display:flex;flex-direction:column;gap:8px}.jrd-proc-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--jrd-gray-200);border-radius:var(--jrd-radius);background:#fff}.jrd-proc-item .proc-info{flex:1}.jrd-proc-item .proc-name{font-weight:600;font-size:14px}.jrd-proc-item .proc-desc{font-size:12px;color:var(--jrd-gray-500)}.jrd-proc-item .proc-price{font-weight:700;color:var(--jrd-primary);white-space:nowrap}.jrd-edge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.jrd-side-picker-layout{display:flex;gap:20px;align-items:flex-start;margin-bottom:20px}.jrd-side-picker-slab{flex:0 0 200px}.jrd-side-picker-svg{width:100%;height:auto}.jrd-slab-side{cursor:pointer;fill:var(--jrd-gray-200);transition:fill .15s,stroke .15s;stroke:transparent;stroke-width:1}.jrd-slab-side:hover{fill:var(--jrd-primary-light);opacity:.7}.jrd-slab-side.active{fill:var(--jrd-primary)}.jrd-slab-side.has-edge:not(.active){fill:var(--jrd-accent)}.jrd-side-tabs{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:8px}.jrd-side-tab{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px;border:2px solid var(--jrd-gray-200);border-radius:var(--jrd-radius);background:#fff;cursor:pointer;transition:all .15s;text-align:left}.jrd-side-tab:hover{border-color:var(--jrd-primary-light);background:var(--jrd-gray-50)}.jrd-side-tab.active{border-color:var(--jrd-primary);background:#1a3c5e0a;box-shadow:0 0 0 1px var(--jrd-primary)}.jrd-side-tab-name{font-weight:700;font-size:13px;color:var(--jrd-gray-700)}.jrd-side-tab.active .jrd-side-tab-name{color:var(--jrd-primary)}.jrd-side-tab-edge{font-size:11px;color:var(--jrd-gray-500)}.jrd-side-tab.active .jrd-side-tab-edge{color:var(--jrd-primary-light)}.jrd-edge-section{margin-top:4px}.jrd-edge-section-header{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.jrd-edge-section-side{font-weight:700;font-size:15px;color:var(--jrd-primary)}.jrd-edge-section-hint{font-size:12px;color:var(--jrd-gray-500)}.jrd-edge-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.jrd-edge-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border:2px solid var(--jrd-gray-200);border-radius:var(--jrd-radius);background:#fff;cursor:pointer;transition:all .15s;position:relative}.jrd-edge-card:hover{border-color:var(--jrd-primary-light);box-shadow:var(--jrd-shadow);transform:translateY(-1px)}.jrd-edge-card.selected{border-color:var(--jrd-primary);background:var(--jrd-gray-50);box-shadow:0 0 0 2px #1a3c5e1f}.jrd-edge-card-default{border-color:var(--jrd-gray-200)}.jrd-edge-card-default.selected{border-color:var(--jrd-success);background:#f0fdf4;box-shadow:0 0 0 2px #28a7451f}.jrd-edge-card-icon{flex-shrink:0;width:80px;height:68px}.jrd-ep-scene{width:80px;height:68px;position:relative;perspective:280px}.jrd-ep-top{position:absolute;top:0;left:6px;width:68px;height:30px;border-radius:2px 2px 0 0;transform:rotateX(28deg) skew(-6deg);transform-origin:bottom center;overflow:hidden;z-index:3}.jrd-ep-top-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff47,#fff0 55%);pointer-events:none}.jrd-ep-front{position:absolute;top:28px;left:6px;width:68px;border-radius:0 0 2px 2px;overflow:hidden;z-index:2}.jrd-ep-front-darken{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000002e,#0000004d);pointer-events:none}.jrd-ep-front-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ffffff0f,#0000001f);pointer-events:none}.jrd-ep-front-raw{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.04) 3px,rgba(0,0,0,.04) 4px);pointer-events:none}.jrd-ep-abs-cap{position:absolute;top:0;left:0;right:0;height:2px;background:#ffffff73;pointer-events:none}.jrd-ep-seamless-radius{position:absolute;top:-4px;left:0;right:0;height:8px;border-radius:0 0 4px 4px;filter:brightness(.82);z-index:4;background-size:cover;background-position:center}.jrd-ep-side{position:absolute;top:28px;left:0;width:8px;border-radius:0 0 0 2px;overflow:hidden;z-index:1;transform:skewY(12deg);transform-origin:top right}.jrd-ep-side-inner{width:100%;height:100%;opacity:.7}.jrd-ep-shadow{position:absolute;bottom:-3px;left:10px;right:4px;height:6px;background:radial-gradient(ellipse at center,rgba(0,0,0,.12) 0%,transparent 70%);border-radius:50%;z-index:0}.jrd-edge-card-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.jrd-edge-card-title{font-weight:600;font-size:14px;color:var(--jrd-gray-900)}.jrd-edge-card-desc{font-size:11px;color:var(--jrd-gray-500);line-height:1.3}.jrd-edge-badge-included{position:absolute;top:6px;right:8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;padding:2px 8px;border-radius:10px;background:var(--jrd-success);color:#fff}.jrd-edge-badge-price{position:absolute;top:6px;right:8px;font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;background:var(--jrd-gray-100);color:var(--jrd-gray-700)}.jrd-edge-revert-btn{display:inline-block;margin-left:10px;padding:3px 10px;font-size:12px;font-weight:600;border:1px solid currentColor;border-radius:4px;background:transparent;color:inherit;cursor:pointer;transition:background .15s}.jrd-edge-revert-btn:hover{background:#0000000d}.jrd-btn{padding:12px 24px;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all .15s}.jrd-btn:disabled{opacity:.5;cursor:not-allowed}.jrd-btn-primary{background:var(--jrd-primary);color:#fff}.jrd-btn-primary:hover:not(:disabled){background:var(--jrd-primary-light)}.jrd-btn-secondary{background:var(--jrd-gray-100);color:var(--jrd-gray-700);border:1px solid var(--jrd-gray-300)}.jrd-btn-secondary:hover:not(:disabled){background:var(--jrd-gray-200)}.jrd-btn-success{background:var(--jrd-success);color:#fff}.jrd-btn-success:hover:not(:disabled){background:#218838}.jrd-btn-row{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.jrd-bottom-bar{position:sticky;bottom:0;z-index:20;background:var(--jrd-primary);color:#fff;padding:12px 24px;border-radius:var(--jrd-radius) var(--jrd-radius) 0 0;box-shadow:0 -4px 12px #00000026;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:20px}.jrd-bottom-bar-back{justify-self:start;min-width:110px;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3)}.jrd-bottom-bar-back:hover:not(:disabled){background:#ffffff40}.jrd-bottom-bar-center{display:flex;flex-direction:column;align-items:center;line-height:1.2}.jrd-bottom-bar-center .price-amount{font-size:22px;font-weight:700;white-space:nowrap}.jrd-bottom-bar-center .price-label{font-size:11px;opacity:.65;white-space:nowrap}.jrd-bottom-bar-next{justify-self:end;min-width:110px;background:var(--jrd-accent);color:var(--jrd-gray-900);font-weight:600}.jrd-bottom-bar-next:hover:not(:disabled){background:#d49530}.jrd-summary-table{width:100%;border-collapse:collapse}.jrd-summary-table th,.jrd-summary-table td{padding:8px 12px;border-bottom:1px solid var(--jrd-gray-200);text-align:left}.jrd-summary-table th{color:var(--jrd-gray-500);font-size:13px;font-weight:500}.jrd-summary-table td{font-size:14px}.jrd-summary-table .total-row td{font-weight:700;font-size:18px;border-top:2px solid var(--jrd-gray-900);padding-top:12px}.jrd-alert{padding:12px 16px;border-radius:6px;font-size:13px;margin-bottom:12px}.jrd-alert-warning{background:#fff3cd;border:1px solid #ffc107;color:#856404}.jrd-alert-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.jrd-alert-info{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.jrd-layout{display:flex;flex-direction:column;gap:20px}.jrd-layout-main{min-width:0}.jrd-layout-sidebar{order:-1}.jrd-preview{background:#fff;border:1px solid var(--jrd-gray-200);border-radius:var(--jrd-radius);box-shadow:var(--jrd-shadow);overflow:hidden}.jrd-preview-inner{display:flex;flex-direction:column}.jrd-preview-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--jrd-primary);color:#fff;width:100%}.jrd-preview-title{font-weight:600;font-size:14px}.jrd-preview-price{font-weight:700;font-size:18px}.jrd-rotate-btn{display:inline-flex;align-items:center;gap:5px}.jrd-preview-svg.jrd-rotated-90 text,.jrd-preview-svg.jrd-rotated-180 text,.jrd-preview-svg.jrd-rotated-270 text{transform-box:fill-box;transform-origin:center}.jrd-preview-svg.jrd-rotated-90 text{transform:rotate(-90deg)}.jrd-preview-svg.jrd-rotated-180 text{transform:rotate(-180deg)}.jrd-preview-svg.jrd-rotated-270 text{transform:rotate(-270deg)}.jrd-preview-visual{width:100%;max-height:500px;display:flex;align-items:center;justify-content:center;overflow:hidden}.jrd-preview-svg{width:100%;height:auto;max-height:490px;padding:4px;box-sizing:border-box}.jrd-preview-details{width:100%;padding:4px 0}.jrd-preview-placeholder{padding:32px 16px;text-align:center;color:var(--jrd-gray-500);font-size:13px;width:100%}.jrd-preview-swatch{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--jrd-gray-100)}.jrd-preview-swatch-thumb{position:relative;width:56px;height:56px;flex-shrink:0}.jrd-preview-swatch-thumb img{width:56px;height:56px;border-radius:6px;object-fit:cover;border:1px solid var(--jrd-gray-200)}.jrd-preview-swatch-info{display:flex;flex-direction:column;gap:2px;min-width:0}.jrd-preview-swatch-name{font-weight:600;font-size:14px;color:var(--jrd-gray-900)}.jrd-preview-swatch-code{font-size:12px;color:var(--jrd-gray-500)}.jrd-preview-disclaimer{margin:0;padding:8px 16px;font-size:11px;line-height:1.45;color:var(--jrd-gray-500);font-style:italic;border-bottom:1px solid var(--jrd-gray-100)}.jrd-preview-badges{display:flex;flex-wrap:wrap;gap:6px;padding:10px 16px}.jrd-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;background:var(--jrd-gray-100);color:var(--jrd-gray-700)}.jrd-badge-family{background:var(--jrd-primary);color:#fff}.jrd-badge-decor{background:#e3f2fd;color:#1565c0}.jrd-badge-wood{background:#efebe9;color:#4e342e}.jrd-badge-duo{background:#fff3e0;color:#e65100}.jrd-badge-splash{background:#e8eaf6;color:#283593}.jrd-badge-proc{background:#fce4ec;color:#c62828}.jrd-badge-edge{background:#fff8e1;color:#f57f17}.jrd-badge-joint{background:#fef2f2;color:#b91c1c}.jrd-joint-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--jrd-gray-200, #e5e7eb)}.jrd-joint-section h3{font-size:16px;font-weight:600;margin:0 0 4px;color:var(--jrd-gray-900, #111827)}.jrd-joint-info{font-size:13px;color:var(--jrd-gray-600, #6b7280);margin:0 0 12px}.jrd-joint-options{display:flex;gap:10px;flex-wrap:wrap}.jrd-joint-option{display:flex;align-items:center;gap:8px;padding:10px 16px;border:2px solid var(--jrd-gray-200, #e5e7eb);border-radius:8px;cursor:pointer;background:#fff;transition:border-color .2s,background .2s,box-shadow .2s;font-size:14px;color:var(--jrd-gray-700, #374151);-webkit-user-select:none;user-select:none}.jrd-joint-option:hover{border-color:var(--jrd-gray-400, #9ca3af);background:#fafafa}.jrd-joint-option.active{border-color:var(--jrd-primary, #1a3c5e);background:#f0f4f8;color:var(--jrd-primary, #1a3c5e);font-weight:600;box-shadow:0 0 0 1px var(--jrd-primary, #1a3c5e)}.jrd-joint-option input[type=radio]{display:none}.jrd-joint-icon{flex-shrink:0}.jrd-preview-legend{display:flex;flex-wrap:wrap;gap:6px 14px;padding:6px 16px 4px;font-size:11px;color:var(--jrd-gray-700)}.jrd-preview-legend-row{display:flex;align-items:center;gap:5px}.jrd-preview-legend-swatch{width:14px;height:4px;border-radius:2px;flex-shrink:0}.jrd-preview-proc-list{padding:8px 16px 12px;border-top:1px solid var(--jrd-gray-100)}.jrd-preview-proc-item{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:12px}.jrd-preview-proc-marker{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#dc3545;color:#fff;font-size:9px;font-weight:700;flex-shrink:0}.jrd-preview-proc-name{font-weight:500;color:var(--jrd-gray-700)}.jrd-preview-proc-params{color:var(--jrd-gray-500);font-size:11px}.jrd-magnify-btn{position:absolute;bottom:3px;right:3px;width:24px;height:24px;border-radius:50%;border:none;background:#ffffffd9;color:var(--jrd-gray-700);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s,background .15s;padding:0;box-shadow:0 1px 3px #00000026;z-index:2}.swatch:hover .jrd-magnify-btn,.jrd-preview-swatch-thumb:hover .jrd-magnify-btn{opacity:1}.jrd-magnify-btn:hover{background:var(--jrd-primary);color:#fff}.swatch{position:relative}.jrd-lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100000;padding:24px;animation:jrd-fade-in .15s ease}@keyframes jrd-fade-in{0%{opacity:0}to{opacity:1}}.jrd-lightbox-content{position:relative;background:#fff;border-radius:12px;overflow:hidden;max-width:600px;width:100%;box-shadow:0 20px 60px #0000004d;animation:jrd-scale-in .2s ease}@keyframes jrd-scale-in{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.jrd-lightbox-content img{display:block;width:100%;height:auto}.jrd-lightbox-close{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;border:none;background:#00000080;color:#fff;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;z-index:1}.jrd-lightbox-close:hover{background:#000c}.jrd-lightbox-caption{padding:12px 16px;font-size:14px;font-weight:600;color:var(--jrd-gray-700);text-align:center;border-top:1px solid var(--jrd-gray-100)}@media(max-width:640px){.jrd-stepper{gap:2px}.jrd-step-indicator{padding:6px 8px;font-size:11px}.jrd-step-indicator .step-num{width:18px;height:18px;font-size:10px}.jrd-type-grid,.jrd-decor-grid{grid-template-columns:repeat(2,1fr)}.jrd-edge-grid{grid-template-columns:1fr}.jrd-form-row{flex-direction:column}.jrd-field{min-width:100%}.jrd-bottom-bar{grid-template-columns:1fr 1fr;gap:10px;padding:10px 12px}.jrd-bottom-bar-center{grid-column:1 / -1;order:-1}.jrd-bottom-bar-back,.jrd-bottom-bar-next{min-width:0;width:100%;padding-left:8px;padding-right:8px;font-size:13px}.jrd-shape-grid{grid-template-columns:repeat(2,1fr)}.jrd-dim-layout{flex-direction:column}.jrd-dim-diagram{flex:1 1 100%;min-width:100%}.jrd-orientation-grid{gap:6px}.jrd-orientation-card{min-width:65px}.jrd-side-picker-layout{flex-direction:column}.jrd-side-picker-slab{flex:1 1 100%;max-width:220px;margin:0 auto}.jrd-side-tabs{grid-template-columns:1fr 1fr}.jrd-edge-cards{grid-template-columns:1fr}}