.tools-hero{padding:3.5rem 0 2.5rem;border-bottom:1px solid var(--line)}.tools-hero h1{font-size:clamp(2rem,4.5vw,3.1rem);max-width:18ch;margin-bottom:.85rem}.tools-hero .lead{max-width:40rem;color:var(--ink-muted)}.tools-kicker{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.75rem}.tools-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:2rem;padding:2.5rem 0 4.5rem;align-items:start}.tools-form{display:flex;flex-direction:column;gap:.9rem;padding:1.4rem;background:#ffffffb3;border:1px solid var(--line);border-radius:10px}.tools-form h2,.tools-panel h2{font-size:1rem;margin-bottom:.35rem}.tools-panel{display:flex;flex-direction:column;gap:1rem}.style-stage{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden;min-height:280px}.style-stage img{display:block;width:100%;height:380px;object-fit:contain;background:#fff}.style-stage-cap{margin:0;padding:.65rem .9rem .85rem;border-top:1px solid var(--line);font-size:.8rem;color:var(--ink-muted)}.legal-callout{padding:1rem 1.1rem;background:var(--stage);border:1px solid var(--line);border-radius:10px;font-size:.875rem;color:var(--ink-muted)}.legal-callout strong{display:block;color:var(--ink);margin-bottom:.35rem}.band-card,.checklist-card{padding:1.1rem 1.2rem;border:1px solid var(--line);border-radius:10px;background:#fff}.band-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.band-grid div{display:flex;flex-direction:column;gap:.2rem;padding:.75rem .8rem;background:var(--paper-deep);border-radius:8px}.band-grid .is-mid{background:var(--ink);color:var(--paper)}.band-label{font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.band-grid .is-mid .band-label{color:#ffffffa6}.band-grid strong{font-size:1.05rem;letter-spacing:-.03em}.band-grid span:last-child{font-size:.75rem;color:var(--ink-muted)}.band-grid .is-mid span:last-child{color:#ffffffb3}.band-note{margin-top:.75rem;font-size:.8rem;color:var(--ink-faint)}.checklist-card ol,.checklist-card ul{margin:.5rem 0 0;padding-left:1.1rem;color:var(--ink-muted);font-size:.875rem}.tools-actions{display:flex;flex-wrap:wrap;gap:.65rem}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}.btn-ghost:hover{background:var(--stage);color:var(--ink)}.style-hint{font-size:.8rem;color:var(--ink-faint);margin:0}.style-meta{display:flex;flex-wrap:wrap;gap:.35rem .7rem;margin:.45rem 0 0;font-size:.72rem;color:var(--ink-faint)}.style-meta span+span:before{content:"·";margin-right:.7rem;color:var(--line-strong)}.tools-form optgroup{font-weight:600;font-style:normal;color:var(--ink-muted)}.tools-source{font-size:.75rem;color:var(--ink-faint);margin:0}.tools-source a{color:inherit;text-decoration:underline;text-underline-offset:2px}.range-field input[type=range]{width:100%;margin-top:.4rem}.fill-readout{font-size:.8rem;color:var(--ink-muted)}.epr-table{width:100%;border-collapse:collapse;font-size:.875rem}.epr-table th,.epr-table td{text-align:left;padding:.45rem 0;border-bottom:1px solid var(--line)}.epr-table th{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);font-weight:600}.tools-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:0 0 2.5rem}.tools-pair a{display:block;padding:1.25rem 1.3rem;border:1px solid var(--line);border-radius:10px;background:#fff}.tools-pair a:hover{border-color:var(--ink)}.tools-pair h2{margin-bottom:.4rem}.tools-pair p{color:var(--ink-muted);font-size:.9rem}@media(max-width:880px){.tools-layout,.tools-pair,.band-grid{grid-template-columns:1fr}.style-stage img{height:280px}}
