@layer pages{.configurator{display:grid;grid-template-columns:1fr 520px;gap:20px;padding:0 var(--gutter)}.configurator>*{min-width:0}.configurator-media{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;padding:calc(var(--header-height) + 4px) 0 20px}.configurator-stage{position:relative;flex:1;min-height:0}.photo-swap{position:absolute;inset:0;animation:photo-swap-in .6s var(--ease)}@keyframes photo-swap-in{0%{opacity:.3;transform:scale(.985)}to{opacity:1;transform:none}}.configurator-stats{display:grid;grid-template-columns:1.3fr 1fr;gap:10px}.configurator-stat{border:1px solid var(--border);border-radius:var(--radius-large);padding:12px;background:color-mix(in srgb,var(--background) 85%,transparent)}.configurator-stats .fps{margin:0;border:0;padding:0}.meter{margin-top:10px}.meter-row{display:flex;justify-content:space-between;font-size:var(--font-size-small);margin-bottom:6px}.meter .track{height:6px;background:var(--surface-muted);border-radius:var(--radius-small);overflow:hidden;position:relative}.meter .track i{position:absolute;left:0;top:0;bottom:0;background:var(--success);border-radius:var(--radius-small);transition:width .5s var(--ease),background .3s}.meter .track i.is-high{background:var(--gold)}.meter .track i.is-over{background:var(--danger)}.compatibility{display:flex;align-items:center;gap:8px;font-size:var(--font-size-label);line-height:inherit}.compatibility i{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 10px var(--success)}.compatibility.is-warning i{background:var(--gold);box-shadow:0 0 10px var(--gold)}.compatibility-list{margin:8px 0 0;padding:0;list-style:none;font-size:var(--font-size-small);color:var(--text-secondary)}.compatibility-list li{padding:3px 0}.compatibility-list li:before{content:"✓ ";color:var(--success)}.compatibility-list li.is-warning:before{content:"! ";color:var(--gold)}.configurator-panel{padding:calc(var(--header-height) + 4px) 0 170px}.configurator-header{border:1px solid var(--border);border-radius:var(--radius-large);overflow:hidden;margin-bottom:20px}.configurator-header h1{margin:0;text-align:center;font-size:56px;line-height:1;padding:22px 12px 18px}.configurator-header-facts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border)}.configurator-header-facts>div{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 8px;font-size:var(--font-size-tiny);text-align:center;line-height:1.5}.configurator-header-facts>div+div{border-left:1px solid var(--border)}.configurator-header-facts svg{width:14px;height:14px;flex:none}.platform-switch{display:flex;justify-content:center;gap:6px;padding:10px;border-top:1px solid var(--border)}.platform-switch .mono-label{align-self:center}.configurator-section{border:1px solid var(--border);border-radius:var(--radius-large);padding:14px 12px 12px;margin-bottom:20px;scroll-margin-top:calc(var(--header-height) + 10px)}.configurator-section-header{display:flex;justify-content:space-between;align-items:center;margin:4px 4px 16px}.configurator-section-header h2{margin:0;font-size:34px;line-height:1}.configurator-section-header button{font-size:var(--font-size-tiny);line-height:inherit;color:var(--text-secondary);display:inline-flex;align-items:center;gap:6px}.configurator-section-header button svg{width:10px;height:10px;transition:transform .3s}.configurator-section-header button.is-open svg{transform:rotate(180deg)}.accordion{border:1px solid var(--border);border-radius:var(--radius-large);margin-bottom:8px;background:color-mix(in srgb,var(--text) 2%,transparent);transition:border-color .2s}.accordion:hover,.accordion.is-open{border-color:var(--border-strong)}.accordion-header{width:100%;display:grid;grid-template-columns:40px 1fr auto 28px;gap:12px;align-items:center;padding:10px;text-align:left}.accordion-icon{width:40px;height:40px;border-radius:var(--radius);color:var(--text-secondary)}.accordion-icon svg{width:22px;height:22px}.accordion-heading{min-width:0}.accordion-title{display:block;font-size:var(--font-size-compact)}.accordion-value{display:block;font-size:var(--font-size-small);color:var(--text-secondary);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.accordion-count{font-size:var(--font-size-tiny);line-height:inherit;color:var(--text-tertiary);white-space:nowrap}.accordion-chevron{width:28px;height:28px;border-radius:var(--radius);background:var(--surface-muted);transition:transform .35s var(--ease),background .2s}.accordion-chevron svg{width:10px;height:10px}.accordion.is-open .accordion-chevron{transform:rotate(180deg);background:var(--text);color:var(--background)}.accordion-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease)}.accordion.is-open .accordion-body{grid-template-rows:1fr}.accordion-body>div{overflow:hidden}.options{padding:0 10px 10px;display:grid;gap:4px}.option{width:100%;display:grid;grid-template-columns:18px 1fr auto;gap:12px;align-items:center;padding:10px;border-radius:var(--radius);text-align:left;border:1px solid transparent;transition:background .2s,border-color .2s}.option:hover{background:var(--surface-muted)}.option-radio{width:16px;height:16px;border-radius:50%;border:1px solid var(--border-strong)}.option.is-active{border-color:var(--primary);background:var(--primary-soft)}.option.is-active .option-radio{border-color:var(--primary)}.option.is-active .option-radio:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--primary)}.option-title{display:block;font-size:var(--font-size-compact)}.option-subtitle{display:block;font-size:var(--font-size-caption);color:var(--text-secondary);margin-top:1px}.option-price{font-family:var(--font-mono);font-size:var(--font-size-label);white-space:nowrap;text-align:right}.option-price.is-negative{color:var(--success)}.option-price.is-current{color:var(--primary)}.option.is-disabled{opacity:.4;cursor:not-allowed}.option.is-disabled .option-subtitle:after{content:attr(data-reason);display:block;color:var(--danger);font-family:var(--font-mono);font-size:var(--font-size-tiny);text-transform:uppercase;margin-top:2px}.color-swatch{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:6px;vertical-align:-1px;border:1px solid var(--border-strong)}.option-group{font-size:var(--font-size-tiny);line-height:inherit;color:var(--text-tertiary);padding:10px 10px 2px}.configurator-dock{position:fixed;right:var(--gutter);bottom:16px;z-index:var(--z-dock);width:520px;transition:transform .5s var(--ease),opacity .4s}.configurator-dock.is-away{transform:translateY(calc(100% + 40px));opacity:0;pointer-events:none}.configurator-tabs{display:flex;gap:2px;padding:4px;margin:0 auto 8px;width:max-content;border-radius:var(--radius-large);background:color-mix(in srgb,var(--surface-raised) 80%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border)}.configurator-tabs .pill-button{--pill-height: 32px;--pill-padding: 14px;--pill-font-size: var(--font-size-tiny)}.configurator-bar{display:flex;align-items:center;gap:8px;padding:12px;border-radius:var(--radius-large);background:var(--primary);color:var(--dark-text);box-shadow:0 20px 60px #0006}.configurator-bar .price-summary{flex:1;min-width:0}.configurator-bar .price-summary b{display:block;font-weight:400;font-size:22px;line-height:1.1}.configurator-bar .price-summary .mono-label{opacity:.85;font-size:var(--font-size-tiny)}.configurator-bar .price-summary .mono-label u{text-underline-offset:2px}.configurator-bar .button-ghost{color:var(--dark-text);border-color:#ffffff8c;height:36px;padding:0 12px;font-size:var(--font-size-label-small)}.configurator-bar .button-dark{height:36px;background:var(--dark-surface);border:0;padding:0 16px;font-size:var(--font-size-label)}.price-flash{animation:price-flash .6s var(--ease)}.is-updating{opacity:.45;transition:opacity .2s}@keyframes price-flash{0%{transform:scale(1)}30%{transform:scale(1.06)}to{transform:scale(1)}}@media(max-width:1200px){.configurator{grid-template-columns:1fr 460px}.configurator-dock{width:460px}}@media(max-width:980px){.configurator{grid-template-columns:1fr}.configurator-media{position:relative;height:auto;padding-bottom:0}.configurator-stage{height:52svh;flex:none}.configurator-panel{padding-top:10px}.configurator-dock{left:10px;right:10px;width:auto;bottom:10px}}@media(max-width:640px){.configurator-header h1{font-size:40px}.configurator-section-header h2{font-size:26px}.configurator-section{padding:12px 8px 8px}.configurator-stats{grid-template-columns:1fr}.configurator-tabs{width:100%;overflow-x:auto;overscroll-behavior-x:contain}.configurator-tabs .pill-button{--pill-padding: 9px;flex:none}.configurator-bar{flex-wrap:wrap}.configurator-bar .price-summary{flex-basis:100%}.configurator-bar .button-dark{flex:1}.accordion-count{display:none}.accordion-header{grid-template-columns:34px 1fr 28px}.accordion-icon{width:34px;height:34px}}}