.evolution-tool{gap:1.25rem;display:grid}.evolution-tool__intro{color:var(--band-fg);border:2px solid var(--band-fg);border-radius:var(--card-radius);background:var(--band-bg);box-shadow:5px 5px 0 var(--accent);padding:1rem}.evolution-tool__intro h3,.evolution-output>h3{margin:.55rem 0}.evolution-tool__intro p:last-child{color:var(--band-muted)}.evolution-badge{color:var(--band-bg);border:2px solid var(--band-fg);background:var(--band-accent);font-family:var(--font-mono);border-radius:4px;margin:0;padding:.3rem .5rem;font-size:.68rem;font-weight:700;display:inline-flex}.evolution-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.evolution-field{border:1px solid var(--line);background:var(--surface);border-radius:8px;align-content:start;gap:.35rem;padding:.75rem;display:grid}.evolution-field>span{font-weight:700;line-height:1.25}.evolution-field input{width:100%;min-height:44px;color:var(--ink);border:2px solid var(--line-strong);background:var(--bg);font-family:var(--font-mono);border-radius:5px;padding:.55rem .65rem}.evolution-field input:focus-visible,.mutation-toggle input:focus-visible{outline:3px solid var(--accent-cool);outline-offset:2px}.evolution-field small{color:var(--muted);font-size:.7rem}.evolution-advanced{border:2px solid var(--line-strong);border-radius:var(--card-radius);background:var(--surface-soft);padding:1rem}.evolution-advanced summary{cursor:pointer;font-weight:800}.evolution-advanced>p{color:var(--muted)}.mutation-toggle{align-items:center;gap:.6rem;margin-bottom:1rem;font-weight:700;display:flex}.mutation-toggle input{width:22px;height:22px;accent-color:var(--primary)}.evolution-output{gap:1rem;display:grid}.recommendation{border:2px solid var(--ink);border-radius:var(--card-radius);background:var(--surface);box-shadow:5px 5px 0 var(--ink);border-left-width:10px;padding:1rem}.recommendation>span{color:var(--muted);font-family:var(--font-mono);text-transform:uppercase;font-size:.68rem}.recommendation>strong{font-family:var(--font-display);text-transform:uppercase;margin-top:.35rem;font-size:clamp(1.6rem,4vw,2.5rem);display:block}.recommendation p{color:var(--muted);margin-bottom:0}.recommendation--evolve_now{border-left-color:var(--primary)}.recommendation--evolve_now>strong{color:var(--primary)}.recommendation--wait{border-left-color:var(--accent)}.recommendation--wait>strong{color:var(--accent)}.recommendation--hard_pass{border-left-color:var(--danger)}.recommendation--hard_pass>strong{color:var(--danger)}.evolution-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;display:grid}.evolution-metrics article{border:1px solid var(--line);border-radius:var(--card-radius);background:var(--surface-soft);min-width:0;padding:1rem;display:grid}.evolution-metrics span{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:700}.evolution-metrics strong{overflow-wrap:anywhere;color:var(--primary);font-family:var(--font-display);margin-top:.55rem;font-size:clamp(1.1rem,2.2vw,1.55rem)}.evolution-metrics small{color:var(--muted);margin-top:.3rem}.evolution-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.evolution-panels section{border:1px solid var(--line);border-radius:var(--card-radius);background:var(--surface-soft);padding:1rem}.evolution-panels h4,.evolution-warnings h4{margin:0 0 .75rem;font-size:1.05rem}.evolution-panels dl{margin:0}.evolution-panels dl>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding:.5rem 0;display:flex}.evolution-panels dt{color:var(--muted)}.evolution-panels dd{font-family:var(--font-mono);text-align:right;margin:0;font-weight:700}.evolution-warnings{border-left:4px solid var(--accent-cool);background:color-mix(in srgb, var(--accent-cool) 8%, var(--surface));padding:1rem}.evolution-warnings li{margin-block:.3rem}.evolution-error{color:var(--danger);border:1px solid var(--danger);background:color-mix(in srgb, var(--danger) 8%, transparent);padding:.8rem}@media (width<=960px){.evolution-fields,.evolution-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.evolution-fields,.evolution-metrics,.evolution-panels{grid-template-columns:1fr}.evolution-tool__intro,.evolution-field,.evolution-panels section,.evolution-warnings{padding:.8rem}}