@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Roboto+Mono:wght@400;500;700&display=swap";:root{--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-card: #ffffff;--bg-card-hover: #f1f5f9;--bg-card-active: #e2e8f0;--bg-surface: #f8fafc;--accent-blue: #2563eb;--accent-blue-soft: #dbeafe;--accent-blue-glow: rgba(37, 99, 235, .2);--accent-orange: #d97706;--accent-orange-soft: #fef3c7;--accent-green: #16a34a;--accent-green-soft: #dcfce7;--accent-red: #dc2626;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-accent: #2563eb;--border-subtle: #e2e8f0;--border-default: #cbd5e1;--border-active: #2563eb;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-card: 0 4px 24px rgba(0, 0, 0, .08);--shadow-glow-blue: 0 0 20px var(--accent-blue-glow);--shadow-glow-orange: 0 0 20px rgba(217, 119, 6, .2);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--font-heading: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Roboto Mono", monospace;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{position:sticky;top:0;z-index:100;background:var(--bg-primary);border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8fafceb}.header-inner{max-width:1440px;margin:0 auto;padding:var(--space-md) var(--space-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.logo{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-heading);font-weight:700;font-size:1.15rem;color:var(--text-primary);white-space:nowrap}.logo-icon{width:28px;height:28px}.main-layout{display:flex;flex:1;max-width:1440px;margin:0 auto;width:100%}.visualizer-panel{position:sticky;top:65px;width:50%;height:calc(100vh - 129px);padding:var(--space-xl);display:flex;align-items:center;justify-content:center;overflow:hidden}.visualizer-panel--mobile{display:none}.config-panel{width:50%;padding:var(--space-xl) var(--space-xl) 120px;overflow-y:auto}.section-nav{display:flex;gap:var(--space-xs);overflow-x:auto;scrollbar-width:none}.section-nav::-webkit-scrollbar{display:none}.section-nav-item{padding:var(--space-sm) var(--space-md);font-size:.95rem;font-weight:500;color:var(--text-muted);border:none;background:none;cursor:pointer;white-space:nowrap;border-radius:var(--radius-sm);transition:all var(--transition-fast);font-family:var(--font-body);position:relative}.section-nav-item:hover{color:var(--text-secondary);background:var(--bg-card)}.section-nav-item.active{color:var(--accent-blue);background:var(--accent-blue-soft)}.config-section{margin-bottom:var(--space-2xl);scroll-margin-top:80px}.section-title{font-family:var(--font-heading);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle)}.section-number{color:var(--accent-blue);margin-right:var(--space-sm);font-family:var(--font-mono)}.card-grid{display:grid;gap:var(--space-md)}.card-grid--models{grid-template-columns:1fr 1fr}.card-grid--dimensions{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.card-grid--chassis,.card-grid--accessories{grid-template-columns:1fr}.select-card{position:relative;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);cursor:pointer;transition:all var(--transition-normal);text-align:left}.select-card:hover{border-color:var(--border-default);transform:translateY(-2px);box-shadow:var(--shadow-card)}.select-card.selected{border-color:var(--accent-blue);background:#2563eb0a;box-shadow:0 0 0 1px var(--accent-blue),var(--shadow-card)}.select-card.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.card-title{font-family:var(--font-heading);font-weight:600;font-size:1rem;color:var(--text-primary);margin-bottom:var(--space-xs)}.card-desc{font-size:1rem;color:var(--text-secondary);margin-bottom:var(--space-sm)}.card-price{font-family:var(--font-mono);font-weight:700;font-size:1.05rem;color:var(--accent-blue)}.card-price-suffix{font-weight:400;font-size:1.05rem;color:var(--text-muted)}.card-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.card-badge--required{background:var(--accent-orange-soft);color:var(--accent-orange)}.card-badge--size{background:var(--accent-blue-soft);color:var(--accent-blue)}.card-check{position:absolute;top:var(--space-md);right:var(--space-md);width:22px;height:22px;border-radius:50%;border:2px solid var(--border-default);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.select-card.selected .card-check{border-color:var(--accent-blue);background:var(--accent-blue)}.card-check-inner{width:8px;height:8px;border-radius:50%;background:transparent;transition:background var(--transition-fast)}.select-card.selected .card-check-inner{background:#fff}.model-card-img{width:100%;height:100px;object-fit:contain;margin-bottom:var(--space-sm);filter:brightness(.95);transition:filter var(--transition-normal)}.select-card:hover .model-card-img,.select-card.selected .model-card-img{filter:brightness(1.1)}.model-tech-panel{margin-top:var(--space-md);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg)}.model-tech-panel-label{font-size:1rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-blue);margin-bottom:var(--space-xs)}.model-tech-panel-text{font-size:1rem;color:var(--text-secondary);line-height:1.65;margin:0 0 var(--space-xs)}.model-tech-panel-toggle{background:none;border:none;color:var(--text-muted);font-size:1rem;cursor:pointer;padding:0;transition:color var(--transition-normal)}.model-tech-panel-toggle:hover{color:var(--accent-blue)}.accessory-category{margin-bottom:var(--space-lg)}.accessory-category-title{display:flex;align-items:center;gap:var(--space-sm);font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.accessory-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);gap:var(--space-md)}.accessory-image{width:60px;height:60px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:#fff;display:flex;align-items:center;justify-content:center;padding:4px}.accessory-image img{width:100%;height:100%;object-fit:contain}.accessory-info{flex:1}.accessory-note{font-size:1.05rem;color:var(--text-muted);font-style:italic}.disabled-reason{font-size:1rem;color:var(--accent-red);margin-top:2px}.acc-checkbox{width:20px;height:20px;border-radius:var(--radius-sm);border:2px solid var(--border-default);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.select-card.selected .acc-checkbox{border-color:var(--accent-blue);background:var(--accent-blue)}.acc-checkbox svg{width:12px;height:12px;stroke:#fff;opacity:0;transition:opacity var(--transition-fast)}.select-card.selected .acc-checkbox svg{opacity:1}.dim-specs{display:flex;gap:var(--space-md);font-size:.95rem;color:var(--text-secondary);margin-bottom:var(--space-sm)}.dim-spec{display:flex;align-items:center;gap:4px}.dim-spec-label{color:var(--text-muted);font-size:1rem}.chassis-specs{display:flex;gap:var(--space-lg);flex-wrap:wrap}.chassis-spec{font-size:1rem}.chassis-spec-value{font-weight:600;font-family:var(--font-mono);color:var(--text-primary)}.chassis-spec-label{font-size:1rem;color:var(--text-muted)}.rpg-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.rpg-image-wrap{position:relative;display:flex;align-items:center;justify-content:center;max-width:85%;max-height:50%;z-index:2}.rpg-model-image{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 8px 32px rgba(59,130,246,.15));transition:all var(--transition-slow)}.rpg-legend{display:none;list-style:none;padding:0;margin:var(--space-md) 0 0;flex-wrap:wrap;gap:var(--space-xs);justify-content:center;width:100%}.rpg-legend-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px 4px 8px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:999px;font-size:.8rem;font-weight:500;color:var(--text-secondary);box-shadow:0 1px 2px #0000000a}.rpg-legend-icon{width:12px;height:12px;color:var(--accent-blue);flex-shrink:0}.rpg-svg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.rpg-connector-line{stroke:var(--accent-blue);stroke-width:1.5;stroke-dasharray:6 3;fill:none;opacity:.5;animation:dash 20s linear infinite}@keyframes dash{to{stroke-dashoffset:-200}}.rpg-connector-dot{fill:var(--accent-blue);r:4}.rpg-accessory-box{position:absolute;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:1.05rem;color:var(--text-secondary);z-index:3;min-width:100px;text-align:center;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6}.rpg-accessory-box[data-acc=OPT_12]{transform:translateY(70px)}.rpg-accessory-box.active{border-color:var(--accent-blue);color:var(--text-primary);box-shadow:var(--shadow-glow-blue)}.rpg-acc-placeholder{width:60px;height:40px;background:var(--bg-surface);border-radius:var(--radius-sm);margin:4px auto;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.6rem}.rpg-acc-label{margin-top:4px;font-weight:500;font-size:1rem}.rpg-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);color:var(--text-muted);text-align:center}.rpg-empty-icon{width:80px;height:80px;opacity:.3}.summary-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl);margin-top:var(--space-xl)}.summary-title{font-family:var(--font-heading);font-weight:700;font-size:1.1rem;color:var(--text-primary);margin-bottom:var(--space-lg)}.price-line{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;font-size:1.05rem}.price-line-label{color:var(--text-secondary)}.price-line-value{font-family:var(--font-mono);font-weight:500;color:var(--text-primary)}.price-divider{border:none;border-top:1px solid var(--border-subtle);margin:var(--space-md) 0}.price-total{font-size:1.2rem;font-weight:700}.price-total .price-line-label{color:var(--text-primary)}.price-total .price-line-value{color:var(--accent-orange);font-size:1.3rem}.summary-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-lg);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-secondary);font-family:var(--font-body);font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--text-muted)}.btn svg{width:16px;height:16px}.btn-cta{width:100%;justify-content:center;padding:var(--space-md) var(--space-xl);margin-top:var(--space-md);background:linear-gradient(135deg,var(--accent-orange),#d97706);border:none;color:#fff;font-size:1rem;font-weight:700;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);font-family:var(--font-body);text-transform:none}.btn-cta:hover{transform:translateY(-1px);box-shadow:var(--shadow-glow-orange);background:linear-gradient(135deg,#fbbf24,var(--accent-orange))}.btn-cta:active{transform:translateY(0)}.inquiry-form{overflow:hidden;max-height:0;opacity:0;transition:max-height var(--transition-slow),opacity var(--transition-normal),margin var(--transition-slow);margin-top:0}.inquiry-form.open{max-height:400px;opacity:1;margin-top:var(--space-lg)}.form-group{margin-bottom:var(--space-md)}.form-label{display:block;font-size:.95rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-xs)}.form-input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:1.05rem;transition:border-color var(--transition-fast);outline:none}.form-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-soft)}.form-input::placeholder{color:var(--text-muted)}.btn-submit{padding:var(--space-sm) var(--space-xl);background:var(--accent-blue);border:none;border-radius:var(--radius-md);color:#fff;font-family:var(--font-body);font-size:1.05rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-submit:hover{background:#2563eb;box-shadow:var(--shadow-glow-blue)}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.price-bar{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#f8fafcf2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border-subtle);padding:var(--space-md) var(--space-lg)}.price-bar-inner{max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.price-bar-label{font-size:1rem;color:var(--text-secondary)}.price-bar-value{font-family:var(--font-mono);font-weight:700;font-size:1.3rem;color:var(--accent-orange);white-space:nowrap}.price-bar-right{display:flex;align-items:center;gap:var(--space-sm)}.vat-toggle{display:flex;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);overflow:hidden}.vat-toggle-btn{background:none;border:none;padding:4px 12px;font-size:.8rem;color:var(--text-muted);cursor:pointer;transition:background var(--transition-normal),color var(--transition-normal);white-space:nowrap}.vat-toggle-btn:hover:not(.vat-toggle-btn--active){background:#2563eb26;color:var(--accent-blue)}.vat-toggle-btn--active{background:var(--accent-blue);color:#fff;cursor:default}.price-vat-note{display:block;font-size:.7rem;font-weight:400;color:var(--text-muted);margin-top:2px}.summary-vat-note{font-size:.78rem;color:var(--text-muted);margin-top:4px}.snackbar-container{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:200;pointer-events:none}.snackbar{padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-size:1.05rem;font-weight:500;color:#fff;pointer-events:auto;animation:snackbar-in .3s ease,snackbar-out .3s ease 3.7s forwards;white-space:nowrap}.snackbar--success{background:var(--accent-green)}.snackbar--error{background:var(--accent-red)}.snackbar--info{background:var(--accent-blue)}@keyframes snackbar-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes snackbar-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:150;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:460px;width:100%;animation:modal-in .3s ease}@keyframes modal-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-title{font-family:var(--font-heading);font-weight:700;font-size:1.1rem;margin-bottom:var(--space-lg)}.modal-code{display:flex;align-items:center;gap:var(--space-sm);background:var(--bg-surface);padding:var(--space-md);border-radius:var(--radius-sm);margin-bottom:var(--space-md)}.modal-code-value{font-family:var(--font-mono);font-weight:700;font-size:1.2rem;color:var(--accent-orange);flex:1;-webkit-user-select:all;user-select:all}.modal-close{margin-top:var(--space-md);width:100%;padding:var(--space-sm);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast)}.modal-close:hover{background:var(--bg-card-hover);color:var(--text-primary)}.modal-divider{margin:var(--space-lg) 0;text-align:center;color:var(--text-muted);font-size:.95rem;position:relative}.modal-divider:before,.modal-divider:after{content:"";position:absolute;top:50%;width:35%;border-top:1px solid var(--border-subtle)}.modal-divider:before{left:0}.modal-divider:after{right:0}.modal-load-row{display:flex;gap:var(--space-sm)}.modal-load-row .form-input{flex:1}@media(max-width:1024px){.main-layout{flex-direction:column}.visualizer-panel{position:relative;top:0;width:100%;height:50vh;min-height:350px}.config-panel{width:100%;padding:var(--space-lg) var(--space-lg) 120px}}@media(max-width:768px){.header-inner{flex-direction:column;align-items:stretch;gap:0;padding:var(--space-sm) 0 0}.logo{font-size:.95rem;padding:0 var(--space-md) var(--space-sm)}.section-nav{padding:var(--space-xs) var(--space-sm);gap:var(--space-xs);border-top:1px solid var(--border-subtle);-webkit-mask-image:linear-gradient(to right,black calc(100% - 32px),transparent 100%);mask-image:linear-gradient(to right,black calc(100% - 32px),transparent 100%)}.section-nav-item{font-size:.82rem;padding:6px var(--space-sm);border-radius:var(--radius-sm);flex-shrink:0}.visualizer-panel--desktop{display:none}.visualizer-panel--mobile{display:flex;position:relative;top:0;width:100%;height:50vh;min-height:280px;padding:var(--space-md);margin-bottom:var(--space-2xl)}.config-panel{padding:var(--space-md) var(--space-md) 120px}.card-grid--models{grid-template-columns:1fr}.card-grid--dimensions{grid-template-columns:1fr 1fr}.summary-actions{flex-direction:column}.summary-actions .btn{width:100%;justify-content:center}.rpg-accessory-box,.rpg-svg-overlay{display:none}.rpg-legend{display:flex}.rpg-image-wrap{max-width:70%;max-height:55%}.price-bar-inner{flex-direction:row;gap:var(--space-md)}}@media(max-width:480px){.card-grid--dimensions{grid-template-columns:1fr}.price-bar{padding:var(--space-sm) var(--space-md)}.price-bar-inner{flex-direction:column;align-items:stretch;gap:var(--space-xs)}.price-bar-label{font-size:.85rem}.price-bar-right{justify-content:flex-end;gap:var(--space-sm)}.price-bar-value{font-size:1.15rem}.vat-toggle-btn{padding:4px 10px;font-size:.75rem}}.inquiry-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;justify-content:flex-end;opacity:0;pointer-events:none;transition:opacity .3s ease}.inquiry-modal-overlay.open{opacity:1;pointer-events:auto}.inquiry-drawer{width:100%;max-width:480px;background:var(--bg-surface);height:100vh;box-shadow:-4px 0 24px #00000040;transform:translate(100%);transition:transform .4s cubic-bezier(.25,1,.5,1);display:flex;flex-direction:column}.inquiry-modal-overlay.open .inquiry-drawer{transform:translate(0)}.drawer-header{padding:24px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.drawer-header h3{margin:0;font-size:1.4rem;font-weight:700}.drawer-close-btn{background:none;border:none;font-size:2.2rem;line-height:1;cursor:pointer;color:var(--text-muted);transition:color .2s;padding:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%}.drawer-close-btn:hover{color:var(--text-primary);background:#ffffff0d}.drawer-content{padding:32px;flex:1;overflow-y:auto}@media(max-width:768px){.inquiry-modal-overlay{align-items:flex-end}.inquiry-drawer{height:auto;max-height:90vh;border-radius:20px 20px 0 0;transform:translateY(100%)}.inquiry-modal-overlay.open .inquiry-drawer{transform:translateY(0)}}