.comparator-page .toolbox-intro h1{font-size:clamp(2.9rem,6.5vw,5.9rem);line-height:1.03}.comparator-page .utility-workspace{padding-top:42px}.compare-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 0 18px}.compare-heading h2{margin:0;font:500 .78rem "DM Mono",monospace;text-transform:uppercase;letter-spacing:.13em}.compare-heading .section-description{margin:9px 0 0}.display-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.display-control,.info-card,.direct-comparison{min-width:0;background:#0d1013;border:1px solid #2c3234;border-radius:11px}.display-control{padding:20px;border-top:2px solid var(--display-color)}.control-title,.control-title>div{display:flex;align-items:center;gap:11px}.control-title{justify-content:space-between;margin-bottom:18px}.control-title h3{margin:0;font-size:1rem}.display-letter{display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--display-color);border-radius:5px;color:var(--display-color);font:500 .8rem "DM Mono",monospace}.control-buttons{flex-wrap:wrap;justify-content:end}.control-buttons .card-action{min-height:32px;padding:0 9px;font-size:.59rem}.picker-grid,.custom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.custom-grid{padding-top:3px}.display-control .field{flex:auto}.display-control .field input,.display-control .field select{height:42px}.control-error{color:#ffada2;font:400 .67rem "DM Mono",monospace;margin:9px 0 0}.control-error:empty{display:none}.canvas-heading{margin:43px 0 16px}.visual-controls{display:flex;align-items:end;flex-wrap:wrap;gap:10px 15px;padding:17px;background:#0d1013;border:1px solid #2c3234;border-radius:9px 9px 0 0}.mode-group{display:flex;align-items:center;gap:14px;border:0;padding:0;margin:0 12px 0 0;color:#c8cdc6;font:400 .7rem "DM Mono",monospace}.mode-group legend{padding:0 0 7px;color:var(--muted)}.mode-group label{white-space:nowrap}.mode-group input{accent-color:var(--acid)}.compact-field{flex:0 1 160px;gap:5px}.compact-field select{min-height:37px;padding:7px}.visual-controls .card-action{margin-bottom:1px}.overlay-only[hidden]{display:none}.canvas-viewport{height:clamp(380px,52vw,590px);overflow:auto;display:flex;align-items:safe center;justify-content:safe center;background-color:#0a0d0f;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:25px 25px;border:1px solid #2c3234;border-top:0;border-radius:0 0 9px 9px}.canvas-viewport svg{display:block;max-width:none}.canvas-note{margin:12px 0 0;color:#858d86;font:400 .68rem/1.6 "DM Mono",monospace}.stats-heading{margin:44px 0 18px}.info-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.info-card{padding:21px;border-top:2px solid var(--display-color)}.info-top{display:flex;justify-content:space-between;gap:12px;color:var(--display-color);font:500 .62rem "DM Mono",monospace;text-transform:uppercase;letter-spacing:.07em}.info-card h3{margin:18px 0 10px;font-size:1.24rem}.headline-number{font:500 2.3rem "Manrope",sans-serif;letter-spacing:-.06em}.info-muted{display:block;color:#9aa09b;font:400 .65rem/1.5 "DM Mono",monospace}.info-card dl{margin:18px 0 0}.info-card dl>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #252a2d}.info-card dt{color:#838b84;font:400 .67rem/1.4 "DM Mono",monospace}.info-card dd{text-align:right;margin:0;font:500 .72rem/1.4 "DM Mono",monospace;overflow-wrap:anywhere}.info-card dd small{display:block;color:#8d958e;font-size:.64rem;margin-top:3px}.source-line{margin:15px 0 0;color:#777e78;font:400 .63rem/1.5 "DM Mono",monospace;overflow-wrap:anywhere}.source-line a{color:#b1c77b;text-decoration:underline;text-underline-offset:3px}.direct-comparison{margin-top:16px;padding:24px}.summary-title span{color:var(--acid);font:400 .64rem "DM Mono",monospace;letter-spacing:.08em}.summary-title h2{margin:10px 0 21px;font-size:1.25rem}.summary-title em{color:#8d958e;font-style:normal;font-weight:400}.comparison-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.comparison-grid>div{padding:12px;border:1px solid #2d3335;border-radius:7px}.comparison-grid span,.comparison-grid small{display:block;color:#8e968e;font:400 .62rem/1.5 "DM Mono",monospace}.comparison-grid strong{display:block;margin:8px 0 4px;color:var(--acid);font:600 1.2rem "Manrope",sans-serif}.methodology{max-width:970px;margin-top:28px}.comparator-page .field input:focus,.comparator-page .field select:focus{outline:1px solid var(--acid);border-color:var(--acid)}
@media(max-width:850px){.comparison-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.display-controls,.info-cards{grid-template-columns:1fr}.compare-heading{align-items:start}.compare-heading #add-display{flex:0 0 auto}.visual-controls{align-items:stretch}.compact-field{flex:1 1 130px}.canvas-viewport{height:420px}.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.picker-grid,.custom-grid{grid-template-columns:1fr}.compare-heading{flex-wrap:wrap}.comparison-grid{grid-template-columns:1fr 1fr}.comparison-grid strong{font-size:1rem}.control-title{align-items:start}.control-buttons{gap:5px}}
#canvas-inner{flex:0 0 auto}
.unconfirmed-note{margin:14px 0 0;color:#ffcc80;font:400 .67rem/1.6 "DM Mono",monospace}
.unconfirmed-banner{margin:0;padding:11px 17px;border-left:1px solid #755b32;border-right:1px solid #755b32;background:#241c11;color:#ffd49a;font:500 .68rem/1.55 "DM Mono",monospace}.unconfirmed-banner[hidden]{display:none}