.tools-page{width:min(1000px,100%);margin:0 auto}.cvss-tool-container{flex-direction:column;gap:28px;margin-top:12px;display:flex}.cvss-presets-bar{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);flex-direction:column;gap:10px;padding:16px 20px;display:flex}.cvss-presets-label{font-family:var(--font-mono);letter-spacing:.08em;color:var(--muted);text-transform:uppercase;font-size:.65rem}.cvss-presets-list{flex-wrap:wrap;gap:8px;display:flex}.cvss-preset-btn{font-family:var(--font-mono);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--text-soft);cursor:pointer;background:#ffffff08;padding:6px 12px;font-size:.72rem;transition:all .16s}.cvss-preset-btn:hover{color:var(--text);border-color:var(--accent-line);background:#ffffff12}.cvss-input-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);flex-direction:column;gap:12px;padding:24px;display:flex}.cvss-input-label-row{justify-content:space-between;align-items:center;display:flex}.cvss-input-label{font-family:var(--font-mono);letter-spacing:.06em;color:var(--muted);text-transform:uppercase;font-size:.68rem}.cvss-input-field-row{gap:10px;display:flex}.cvss-vector-input{height:42px;font-family:var(--font-mono);color:var(--text);border:1px solid var(--line);border-radius:var(--r-sm);background:#00000059;flex-grow:1;padding:0 14px;font-size:.85rem;transition:border-color .16s}.cvss-vector-input:focus{border-color:var(--accent);outline:none}.cvss-copy-btn,.cvss-clear-btn{height:42px;font-family:var(--font-mono);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--text-soft);cursor:pointer;background:#ffffff0a;padding:0 16px;font-size:.72rem;transition:all .16s}.cvss-copy-btn:hover,.cvss-clear-btn:hover{color:var(--text);border-color:var(--accent-line);background:#ffffff14}.cvss-results-grid{grid-template-columns:240px 1fr;gap:20px;display:grid}.cvss-score-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.cvss-score-big{font-family:var(--font-mono);margin:8px 0;font-size:3.5rem;font-weight:800;line-height:1}.cvss-severity-pill{font-family:var(--font-mono);border-radius:var(--r-sm);border:1px solid var(--line);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;padding:4px 14px;font-size:.78rem;font-weight:700}.cvss-version-pill{font-family:var(--font-mono);color:var(--muted);letter-spacing:.04em;font-size:.64rem}.cvss-narrative-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);flex-direction:column;justify-content:center;gap:10px;padding:24px;display:flex}.cvss-narrative-title{font-family:var(--font-mono);letter-spacing:.08em;color:var(--muted);text-transform:uppercase;font-size:.65rem}.cvss-narrative-text{color:var(--text);margin:0;font-size:.94rem;line-height:1.6}.cvss-metrics-interactive-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);padding:24px}.cvss-metrics-interactive-panel h3{color:var(--text);margin:0 0 16px;font-size:1.05rem}.cvss-matrix-groups{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.cvss-metric-group{border:1px solid var(--line);border-radius:var(--r-sm);background:#0003;flex-direction:column;gap:6px;padding:12px;display:flex}.cvss-metric-group-title{font-family:var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.66rem}.cvss-metric-options{flex-wrap:wrap;gap:6px;display:flex}.cvss-option-btn{font-family:var(--font-mono);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--text-soft);cursor:pointer;background:#ffffff08;padding:4px 8px;font-size:.7rem;transition:all .14s}.cvss-option-btn:hover{color:var(--text);background:#ffffff12}.cvss-option-btn.active{background:var(--accent);color:#000;border-color:var(--accent);font-weight:600}[data-sev=critical] .cvss-score-big,[data-sev=critical].cvss-severity-pill{color:var(--sev-critical)}[data-sev=critical].cvss-severity-pill{border-color:color-mix(in srgb, var(--sev-critical) 40%, transparent);background:color-mix(in srgb, var(--sev-critical) 10%, transparent)}[data-sev=high] .cvss-score-big,[data-sev=high].cvss-severity-pill{color:var(--sev-high)}[data-sev=high].cvss-severity-pill{border-color:color-mix(in srgb, var(--sev-high) 40%, transparent);background:color-mix(in srgb, var(--sev-high) 10%, transparent)}[data-sev=medium] .cvss-score-big,[data-sev=medium].cvss-severity-pill{color:var(--sev-medium)}[data-sev=medium].cvss-severity-pill{border-color:color-mix(in srgb, var(--sev-medium) 40%, transparent);background:color-mix(in srgb, var(--sev-medium) 10%, transparent)}[data-sev=low] .cvss-score-big,[data-sev=low].cvss-severity-pill{color:var(--sev-low)}[data-sev=low].cvss-severity-pill{border-color:color-mix(in srgb, var(--sev-low) 40%, transparent);background:color-mix(in srgb, var(--sev-low) 10%, transparent)}@media (width<=768px){.cvss-results-grid{grid-template-columns:1fr}.cvss-input-field-row{flex-wrap:wrap}.cvss-copy-btn,.cvss-clear-btn{flex:auto}}