.layout-switch{display:flex;align-items:center;gap:4px;background:var(--surface);border:1.5px solid var(--border);border-radius:999px;padding:4px;box-shadow:var(--shadow-sm)}.layout-switch .lbl{font-family:var(--data);font-size:11px;font-weight:700;color:var(--t-meta);padding:0 8px 0 10px}.layout-switch button{font-family:var(--data);font-size:12px;font-weight:700;color:var(--t-secondary);background:transparent;border:none;cursor:pointer;padding:7px 14px;border-radius:999px;transition:background .15s,color .15s}.layout-switch button:hover{color:var(--t-body)}.layout-switch button.active{background:var(--accent);color:#000}.vs-variant{display:none}.vs-variant.active{display:block;animation:fade .2s ease}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.builder{border:1.5px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);background:var(--pale);padding:24px 26px}.bld-controls{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}.bld-field{display:flex;flex-direction:column;gap:7px;flex:1;min-width:160px}.bld-lbl{font-family:var(--data);font-size:11px;font-weight:700;color:var(--t-meta);letter-spacing:.04em;text-transform:uppercase}.bld-select{height:44px;background:#fff;border:1.5px solid var(--border);border-radius:var(--r-sm);box-shadow:var(--shadow-sm);color:var(--t-body);font-family:var(--data);font-size:14px;font-weight:700;padding:0 34px 0 14px;cursor:pointer;transition:border-color .15s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%23171717' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.bld-select:focus{outline:none;border-color:var(--accent-ink)}.bld-vs{font-family:var(--data);font-size:12px;font-weight:700;color:var(--t-meta);padding-bottom:13px}#bld-swap{height:44px}.bld-result{margin-top:24px}.bld-compare{border:1.5px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-lg);overflow:hidden;background:#fff}.bld-toprow{display:grid;grid-template-columns:160px 1fr 1fr}.bld-tool{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:26px 18px;border-left:1.5px solid var(--divider);background:var(--accent-dim)}.bld-toprow .bld-corner{background:var(--accent-dim)}.bld-tool .mc-name{font-family:var(--serif);font-size:20px;font-weight:700;color:var(--t-primary)}.bld-tool .mc-cat{font-family:var(--data);font-size:11px;font-weight:500;color:var(--t-meta)}.bld-arow{display:grid;grid-template-columns:160px 1fr 1fr;border-top:1.5px solid var(--divider)}.bld-arow>span{padding:14px 18px;font-family:var(--data);font-size:13.5px}.bld-akey{color:var(--t-meta);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center}.bld-aval{color:var(--t-body);font-weight:500;border-left:1.5px solid var(--divider);display:flex;align-items:center;gap:6px}.bld-aval.win{color:var(--pos);font-weight:700}.bld-verdict{display:flex;align-items:flex-start;gap:12px;padding:18px 22px;border-top:1.5px solid var(--divider);background:var(--card-mint)}.bld-verdict .bv-sym{color:var(--accent-ink);font-family:var(--data);font-size:13px;font-weight:700;flex:none;margin-top:1px}.bld-verdict p{font-size:14.5px;font-weight:500;color:var(--t-body);line-height:1.55}.bld-verdict b{color:var(--t-primary);font-weight:900}.bld-cta{display:flex;gap:10px;padding:18px 22px;border-top:1.5px solid var(--divider);flex-wrap:wrap}.bld-hint{padding:40px 0;text-align:center;color:var(--t-meta);font-family:var(--data);font-size:14px;font-weight:500}@media(max-width:680px){.bld-toprow,.bld-arow{grid-template-columns:88px 1fr 1fr}.bld-tool{padding:18px 8px}.bld-akey{font-size:10px}.bld-arow>span{padding:11px 10px;font-size:12.5px}}.vs-group{margin-bottom:34px}.vs-group:last-child{margin-bottom:0}.vs-grouph{font-family:var(--data);font-size:12px;font-weight:700;color:var(--t-meta);letter-spacing:.04em;text-transform:uppercase;padding-bottom:12px;margin-bottom:16px;border-bottom:1.5px solid var(--divider)}.vs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.matchcard{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);padding:30px 26px 46px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.matchcard:hover{background:var(--card-lavender);transform:translate(2px,2px);box-shadow:0 0 0 0 var(--ink-sh)}.mc-side{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}.mc-name{font-family:var(--serif);font-size:19px;font-weight:700;color:var(--t-primary)}.mc-price{font-family:var(--data);font-size:12.5px;font-weight:500;color:var(--t-secondary)}.mc-vs{font-family:var(--data);font-size:13px;font-weight:700;color:var(--t-meta);border:1.5px solid var(--border);border-radius:50%;width:34px;height:34px;display:grid;place-items:center;flex:none;background:#fff}.mc-link{position:absolute;bottom:18px;left:0;right:0;text-align:center;font-family:var(--data);font-size:13px;font-weight:700;color:var(--accent-ink)}.matchcard:hover .mc-link{text-decoration:underline;text-underline-offset:3px}.vs-rows{border:1.5px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden;background:var(--surface)}.vsrow{display:grid;grid-template-columns:1fr auto auto;gap:24px;align-items:center;padding:16px 22px;border-bottom:1.5px solid var(--divider);transition:background .12s,padding .15s}.vsrow:last-child{border-bottom:none}.vsrow:hover{background:var(--card-lavender);padding-left:28px}.vr-pair{display:flex;align-items:center;gap:9px}.vr-name{font-family:var(--serif);font-size:17px;font-weight:700;color:var(--t-primary)}.vr-vs{font-family:var(--data);font-size:11px;font-weight:700;color:var(--t-meta);padding:0 4px}.vr-prices{font-family:var(--data);font-size:13px;font-weight:500;color:var(--t-secondary)}.vr-go{font-family:var(--data);font-size:13px;font-weight:700;color:var(--accent-ink);white-space:nowrap}.browse-band{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border:1.5px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);background:var(--surface);padding:28px 32px}.browse-btns{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:760px){.vs-grid{grid-template-columns:1fr}.vsrow{grid-template-columns:1fr auto;gap:8px 16px}.vr-prices{grid-column:1 / -1;order:3}}