:root{--bg:#121418;--surface:#181b20c7;--surface-solid:#191c21;--surface-hover:#ffffff0f;--border:#ffffff17;--border-strong:#ffffff2e;--text:#f1f2f4;--text-muted:#a3a9b3;--text-faint:#6f7681;--accent:#f0a43a;--accent-ink:#1a1206;--radius:14px;--panel-width:clamp(300px, 34vw, 380px);--gutter:20px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}button{font:inherit;color:inherit;cursor:pointer}.app{--zonebar-bottom:max(calc(max(var(--gutter), env(safe-area-inset-bottom)) + 26px), calc(max(8px, env(safe-area-inset-bottom)) + var(--disclaimer-h,0px) + 12px));position:fixed;inset:0}.viewer{touch-action:none;inset:0;position:absolute!important}.topbar,.hint,.zonebar,.disclaimer,.panel,.toast{z-index:10}.loader{z-index:20}.topbar{padding:max(var(--gutter), env(safe-area-inset-top)) var(--gutter) 0;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand p{white-space:nowrap;margin:0}.brand-name{letter-spacing:.01em;font-size:15px;font-weight:650}.brand-model{color:var(--text-muted);text-overflow:ellipsis;font-size:13px;overflow:hidden}.brand-model span{color:var(--text-faint)}.actions{gap:8px;display:flex}.btn{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(14px);border-radius:999px;align-items:center;gap:8px;height:38px;padding:0 14px;font-size:14px;font-weight:550;transition:background .15s,border-color .15s,transform .1s;display:inline-flex}.btn:hover{border-color:var(--border-strong);background:#282c34d9}.btn:active{transform:scale(.97)}.btn[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:#f0a43a1f}.part-label{border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(8px);color:var(--text);font-family:var(--font);white-space:nowrap;opacity:0;-webkit-user-select:none;user-select:none;background:#101216d1;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:550;transition:opacity .35s,transform .35s;display:inline-block;transform:translateY(-14px)scale(.92)}.part-label[data-visible=true]{opacity:1;transform:translateY(-14px)scale(1)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{background:#f6b555}.btn:disabled{opacity:.6;cursor:progress}.btn.reset:disabled{opacity:.4;cursor:default}.btn.reset:disabled:active{transform:none}.icon-btn{border:1px solid var(--border);width:34px;height:34px;color:var(--text-muted);background:0 0;border-radius:999px;place-items:center;display:grid}.icon-btn:hover{color:var(--text);background:var(--surface-hover)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.quick{left:var(--gutter);top:calc(max(var(--gutter), env(safe-area-inset-top)) + 54px);z-index:10;pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute}.night-switch,.quick-btn{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(14px);height:46px;color:var(--text-muted);pointer-events:auto;border-radius:999px;align-items:center;gap:8px;padding:0 16px 0 14px;font-size:13px;font-weight:600;display:inline-flex}.night-switch[aria-pressed=true]{color:var(--accent);background:#f0a43a1f;border-color:#f0a43a99}.quick-btn:hover{color:var(--text)}@media (width<=479px){.quick-btn:not(.ar) span{display:none}.quick-btn:not(.ar){justify-content:center;width:46px;padding:0}}.compare{width:min(980px,100%)}.compare-view{aspect-ratio:1400/760;border:1px solid var(--border);background:#0e1014;border-radius:12px;width:100%;position:relative;overflow:hidden}.compare-view img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.compare-wait{place-items:center;display:grid}.compare-wait p{text-align:center;color:var(--text-faint);margin:0;padding:0 16px;font-size:14px}.compare-line{background:var(--accent);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;box-shadow:0 0 8px #0009}.compare-tag{color:var(--text);pointer-events:none;background:#0a0b0eb8;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;position:absolute;top:10px;left:10px}.compare-tag.mine{color:var(--accent);left:auto;right:10px}.compare-range{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.compare-side{grid-template-columns:1fr 1fr;gap:10px;display:grid}.compare-side figure{margin:0}.compare-side img{border:1px solid var(--border);border-radius:10px;width:100%;display:block}.compare-side figcaption{color:var(--text-muted);margin-top:6px;font-size:12.5px;font-weight:600}@media (width<=599px){.compare-side{grid-template-columns:1fr}}.compare-link{gap:8px;display:flex}.compare-link input{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text);border-radius:10px;flex:1;padding:9px 12px;font-size:14px}.compare-error{color:#ff8a7a;margin:-6px 0 0;font-size:13px}.compare-diff h3{margin:0 0 8px;font-size:14px;font-weight:650}.compare-diff p{color:var(--text-muted);margin:0;font-size:14px}.compare-diff ul{gap:6px;margin:0;padding:0;font-size:13.5px;list-style:none;display:grid}.compare-diff li{color:var(--text-muted);flex-wrap:wrap;align-items:baseline;gap:4px 8px;display:flex}.compare-label{text-transform:uppercase;letter-spacing:.04em;min-width:96px;color:var(--text-faint);font-size:11.5px;font-weight:600}.compare-diff .mine{color:var(--text);font-weight:600}.compare-diff .none{color:var(--text-faint);font-style:italic}.sheet{width:min(640px,100%)}.sheet-figures{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sheet-figures section{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:12px 14px}.sheet-figures h3{text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);margin:0;font-size:11.5px;font-weight:600}.sheet-figure{font-variant-numeric:tabular-nums;margin:4px 0 2px;font-size:22px;font-weight:650}.sheet-caption{color:var(--text-muted);margin:0;font-size:12.5px}.sheet-detail li{grid-template-columns:140px minmax(0,1fr);align-items:baseline;gap:2px 10px;display:grid}.sheet-item{flex-wrap:wrap;align-items:baseline;gap:2px 8px;display:flex}.sheet-name{color:var(--text)}.sheet-value{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:2px 8px;display:inline-flex}.sheet-value .none{color:var(--text-faint);font-style:italic}.sheet-real,.sheet-source{color:var(--text-faint);font-size:12px}.sheet-source:hover{color:var(--text-muted)}.sheet-replaces{color:var(--text-faint);flex-wrap:wrap;flex-basis:100%;align-items:baseline;gap:2px 8px;font-size:12.5px;display:flex}.sheet-note{color:var(--text-faint);margin:0;font-size:12.5px;line-height:1.5}@media (width<=479px){.sheet-figures{grid-template-columns:minmax(0,1fr);gap:8px}.sheet-figures section{padding:10px 12px}.sheet-detail li{grid-template-columns:minmax(0,1fr)}}.history{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(14px);opacity:0;pointer-events:none;border-radius:999px;gap:4px;padding:4px;transition:opacity .2s;display:flex}.history[data-visible=true]{opacity:1;pointer-events:auto}.history .icon-btn{border:0;width:36px;height:36px}.history .icon-btn:disabled{opacity:.35;cursor:default;background:0 0}.hint{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(14px);color:var(--text-muted);white-space:nowrap;opacity:0;pointer-events:none;border-radius:999px;align-items:center;gap:10px;margin:0;padding:9px 16px 9px 12px;font-size:14px;transition:opacity .4s .2s,transform .4s .2s;display:flex;position:absolute;top:92px;left:50%;transform:translate(-50%,-6px)}.hint[data-visible=true]{opacity:1;transition-delay:1.4s;transform:translate(-50%)}.pulse{background:var(--accent);border-radius:50%;width:10px;height:10px;position:relative}.pulse:after{content:"";border:2px solid var(--accent);border-radius:50%;animation:1.6s ease-out infinite pulse;position:absolute;inset:-5px}@keyframes pulse{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(1.5)}}.zonebar{left:50%;bottom:var(--zonebar-bottom);border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(14px);max-width:calc(100vw - 2 * var(--gutter));scrollbar-width:none;border-radius:999px;gap:4px;padding:5px;transition:transform .35s;display:flex;position:absolute;overflow-x:auto;transform:translate(-50%)}.zonebar::-webkit-scrollbar{display:none}.zonebar[data-hidden-end=true]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000)}.zonebar[data-hidden-start=true]{-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 40px),#0000);mask-image:linear-gradient(270deg,#000 calc(100% - 40px),#0000)}.zonebar[data-hidden-start=true][data-hidden-end=true]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000)}.zone{white-space:nowrap;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:14px;font-weight:550;display:inline-flex;position:relative}.zone:hover:not(:disabled){background:var(--surface-hover)}.zone[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.zone:disabled{color:var(--text-faint);cursor:default}.soon{letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--border);border-radius:999px;padding:2px 6px;font-size:10px;font-weight:600}.disclaimer{left:0;right:0;bottom:max(8px, env(safe-area-inset-bottom));text-align:center;color:var(--text-faint);pointer-events:none;margin:0;font-size:12px;position:absolute}.scrim{pointer-events:none;opacity:0;background:linear-gradient(#080a0d9e 0,#080a0d00 130px calc(100% - 170px),#080a0da8 100%);transition:opacity .5s;position:absolute;inset:0}.scrim[data-visible=true]{opacity:1}.wink{left:var(--gutter);bottom:max(10px, env(safe-area-inset-bottom));z-index:10;opacity:.45;pointer-events:none;-webkit-user-select:none;user-select:none;height:30px;position:absolute}.disclaimer strong{color:var(--text-muted);font-weight:550}.disclaimer .credit{white-space:nowrap}.legal-link{font-size:inherit;color:inherit;text-underline-offset:2px;pointer-events:auto;background:0 0;border:0;padding:0;text-decoration:underline}.legal-link:hover{color:var(--text)}.legal-backdrop{z-index:30;-webkit-backdrop-filter:blur(6px);background:#08090c99;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.legal{border:1px solid var(--border);background:var(--surface-solid);border-radius:18px;outline:none;flex-direction:column;width:min(720px,100%);max-height:min(86vh,900px);display:flex;box-shadow:0 24px 80px #00000080}.card-share{width:min(760px,100%)}.card-share-body{flex-direction:column;gap:14px;padding:2px 20px 20px;display:flex;overflow-y:auto}.card-share-intro{color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}.card-share-preview{aspect-ratio:1;border:1px solid var(--border);background:#0e1014;border-radius:12px;place-items:center;width:min(100%,52vh);margin:0 auto;display:grid;overflow:hidden}.card-share-preview[data-format=landscape]{aspect-ratio:16/9;width:100%}.card-share-preview img{object-fit:contain;width:100%;height:100%;display:block}.card-share-preview p{color:var(--text-faint);margin:0;font-size:14px}.card-share-actions{justify-content:flex-end;gap:8px;display:flex}.legal-head{justify-content:space-between;align-items:center;padding:18px 20px 10px;display:flex}.legal-head h2{margin:0;font-size:20px;font-weight:650}.legal-nav{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px;padding:0 20px 12px;display:flex}.legal-nav a{text-decoration:none}.legal-body{color:var(--text-muted);padding:8px 20px 20px;font-size:14px;line-height:1.55;overflow-y:auto}.legal-body h3{color:var(--text);margin:18px 0 6px;font-size:15px;font-weight:650}.legal-body p,.legal-body ul{margin:0 0 8px}.legal-body ul{padding-left:18px}.legal-body a{color:var(--accent)}.legal-body strong{color:var(--text);font-weight:600}.legal-todo{color:#f3c27a;background:#f0a43a24;border-radius:4px;padding:0 4px}.legal-foot{border-top:1px solid var(--border);padding-top:12px;font-size:12px;margin-top:16px!important}.suggest-fab{right:var(--gutter);bottom:var(--zonebar-bottom);z-index:10;background:var(--surface);-webkit-backdrop-filter:blur(14px);height:48px;color:var(--text);border:1px solid #f0a43a8c;border-radius:999px;align-items:center;gap:8px;padding:0 18px 0 15px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s,transform .1s;display:inline-flex;position:absolute}.suggest-fab svg{color:var(--accent)}.suggest-fab:hover{border-color:var(--accent);background:#f0a43a24}.suggest-fab:active{transform:scale(.97)}.app[data-panel=true] .suggest-fab{display:none}.link-btn.request{color:var(--accent)}.link-btn.request:hover{color:#f6b555}.missing{background:#f0a43a12;border:1px dashed #f0a43a8c;border-radius:12px;gap:6px;margin:16px 0 4px;padding:14px;display:grid}.missing h3{color:var(--text);margin:0;font-size:15px;font-weight:650}.missing p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.45}.missing .btn{justify-self:start;height:36px;margin-top:6px}.feedback{width:min(600px,100%)}.fb-form{gap:14px;padding-top:4px;display:grid}.fb-intro{margin:0!important}.fb-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.fb-field{min-width:0;color:var(--text);gap:6px;font-size:13px;display:grid}.fb-field em{color:var(--text-faint);font-style:normal}.fb-field input,.fb-field textarea,.fb-field select{border:1px solid var(--border-strong);width:100%;min-width:0;color:var(--text);font:inherit;background:#ffffff0a;border-radius:10px;padding:9px 11px;font-size:14px}.fb-field input:not([type=file]),.fb-field select{height:40px}.fb-field textarea{resize:vertical;min-height:72px;line-height:1.45}.fb-field input[type=file]{color:var(--text-muted);padding:7px;font-size:13px}.fb-field input:focus,.fb-field textarea:focus,.fb-field select:focus{border-color:var(--accent);outline:none}.fb-field [aria-invalid=true]{border-color:#e0705a}.fb-error{color:#f08a73;font-size:12px}.fb-check{color:var(--text);cursor:pointer;align-items:flex-start;gap:10px;font-size:13px;display:flex}.fb-check input{accent-color:var(--accent);margin-top:2px}.fb-check small{color:var(--text-faint);margin-top:3px;font-size:12px;display:block}.fb-trap{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.fb-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:4px;display:flex}.fb-privacy{color:var(--text-faint);flex:1;font-size:12px;margin:0!important}.fb-review{color:var(--text-faint);font-size:12.5px;margin:-6px 0 0!important}.fb-review .link-btn{font-size:inherit}.rv-input{gap:4px;display:flex}.rv-input[aria-invalid=true] .rv-pick{color:#f08a7373}.rv-pick{color:#ffffff2e;background:0 0;border:0;padding:0 2px;font-size:30px;line-height:1;transition:color .1s,transform .1s}.rv-pick[data-on=true]{color:var(--accent)}.rv-pick:hover{transform:scale(1.12)}.rv-counter{color:var(--text-faint);justify-self:end;font-size:11px}.rv-stars{white-space:nowrap;gap:1px;line-height:1;display:inline-flex}.rv-star{color:#ffffff2e}.rv-star[data-fill=full]{color:var(--accent)}.rv-star[data-fill=half]{background:linear-gradient(90deg, var(--accent) 50%, #ffffff2e 50%);color:#0000;-webkit-background-clip:text;background-clip:text}.rv-summary{align-items:center;gap:12px;margin:4px 0 14px;display:flex}.rv-average{color:var(--text);font-size:34px;font-weight:700;line-height:1}.rv-count{color:var(--text-faint);font-size:13px}.rv-list{gap:10px;list-style:none;display:grid;margin:0 0 14px!important;padding:0!important}.rv-item{border:1px solid var(--border);background:#ffffff08;border-radius:12px;padding:12px 14px}.rv-item-head{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.rv-name{color:var(--text);font-weight:650}.rv-date{color:var(--text-faint);margin-left:auto;font-size:12px}.rv-comment{color:var(--text-muted);white-space:pre-line;margin:8px 0 0!important}.rv-build{margin-top:6px;font-size:12.5px;display:inline-block}.rv-link{white-space:nowrap}.fb-done p{color:var(--text);font-size:15px;margin:8px 0 18px!important}@media (width<=559px){.fb-row{grid-template-columns:1fr}.fb-field input,.fb-field textarea,.fb-field select,.catalog-search input{font-size:16px}.fb-actions{flex-wrap:wrap}}.actions .btn.lang{letter-spacing:.06em;justify-content:center;min-width:38px;padding:0 10px;font-size:12px;font-weight:650}.panel{--panel-pad:20px;width:var(--panel-width);padding:var(--panel-pad) 20px 24px;border-left:1px solid var(--border);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(18px);background:linear-gradient(270deg,#101216f0,#101216db);border-top-left-radius:18px;flex-direction:column;gap:14px;transition:transform .38s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:74px;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.panel[data-open=true]{transform:none}.panel-head{justify-content:space-between;align-items:flex-start;display:flex}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 2px;font-size:11px;font-weight:650}.panel h2{margin:0;font-size:22px;font-weight:650}.panel-intro{color:var(--text-muted);margin:0;font-size:13px;line-height:1.45}.cards{gap:10px;margin:0;padding:0;list-style:none;display:grid}.card{text-align:left;border-radius:var(--radius);border:1px solid var(--border);background:#ffffff06;flex-wrap:wrap;align-items:center;gap:8px 12px;width:100%;padding:10px 12px;transition:border-color .15s,background .15s;display:flex;position:relative}.card:hover{border-color:var(--border-strong);background:#ffffff0d}.card[aria-pressed=true]{border-color:var(--accent);background:#f0a43a14}.profile-icon{color:var(--text-muted);flex:none}.card[aria-pressed=true] .profile-icon{color:var(--accent)}.card-body{flex-direction:column;flex:1 1 0;gap:2px;min-width:0;display:flex}.card-meta{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.card-meta .chip{border-radius:5px;padding:1px 6px;font-size:11px}.blueprint{--bp-h:70px;background-color:#0e1720;background-image:linear-gradient(#96b4d212 1px,#0000 1px),linear-gradient(90deg,#96b4d212 1px,#0000 1px);background-size:14px 14px;border:1px solid #96afcd1f;border-radius:10px;flex-direction:column;flex:0 0 100%;gap:2px;padding:5px 8px 6px;display:flex}.blueprint img{width:100%;height:auto;display:block}.bp-box{width:min(100%, calc(var(--bp-h) * var(--bp-aspect)));margin:0 auto;display:block;position:relative}.blueprint[data-tall=true]{flex:none;padding:4px 6px}.blueprint[data-tall=true] .bp-box{width:calc(var(--bp-h) * var(--bp-aspect))}.decor-thumb{aspect-ratio:2;border:1px solid var(--border);background:#0e1014;border-radius:10px;flex:0 0 100%;overflow:hidden}.decor-thumb img{object-fit:cover;width:100%;height:100%;display:block}.bp-dim{border-top:1px solid #c8d6e673;height:14px;margin-top:6px;display:block;position:relative}.bp-dim:before,.bp-dim:after{content:"";background:#c8d6e699;width:1px;height:7px;position:absolute;top:-4px}.bp-dim:before{left:0}.bp-dim:after{right:0}.bp-dim span{letter-spacing:.02em;white-space:nowrap;color:#d6e0ecd9;background:#0e1720;padding:0 5px;font-size:10.5px;font-weight:600;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.bp-frame{display:block;position:relative}.bp-dim.vertical{border-top:0;border-left:1px solid #c8d6e673;height:auto;margin:0;position:absolute}.bp-dim.vertical:before,.bp-dim.vertical:after{width:7px;height:1px;left:-4px}.bp-dim.vertical:before{top:0}.bp-dim.vertical:after{top:auto;bottom:0;right:auto}.bp-dim.vertical span{background:0 0;padding:0;top:50%;left:7px;transform:translateY(-50%)}.card[aria-pressed=true] .blueprint{border-color:#f0a43a59}.card-title{flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:14px;font-weight:650;line-height:1.25;display:flex}.badge{letter-spacing:.05em;text-transform:uppercase;color:var(--accent);border:1px solid #f0a43a73;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:650}.card-brand{color:var(--text-faint);font-size:12px}.card-summary{color:var(--text-muted);flex:0 0 100%;margin:0;font-size:12.5px;line-height:1.4}.card-approx{color:var(--text-faint);margin-top:8px;font-size:11.5px;line-height:1.4;display:block}.chips{gap:6px;margin-top:8px;display:flex}.chip{color:var(--text-muted);background:#ffffff12;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:550}.card-check{background:var(--accent);width:22px;height:22px;color:var(--accent-ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:8px}.finish h3{margin:4px 0 10px;font-size:13px;font-weight:650}.finish h3 span{color:var(--text-muted);margin-left:6px;font-weight:450}.swatches{gap:10px;display:flex}.swatch{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--swatch) 70%, white), var(--swatch) 60%);border:2px solid #0000;border-radius:50%;width:34px;height:34px;transition:transform .15s;box-shadow:inset 0 0 0 1px #ffffff2e}.swatch:hover{transform:scale(1.08)}.swatch[aria-checked=true]{border-color:var(--accent);box-shadow:0 0 0 3px var(--bg), 0 0 0 5px var(--accent)}.acc-section{flex-direction:column;gap:10px;display:flex}.section-head{justify-content:space-between;align-items:baseline;display:flex}.section-head h3{margin:0;font-size:13px;font-weight:650}.section-head h3 span{color:var(--text-muted);margin-left:4px;font-weight:450}.link-btn{color:var(--text-muted);text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.link-btn:hover{color:var(--text)}.group-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin:4px 0 8px;font-size:11px;font-weight:650}.acc-group+.acc-group{margin-top:6px}.catalog-search{flex-shrink:0;align-items:center;display:flex;position:relative}.catalog-search>svg{color:var(--text-faint);pointer-events:none;position:absolute;left:12px}.catalog-search input{border:1px solid var(--border-strong);width:100%;height:40px;color:var(--text);font:inherit;appearance:none;background:#ffffff0d;border-radius:10px;padding:0 38px;font-size:14px}.catalog-search input::-webkit-search-cancel-button{display:none}.catalog-search input:focus{border-color:var(--accent);outline:none}.search-clear{width:32px;height:32px;position:absolute;right:4px}.search-count{color:var(--text-faint);margin:0 0 8px;font-size:12px}.search-results{flex-direction:column;gap:6px;display:flex}.chip-on{color:var(--accent);background:#f0a43a1f}.search-empty{background:#f0a43a12;border:1px dashed #f0a43a8c;border-radius:12px;gap:12px;padding:14px;display:grid}.search-empty p{color:var(--text);margin:0;font-size:14px;line-height:1.45}.search-empty .btn{justify-self:start;height:36px}.acc-family{border:1px solid var(--border);background:#ffffff06;border-radius:12px}.family-head{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:11px 12px;font-size:14px;font-weight:600;display:flex}.family-head>span:first-child{flex:1}.family-count{text-align:center;min-width:22px;color:var(--text-muted);background:#ffffff14;border-radius:999px;padding:1px 7px;font-size:12px;font-weight:600}.family-head svg{color:var(--text-faint)}.family-head:hover svg{color:var(--text)}.acc-family[data-open=true]{border-color:var(--border-strong)}.acc-family[data-open=true]>.family-head{top:calc(-1 * var(--panel-pad));z-index:2;background:#17191d;border-radius:12px 12px 0 0;position:sticky}.acc-family[data-open=true]>.family-head:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(#17191d,#17191d00);height:22px;transition:opacity .15s;position:absolute;top:100%;left:0;right:0}.acc-family[data-open=true]>.family-head[data-stuck=true]{box-shadow:0 1px 0 var(--border-strong);border-radius:0}.acc-family[data-open=true]>.family-head[data-stuck=true]:after{opacity:1}.acc-family>.cards,.family-body>.cards{padding:0 8px 8px}.family-foot{justify-content:flex-end;padding:0 12px 10px;display:flex}.acc-empty{color:var(--text-muted);margin:0;font-size:13px}.acc-card{cursor:pointer;flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px}.acc-flip{align-self:flex-start;align-items:center;gap:6px;display:inline-flex}.acc-flip[aria-pressed=true]{color:var(--accent);background:#f0a43a1a;border-color:#f0a43a8c}.acc-card[data-selected=true]{border-color:var(--accent);background:#f0a43a14}.acc-card-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.acc-remove{width:32px;height:32px;color:var(--text-muted);margin:-6px -6px 0 0}.acc-warning{color:#f3c27a;background:#f0a43a1a;border-radius:8px;margin:0;padding:8px 10px;font-size:12px;line-height:1.4}.rail-lines{flex-wrap:wrap;gap:6px;display:flex}.barrel-hint{margin:10px 0 0}.line-chip{color:var(--text-muted);background:#ffffff0f;border:1px solid #0000;border-radius:7px;padding:5px 9px;font-size:12px;font-weight:550;transition:border-color .15s,color .15s}.line-chip:hover{color:var(--text);border-color:var(--border-strong)}.line-chip[aria-checked=true]{color:var(--accent);background:#f0a43a1a;border-color:#f0a43a99}.stepper{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.step-btn{border:1px solid var(--border);background:#ffffff0a;border-radius:9px;justify-content:center;align-items:center;gap:6px;height:34px;padding:0 10px;font-size:13px;font-weight:550;transition:border-color .15s,background .15s;display:inline-flex}.step-btn:hover:not(:disabled){border-color:var(--border-strong);background:#ffffff14}.step-btn:disabled{opacity:.35;cursor:default}.step-value{text-align:center;font-variant-numeric:tabular-nums;min-width:92px;font-size:13px;font-weight:650}.step-value span{color:var(--text-muted);font-weight:450}.acc-swatches{gap:8px}.swatch.small{width:24px;height:24px}.add-card{align-items:center}.add-card .blueprint[data-tall=true]{--bp-h:54px}.add-card:has(.blueprint[data-tall=true]) .card-body{padding-right:32px}.add-card:has(.blueprint[data-tall=true]) .card-add{width:28px;height:28px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.card-add{width:30px;height:30px;color:var(--accent);border:1px solid #f0a43a73;border-radius:50%;flex:none;place-items:center;margin-left:auto;display:grid}.add-card:hover .card-add{color:var(--accent-ink);background:var(--accent)}.add-card[data-blocked]{cursor:default}.add-card[data-blocked] .blueprint,.add-card[data-blocked] .card-title,.add-card[data-blocked] .card-meta,.add-card[data-blocked] .card-add{opacity:.42}.add-card[data-blocked]:hover .card-add{color:var(--accent);background:0 0}.card-blocked{color:#f3c27a;flex-direction:column;gap:2px;margin-top:4px;font-size:12px;line-height:1.35;display:flex}.card-blocked small{color:var(--text-muted);font-size:12px}.add-replace{flex-wrap:wrap;gap:6px;padding:6px 4px 2px;display:flex}.add-replace-btn{color:var(--accent);border-color:#f0a43a73}.add-replace-btn:hover{color:var(--accent-ink);background:var(--accent)}.panel-note{color:var(--text-faint);border-top:1px solid var(--border);margin:auto 0 0;padding-top:12px;font-size:12px;line-height:1.45}@media (width>=600px){.app[data-panel=true] .zonebar{left:calc((100% - var(--panel-width)) / 2);max-width:calc(100% - var(--panel-width) - 2 * var(--gutter))}.app[data-panel=true] .disclaimer{right:var(--panel-width)}.app[data-panel=true] .soon{display:none}}.tour{z-index:30;position:fixed;inset:0}.tour-spot{pointer-events:none;border-radius:14px;transition:left .3s,top .3s,width .3s,height .3s;position:fixed;box-shadow:0 0 0 200vmax #0607099e}.tour-spot[data-target=false]{width:0;height:0;top:50%;left:50%}.tour-bubble{border:1px solid var(--border-strong);background:var(--surface-solid);width:min(340px,100vw - 32px);color:var(--text);border-radius:16px;padding:16px 18px 14px;transition:left .3s,top .3s;position:fixed;box-shadow:0 12px 40px #00000073}.tour-bubble h3{margin:2px 0 6px;font-size:17px;font-weight:650}.tour-bubble p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}.tour-bubble .tour-count{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:650}.tour-actions{justify-content:flex-end;align-items:center;gap:14px;margin-top:14px;display:flex}.tour-actions .link-btn{margin-right:auto}.toast{border:1px solid var(--border-strong);background:var(--surface);-webkit-backdrop-filter:blur(14px);color:var(--text);opacity:0;pointer-events:none;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:600;transition:opacity .2s,transform .2s;position:absolute;bottom:120px;left:50%;transform:translate(-50%,8px);box-shadow:0 6px 24px #00000059}.toast[data-visible=true]{opacity:1;transform:translate(-50%)}.toast[data-action=true]{white-space:nowrap;align-items:center;gap:12px;padding:6px 6px 6px 16px;display:flex}.toast[data-action=true][data-visible=true]{pointer-events:auto}.toast-action{background:var(--accent);height:30px;color:var(--accent-ink);font:inherit;cursor:pointer;border:0;border-radius:999px;padding:0 12px}.toast-action:hover{filter:brightness(1.08)}.loader{background:var(--bg);place-content:center;justify-items:center;gap:14px;transition:opacity .6s;display:grid;position:absolute;inset:0}.loader[data-done=true]{opacity:0;pointer-events:none}.loader p{color:var(--text-muted);margin:0;font-size:14px}.bar{background:#ffffff14;border-radius:3px;width:180px;height:3px;overflow:hidden}.bar span{background:var(--accent);height:100%;transition:width .2s;display:block}@media (width<=899px){:root{--gutter:16px}.hint{top:calc(max(var(--gutter), env(safe-area-inset-top)) + 112px);font-size:13px}.card-summary{display:none}}@media (width<=1099px){.suggest-fab span{display:none}.suggest-fab{justify-content:center;width:48px;padding:0}.actions .btn.secondary span{display:none}.actions .btn.secondary{justify-content:center;width:38px;padding:0}}@media (width<=759px){.suggest-fab{bottom:calc(var(--zonebar-bottom) + 58px)}.actions .btn span{display:none}.actions .btn{justify-content:center;width:38px;padding:0}.brand-model span{display:none}}@media (width<=479px){.brand>div{display:none}.actions{gap:6px}.actions .btn,.actions .btn.lang{width:36px;min-width:36px;height:36px;padding:0}}@media (width<=374px){.actions{gap:4px}.actions .btn,.actions .btn.lang{width:34px;min-width:34px}}@media (width<=599px){.panel{--panel-pad:16px;width:auto;height:50%;padding:var(--panel-pad) 16px max(16px, env(safe-area-inset-bottom));border-left:0;border-top:1px solid var(--border);background:#101216f2;border-radius:20px 20px 0 0;top:auto;left:0;transform:translateY(100%)}.panel-intro,.disclaimer .indicative{display:none}.app[data-panel=true] .zonebar{transform:translate(-50%,140px)}.wink{bottom:calc(var(--zonebar-bottom) + 60px);height:24px}}@media (height<=500px) and (orientation:landscape){.app{--zonebar-bottom:max(calc(max(6px, env(safe-area-inset-bottom)) + 20px), calc(max(3px, env(safe-area-inset-bottom)) + var(--disclaimer-h,0px) + 6px))}.hint,.wink{display:none}.topbar{padding-top:max(10px, env(safe-area-inset-top))}.zonebar,.app[data-panel=true] .zonebar{left:max(var(--gutter), env(safe-area-inset-left));bottom:var(--zonebar-bottom);max-width:calc(100% - 2 * var(--gutter) - 60px);transform:none}.app[data-panel=true] .zonebar{max-width:calc(100% - var(--panel-width) - 2 * var(--gutter))}.suggest-fab{bottom:var(--zonebar-bottom);width:46px;height:46px}.disclaimer{bottom:max(3px, env(safe-area-inset-bottom));font-size:10.5px}.disclaimer .indicative{display:none}}
