*,*:before,*:after{box-sizing:border-box}html{scrollbar-gutter:stable}:root{--bg-primary: #0f1115;--bg-secondary: #1a1d24;--text-primary: #ffffff;--text-secondary: #a1a1aa;--accent: #eab308;--accent-hover: #facc15;--brand-text: #000000;--border: #333;--error: #ff4d4d;--glass: rgba(26, 29, 36, .8);--font-xs: .75rem;--font-sm: .875rem;--font-md: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 2rem;--space-3xs: .125rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-all: all .2s ease;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .5);--input-focus-border: #60a5fa;--focus-ring: 0 0 0 3px rgba(96, 165, 250, .3);--focus-ring-error: 0 0 0 3px rgba(255, 77, 77, .3);--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-modal-overlay: 1000;--z-modal: 1001;--z-modal-high: 2000;--z-tooltip: 10000;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#333}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;line-height:1.2}.hide-on-mobile{display:none}@media (min-width: 768px){.hide-on-mobile{display:block}.hide-on-desktop{display:none}}@media (max-width: 767px){.hide-on-desktop{display:block}}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--space-md);padding-right:var(--space-md)}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-weight:700;font-size:var(--font-md);cursor:pointer;transition:var(--transition-all);border:none;text-decoration:none;gap:var(--space-xs);line-height:1.5}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn-primary{background:var(--accent);color:var(--brand-text);box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text-primary)}.btn-secondary:hover{background:#ffffff0d;border-color:var(--text-secondary)}.btn-ghost{background:transparent;border:1px solid transparent;color:var(--text-secondary);padding:var(--space-xs) var(--space-sm)}.btn-ghost:hover{background:#ffffff1a;color:var(--text-primary)}.btn-danger{background:#ff32321a;color:#ff4d4d;border:1px solid transparent}.btn-danger:hover{background:#ff323233;border-color:#ff4d4d}.btn-danger-solid{background:var(--error);color:#fff}.btn-icon-sm{width:32px;height:32px;padding:0;border-radius:8px;display:flex;align-items:center;justify-content:center}.btn-full-width{width:100%}.btn-loading{display:inline-block;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .75s linear infinite;margin-right:var(--space-xs)}.btn-content-hidden{visibility:hidden}.btn-icon-wrapper{display:flex;align-items:center;justify-content:center}.blade-svg{display:block;overflow:visible}.blade-gradient-start{stop-color:#8c8675}.blade-gradient-end{stop-color:#fefefe}.blade-fuller{fill:#00000026;stroke:#0003;stroke-width:1}.visualizer-mobile-controls-container{position:absolute;top:0;bottom:0;right:var(--space-md);display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding:5rem 0;z-index:var(--z-dropdown);pointer-events:none}.mobile-controls-group{display:flex;flex-direction:column;gap:var(--space-xs);align-items:flex-end;pointer-events:auto}.mobile-controls-subgroup{display:flex;flex-direction:column;gap:var(--space-xs);align-items:flex-end}.mobile-control-button{background:#000000b3;border:1px solid white;border-radius:6px;padding:var(--space-2xs) var(--space-sm);font-size:var(--font-xs);color:#fff;cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:var(--shadow-sm);transition:background var(--transition-base),transform .1s;font-weight:500}.mobile-control-button:active{background:#000000e6;transform:scale(.95)}.measurement-line{position:absolute;box-sizing:border-box;pointer-events:none;display:flex;align-items:center;justify-content:center}.full-length-line{top:0;width:20px;border-top:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3)}.blade-length-line{top:0;width:20px;border-top:1px solid rgba(255,255,255,.5);z-index:35}.grip-length-line{width:20px;z-index:35}.crossguard-line{height:10px;border-bottom:1px solid rgba(255,255,255,.5);border-left:1px solid rgba(255,255,255,.5);border-right:1px solid rgba(255,255,255,.5);z-index:35;align-items:flex-end}.measurement-label{pointer-events:auto;background:#222;color:#ffffffe6;text-align:center;min-width:60px;white-space:nowrap}.measurement-label-editable{background:#000c;color:#fff;border:1px solid rgba(255,255,255,.5)}.measurement-marker-h{position:absolute;left:0;width:100%;background:#ffffff80;z-index:40}.measurement-select{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.grip-overlay-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.image-part{display:block;flex-shrink:0;max-width:100%;margin-bottom:0}.image-part-wrapper{position:relative}.sword-visualizer-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background:transparent;padding:80px 0;box-sizing:border-box}.sword-visualizer-container.zoomed{cursor:zoom-out}.sword-visualizer-container.not-zoomed{cursor:zoom-in}.visualizer-brand-logo{position:absolute;top:var(--space-md);left:var(--space-md);width:min(150px,40vw);height:auto;z-index:50;cursor:pointer;pointer-events:auto;opacity:.9}.sword-wrapper{display:flex;flex-direction:column;align-items:center;position:relative;transform-origin:center center;transition:transform var(--transition-slow)}.sword-upper-section{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:100%;position:relative;z-index:5}.sword-middle-section{position:relative;width:100%;display:flex;justify-content:center;margin-top:-2px;z-index:20}.schilt-container{z-index:1;width:100%;display:flex;justify-content:center}.crossguard-overlay-wrapper{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:center;z-index:2;transform:translateY(50%);pointer-events:none}.crossguard-container{pointer-events:auto;width:100%;display:flex;justify-content:center}.sword-lower-section{display:flex;flex-direction:column;align-items:center;width:100%;position:relative;z-index:10}.part-wrapper{width:100%;display:flex;justify-content:center;pointer-events:none}.visualizer-disclaimer{position:absolute;bottom:var(--space-md);left:var(--space-xl);color:#fff6;font-size:var(--font-xs);display:flex;align-items:center;gap:var(--space-2xs);pointer-events:none;z-index:50}.disclaimer-icon{width:14px;height:14px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;font-family:serif}.ui-control-button{position:absolute;border-radius:var(--radius-full);width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;z-index:var(--z-dropdown);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:var(--transition-all);box-shadow:var(--shadow-md);outline:none;padding:0}.ui-control-button.default{background:#0009;color:#fff;border:1px solid rgba(255,255,255,.2)}.ui-control-button.active{background:var(--accent);color:#fff;border:none}.ui-control-button:hover{opacity:.8}.ui-control-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.language-menu-popup{position:absolute;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-sm);padding:var(--space-xs);display:flex;flex-direction:column;gap:var(--space-xs);z-index:calc(var(--z-dropdown) + 1);box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,.1)}.language-menu-item{background:none;border:none;cursor:pointer;display:flex;align-items:center;padding:var(--space-2xs);border-radius:4px;transition:opacity var(--transition-base);outline:none}.language-menu-item:hover{opacity:1!important;background:#ffffff1a}.language-menu-item.active{opacity:1}.language-menu-item.inactive{opacity:.5}.flag-icon{border-radius:2px}.ambient-light-container{position:absolute;top:50%;left:50%;width:800px;height:800px;margin-left:-400px;margin-top:-400px;pointer-events:none;z-index:0;overflow:hidden}.light-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,#eab30840,#0000 70%);animation:light-pulse 8s ease-in-out infinite}.particle{position:absolute;background:#ffefaecc;border-radius:50%;pointer-events:none;will-change:transform,opacity}@keyframes light-pulse{0%,to{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}@keyframes float-up{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:var(--particle-opacity)}40%{transform:translateY(-20px) translate(10px)}60%{transform:translateY(-40px) translate(-10px)}90%{opacity:var(--particle-opacity)}to{transform:translateY(-80px) translate(5px);opacity:0}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-md);overflow-y:auto;z-index:var(--z-modal-overlay)}.modal-overlay-high{z-index:var(--z-modal-high)}.modal-content{background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-xl);position:relative;margin:auto;width:100%}.modal-content:hover{cursor:default}.card{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden;transition:var(--transition-all);display:flex;flex-direction:column}.card:hover{border-color:var(--text-secondary)}.card-header{padding:var(--space-md);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:#ffffff05}.card-content{padding:var(--space-md);flex:1}.card-footer{padding:var(--space-md);border-top:1px solid var(--border);background:#0003}.card-interactive{cursor:pointer}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.text-h1,.text-h2,.text-h3,.text-h4,.text-h5,.text-h6{font-weight:700;line-height:1.2;color:var(--text-primary);margin:0}.text-h1{font-size:var(--font-3xl);letter-spacing:-.02em}.text-h2{font-size:var(--font-2xl);letter-spacing:-.01em}.text-h3{font-size:var(--font-xl);letter-spacing:.05em;text-transform:uppercase}.text-h4{font-size:var(--font-lg);letter-spacing:.02em}.text-h5{font-size:var(--font-md);font-weight:600}.text-h6{font-size:var(--font-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.text-body{font-size:var(--font-md);line-height:1.5;color:var(--text-primary)}.text-small{font-size:var(--font-sm);line-height:1.4}.text-caption{font-size:var(--font-xs);line-height:1.4;color:var(--text-secondary)}.font-regular{font-weight:400}.font-medium{font-weight:500}.font-bold{font-weight:700}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent)}.text-danger{color:var(--error)}.scene-modal-content{max-width:500px;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.scene-modal-header{display:flex;justify-content:space-between;align-items:center}.scene-modal-close{background:none;border:none;color:var(--text-secondary);font-size:var(--font-2xl);cursor:pointer;padding:var(--space-xs)}.scene-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:var(--space-sm)}.scene-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--space-xs);padding:var(--space-xs) var(--space-xs) 0 var(--space-xs);display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:var(--transition-all);height:auto;padding-bottom:6px}.scene-card.selected{border:2px solid var(--accent)}.scene-preview{width:100%;aspect-ratio:1/1;border-radius:var(--space-2xs);background:#333;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:var(--font-3xl)}.scene-preview img{width:100%;height:100%;object-fit:cover}.scene-label{color:var(--text-secondary);font-size:var(--font-sm);font-weight:500}.scene-card.selected .scene-label{color:var(--accent)}.sword-visualizer-panel{width:100%;height:100vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;transition:background var(--transition-slow)}.visualizer-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:3000;flex-direction:column;gap:var(--space-md)}.visualizer-spinner{width:48px;height:48px;border:4px solid rgba(234,179,8,.3);border-top:4px solid var(--accent);border-radius:var(--radius-full);animation:spin 1s linear infinite}.visualizer-loading-text{color:var(--text-secondary);font-size:var(--font-sm)}.mobile-summary-btn{position:absolute;top:var(--space-xl);right:var(--space-md);background:var(--accent);color:var(--brand-text);border:none;border-radius:20px;padding:6px var(--space-sm);font-weight:700;font-size:var(--font-sm);z-index:var(--z-dropdown);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;align-items:center;gap:var(--space-xs)}.visualizer-content-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:var(--z-base)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .5rem;font-size:.75rem;font-weight:600;line-height:1;border-radius:var(--radius-full, 9999px);white-space:nowrap;transition:all .2s ease}.badge-default{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid transparent}.badge-outline{background-color:transparent;border:1px solid currentColor}.badge-sm{font-size:.7rem;padding:.15rem .4rem}.badge-md{font-size:.75rem;padding:.25rem .5rem}.badge-lg{font-size:.875rem;padding:.35rem .75rem}.smart-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);color:var(--text-secondary);font-size:var(--font-xs);border-radius:inherit}.smart-image-text{opacity:.7}.part-selector{margin-bottom:var(--space-lg)}.part-selector-title{margin:0 0 var(--space-md) 0;text-transform:uppercase;letter-spacing:.05em}.part-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md)}.part-card{position:relative;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:space-between;transition:var(--transition-all);transform:none;box-shadow:none;aspect-ratio:1/1;overflow:hidden}.part-card.selected{background:var(--bg-secondary);border:2px solid var(--accent)}.part-card:hover:not(.selected){border:1px solid var(--text-secondary)}.col-card-indicator{position:absolute;top:var(--space-xs);left:var(--space-xs);width:24px;height:24px;background:var(--accent);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:var(--shadow-sm)}.part-image-container{width:100%;flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center}.part-image{width:100%;height:100%;object-fit:cover}.part-image-placeholder{width:100%;flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:var(--font-sm)}.part-info{padding:var(--space-2xs) var(--space-xs);width:100%;box-sizing:border-box;background-color:inherit;position:relative;z-index:2}.part-name{font-size:var(--font-xs);text-align:center;color:var(--text-secondary);margin:0}.part-card.selected .part-name{color:var(--text-primary)}.part-price{font-size:var(--font-xs);text-align:center;color:var(--accent);margin-top:0;font-weight:600}.part-vat-note{font-size:.6rem;font-weight:400;color:var(--text-secondary)}.part-ribbon{position:absolute;bottom:0;left:0;width:100%;height:var(--space-xl);background:#ffffff1a;color:#fff;font-size:var(--font-xs);display:flex;align-items:center;justify-content:center;cursor:pointer;border-top:1px solid var(--border);transition:background var(--transition-base);font-weight:500;z-index:10}.part-ribbon:hover{background:#fff3}.part-card.has-description{padding-bottom:0}.part-card.has-description .part-info{transform:translateY(calc(0px - var(--space-xl) - var(--space-2xs)))}.part-modal-content{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-xl);max-width:500px;width:90%;display:flex;flex-direction:column;align-items:center;position:relative;box-shadow:var(--shadow-xl);max-height:90vh;overflow-y:auto}.part-modal-header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.part-modal-title{margin:0;color:var(--text-primary);text-align:center;font-size:var(--font-lg);flex:1}.part-modal-close-btn{background:transparent;border:none;color:var(--text-secondary);font-size:var(--font-xl);cursor:pointer;padding:var(--space-xs);line-height:1;margin-left:var(--space-md)}.part-modal-body{width:100%;display:flex;flex-direction:column;align-items:center}.part-modal-image-container{width:100%;margin-bottom:var(--space-lg);background:var(--bg-primary);border-radius:8px;padding:var(--space-md);display:flex;justify-content:center;align-items:center;min-height:150px}.part-modal-image{max-width:100%;max-height:250px;object-fit:contain;display:block}.part-modal-description{margin:0;color:var(--text-secondary);line-height:1.6;text-align:center;border-top:1px solid var(--border);padding-top:var(--space-lg);width:100%}.part-selector .part-badge-wrapper{position:absolute;top:var(--space-xs);right:var(--space-xs);z-index:10}.color-picker-container{margin-top:var(--space-lg);margin-bottom:var(--space-lg)}.color-picker-label{margin:0 0 var(--space-xs) 0;font-size:var(--font-md);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:var(--space-xs)}.color-btn{width:100%;aspect-ratio:1/1;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-all);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:var(--z-base);border:1px solid var(--border)}.color-btn.selected{border:2px solid white;box-shadow:0 0 0 2px var(--accent)}.color-btn:hover{transform:scale(1.1);z-index:calc(var(--z-base) + 10);box-shadow:var(--shadow-md)}.color-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3xs);color:#fff;text-shadow:0 0 4px rgba(0,0,0,.9),0 0 2px rgba(0,0,0,1);pointer-events:none}.checkmark{font-size:var(--font-lg);font-weight:700;line-height:1}.price-tag{font-size:var(--font-xs);font-weight:600}.select-container{position:relative;width:100%}.select-label{margin:0 0 var(--space-md) 0;width:100%}.select-trigger{width:100%;padding:var(--space-sm);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-md);text-align:left;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:var(--transition-all)}.select-trigger:hover{border-color:var(--text-secondary)}.select-trigger:focus{outline:none;border-color:var(--input-focus-border);box-shadow:var(--focus-ring)}.select-trigger.error{border-color:var(--color-danger, #ef4444);box-shadow:0 0 0 1px var(--color-danger, #ef4444)}.select-trigger-text{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:flex;align-items:center;gap:8px}.select-list{position:fixed;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-xl);max-height:300px;overflow-y:auto;z-index:calc(var(--z-modal-overlay) + 1)}.select-item{padding:var(--space-sm);cursor:pointer;color:var(--text-primary);transition:background-color var(--transition-base);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}.select-item:last-child{border-bottom:none}.select-item:hover{background-color:var(--bg-tertiary)}.select-item:hover{background-color:#ffffff0d}.select-item.selected{background-color:rgba(var(--accent-rgb),.1);color:var(--accent);font-weight:500}.select-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-modal-overlay);cursor:default}.category-renderer-container{padding:0 var(--space-xl)}.category-section{margin-bottom:var(--space-xl)}.category-header{margin:0 0 var(--space-md) 0}.finish-header{margin:0 0 var(--space-md) 0;letter-spacing:.05em;width:100%}.attributes-row{display:flex;flex-wrap:wrap;gap:var(--space-xl);align-items:flex-start}.dropdown-wrapper{flex:0 0 auto}.dropdown-wrapper-min{flex:0 0 auto;min-width:150px}.dropdown-wrapper-finish{flex:1 1 auto;min-width:200px}.dropdown-wrapper-fit{width:fit-content;min-width:150px;margin-bottom:var(--space-xl)}.dropdown-option{display:flex;align-items:center;gap:var(--space-xs);width:100%}.dropdown-option-spread{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);width:100%}.dropdown-option-col{display:flex;flex-direction:column}.dropdown-meta{font-size:.7em;color:var(--text-secondary)}.configuration-panel{padding-bottom:240px;max-width:800px;width:100%;margin:0 auto;box-sizing:border-box;height:100%;overflow-y:scroll;overflow-x:hidden}.configuration-panel::-webkit-scrollbar{width:6px}.configuration-panel::-webkit-scrollbar-track{background:transparent}.configuration-panel::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:3px}.configuration-panel::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}.config-group{margin-bottom:var(--space-2xl);position:relative}.config-group:last-child{margin-bottom:0}.config-group-header{font-size:var(--font-xl);color:var(--text-primary);margin:0 0 var(--space-lg) 0;border-bottom:1px solid var(--border);padding-bottom:var(--space-xs);padding-top:var(--space-md);padding-left:var(--space-xl);padding-right:var(--space-xl);letter-spacing:.1em;text-transform:uppercase;position:sticky;top:0;z-index:50;background:var(--bg-secondary);cursor:pointer}.mobile-part-editor-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:var(--z-modal-overlay);background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-part-editor-container{position:fixed;bottom:0;left:0;width:100%;max-height:80vh;background:var(--bg-secondary);border-top-left-radius:20px;border-top-right-radius:20px;z-index:var(--z-modal);display:flex;flex-direction:column;box-shadow:0 -4px 20px #0000004d;animation:slideUp var(--transition-slow)}.mobile-part-editor-header{padding:var(--space-lg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.mobile-part-editor-title{margin:0;font-size:var(--font-xl);color:var(--text-primary)}.mobile-part-editor-close-btn{background:none;border:none;color:var(--text-secondary);font-size:var(--font-2xl);cursor:pointer;padding:var(--space-xs);line-height:1}.mobile-part-editor-content{padding:var(--space-lg) 0;overflow-y:auto;flex:1}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.error-display-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1rem;background-color:var(--background-default, #f5f5f5)}.error-display-card{max-width:480px;width:100%;text-align:center;display:flex;flex-direction:column;gap:1.5rem;padding:2rem;border-color:var(--border-danger, #ef4444)!important}.error-title{color:var(--text-primary, #111827)}.error-message{color:var(--text-secondary, #4b5563)}.error-details{padding:1rem;background-color:var(--background-subtle, #f3f4f6);border-radius:var(--radius-sm, 4px);border:1px solid var(--border-default, #e5e7eb);margin:.5rem 0;overflow-x:auto}.error-code{font-family:monospace;color:var(--text-danger, #ef4444)!important;word-break:break-all}.error-actions{display:flex;justify-content:center;margin-top:1rem}.sword-configurator-container{width:100%;height:100vh;display:grid;grid-template-columns:1fr;background:var(--bg-primary);position:relative;overflow:hidden}@media (min-width: 1024px){.sword-configurator-container{grid-template-columns:1fr 1fr}}.desktop-configuration-sidebar{position:relative;display:flex;flex-direction:column;background:var(--bg-secondary);border-left:1px solid var(--border);overflow:hidden;height:100%}.floating-action-panel{position:absolute;bottom:0;left:0;width:100%;z-index:100;padding:var(--space-xl);box-sizing:border-box;pointer-events:none;background:linear-gradient(to top,var(--bg-primary) 50%,transparent);display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.btn-forge{width:100%;max-width:calc(800px - 4rem);margin:0 auto;pointer-events:auto;font-size:var(--font-md);font-weight:700}.configurator-footer{font-size:var(--font-xs);color:var(--text-secondary);opacity:.5;text-align:center;pointer-events:auto}.footer-link{color:inherit;text-decoration:underline}.configurator-tooltip{position:fixed;background:#000000e6;color:#fff;padding:var(--space-xs) var(--space-md);border-radius:4px;font-size:var(--font-sm);z-index:10000;pointer-events:none;white-space:nowrap;transform:translateY(-50%)}.request-modal-content{max-width:600px;padding:2.5rem}.request-modal-content.mobile{padding:var(--space-lg)}.request-modal-content:hover{cursor:default}.modal-subtitle{color:var(--text-secondary);margin-bottom:var(--space-xl);font-size:var(--font-sm)}.modal-form{display:grid;gap:var(--space-md);text-align:left}.modal-form.two-col{grid-template-columns:1fr 1fr}.modal-form.one-col{grid-template-columns:1fr}.modal-actions{margin-top:var(--space-md);display:flex;gap:var(--space-md)}.grid-span-2{grid-column:span 2}.grid-span-1{grid-column:span 1}.form-group{display:flex;flex-direction:column;gap:var(--space-2xs);margin-bottom:var(--space-md)}.form-label{display:block;font-size:var(--font-sm);color:var(--text-secondary);font-weight:600}.form-input{width:100%;padding:var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-md);outline:none;transition:border-color var(--transition-base),box-shadow var(--transition-base);box-sizing:border-box}.form-input:focus{border-color:var(--input-focus-border);box-shadow:var(--focus-ring)}.form-input:focus:invalid{border-color:var(--error);box-shadow:var(--focus-ring-error)}.form-input[readonly],.form-input:disabled{opacity:.7;cursor:not-allowed;background:var(--bg-secondary)}.border-error{border-color:var(--error)!important}.w-full{width:100%}.delete-modal-content{background:var(--bg-card);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--border);max-width:400px;width:100%;text-align:center;box-shadow:var(--shadow-lg);margin:auto}.delete-modal-content:hover{cursor:default}.delete-modal-title{margin-top:0;margin-bottom:var(--space-lg);color:var(--text-primary);font-size:1.17em}.delete-actions{display:flex;gap:var(--space-md);justify-content:center}.integration-modal-content{background:var(--bg-secondary);padding:2.5rem;border-radius:var(--radius-xl);max-width:450px;width:100%;border:1px solid var(--border);text-align:center;box-shadow:var(--shadow-xl);margin:auto}.integration-modal-content:hover{cursor:default}.integration-icon-wrapper{width:64px;height:64px;background:#eab3081a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg);color:var(--accent)}.modal-title{margin-top:0;margin-bottom:var(--space-xs);color:var(--accent);font-size:var(--font-2xl)}.integration-message{color:var(--text-secondary);margin-bottom:var(--space-xl);line-height:1.5;font-size:var(--font-md)}.btn-integration-ok{width:100%}.config-card{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition-all)}.config-header{display:flex;align-items:center;padding:var(--space-sm);cursor:pointer;background:transparent;justify-content:space-between;gap:var(--space-lg)}.config-header.expanded{background:var(--bg-secondary)}.config-actions{display:flex;flex-direction:column;gap:var(--space-xs)}.config-info{display:flex;align-items:center;gap:var(--space-xs);flex:1}.config-thumbnail{width:72px;height:72px;background:var(--bg-primary);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);flex-shrink:0}.config-thumbnail img{width:100%;height:100%;object-fit:cover}.config-thumbnail .no-img{font-size:.5rem;color:var(--text-secondary)}@media (max-width: 768px){.config-thumbnail{display:none}}.config-details{display:flex;flex-direction:column;min-width:0}.config-model-name{margin:0;font-size:1rem;color:var(--text-primary)}.config-model-name.active{color:var(--accent)}.quantity-controls{display:flex;align-items:center;background:var(--bg-primary);border-radius:6px;border:1px solid var(--border);padding:0;margin-top:var(--space-xs);width:fit-content}.quantity-btn{background:transparent;border:none;color:var(--text-primary);cursor:pointer;padding:var(--space-3xs) var(--space-xs);font-size:var(--font-md);display:flex;align-items:center;justify-content:center}.quantity-value{padding:0 var(--space-2xs);font-size:var(--font-sm);min-width:20px;text-align:center;border-left:1px solid var(--border);border-right:1px solid var(--border)}.config-price-section{display:flex;align-items:center;gap:var(--space-xs)}.price-display{display:flex;flex-direction:column;align-items:flex-end}.price-value{font-weight:700;font-family:monospace;font-size:var(--font-md)}.price-note{font-size:var(--font-xs);color:var(--text-secondary)}.expand-icon{transition:transform var(--transition-base);color:var(--text-secondary);display:flex}.expand-icon.expanded{transform:rotate(180deg)}.expanded-content{border-top:1px solid var(--border);animation:fadeIn .2s ease-in-out}.detailed-image-container{width:100%;padding:var(--space-md);background:var(--bg-secondary);display:flex;justify-content:center;border-bottom:1px solid var(--border)}.detailed-image{max-width:100%;max-height:300px;object-fit:contain}.summary-table{width:100%;border-collapse:collapse;text-align:left;font-size:var(--font-sm)}.summary-table th{padding:var(--space-sm) var(--space-md);font-weight:700;border-bottom:1px solid var(--border);background:#ffffff05}.summary-table td{padding:var(--space-sm) var(--space-md)}.summary-table .col-category{color:var(--text-secondary)}.summary-table .col-price{text-align:right;font-family:monospace}.summary-table tr:not(:last-child){border-bottom:1px solid var(--border)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.grand-total-section{width:100%;max-width:800px;margin:0 auto;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border);overflow:hidden;margin-bottom:6rem}.summary-table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}.country-select-row td{border-top:2px solid var(--border)}.country-select-wrapper{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;flex-wrap:wrap}.country-label{font-weight:700;white-space:nowrap}.select-container{position:relative;width:300px;max-width:100%}.country-select{padding-right:40px;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-secondary);display:flex}.total-row-secondary{color:var(--text-secondary);font-size:.9rem}.total-value-cell{text-align:right;font-family:monospace;width:110px;white-space:nowrap;padding:.75rem 1rem}.total-row-secondary td{padding:.5rem 1rem}.total-row-primary{background:var(--bg-secondary);color:var(--text-primary);font-weight:700}.total-label-primary{padding:1rem;text-align:left;font-size:1rem;text-transform:uppercase}.total-value-primary{padding:1rem;text-align:right;font-family:monospace;font-size:1.2rem;width:110px;white-space:nowrap}.summary-page-container{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:var(--bg-primary);color:var(--text-primary);padding:var(--space-md) var(--space-md) calc(120px + env(safe-area-inset-bottom)) var(--space-md);box-sizing:border-box;position:relative;overflow-x:hidden}.summary-title{text-align:center;margin-bottom:var(--space-xl);margin-top:var(--space-md);text-transform:uppercase;font-size:var(--font-2xl);word-wrap:break-word}.configurations-list{display:flex;flex-direction:column;gap:var(--space-md);width:100%;max-width:800px;margin:0 auto var(--space-xl) auto;box-sizing:border-box}.floating-footer{position:fixed;bottom:0;left:0;width:100%;background:linear-gradient(to top,var(--bg-primary) 80%,transparent);border:none;padding-top:var(--space-xl);padding-left:var(--space-md);padding-right:var(--space-md);padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom));display:flex;justify-content:center;z-index:var(--z-sticky);box-shadow:none;box-sizing:border-box;pointer-events:none}.footer-buttons-wrapper{width:100%;max-width:600px;display:flex;gap:var(--space-md);pointer-events:auto}.footer-buttons-wrapper button{box-shadow:0 4px 12px #00000026}.btn-add-another{flex:1;padding:var(--space-md)}.btn-continue{flex:2;padding:var(--space-md);font-size:var(--font-lg)}