.tool-page{max-width:1180px}.tool-header{max-width:800px}.tool-workbench{display:grid;grid-template-columns:minmax(300px,390px) minmax(0,1fr);gap:var(--spacing-5);align-items:start;margin-bottom:var(--spacing-8)}.tool-controls,.tool-output{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg)}.tool-controls{padding:var(--spacing-5)}.tool-output{min-height:100%;overflow:hidden}.tool-section-title{margin:0 0 var(--spacing-1);font-size:var(--font-size-base);font-weight:750;color:var(--color-text)}.tool-section-intro{margin:0 0 var(--spacing-5);font-size:var(--font-size-sm);line-height:var(--leading-relaxed);color:var(--color-muted)}.tool-form{display:grid;gap:var(--spacing-4)}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-3)}.tool-field{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:var(--font-size-sm);font-weight:650;color:var(--color-text-secondary)}.tool-field--wide{grid-column:1 / -1}.tool-field small{font-weight:400;line-height:var(--leading-snug);color:var(--color-muted)}.tool-field input,.tool-field select{width:100%;min-height:44px;padding:var(--spacing-2) var(--spacing-3);font:600 var(--font-size-base) / 1.2 var(--font-mono);font-feature-settings:"tnum";color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius)}.tool-field input:focus,.tool-field select:focus,.tool-icon-button:focus-visible,.tool-segment button:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-ring)}.tool-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-2);align-items:center}.tool-icon-button{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--color-border);border-radius:999px;background:var(--color-bg);color:var(--color-accent);font-size:var(--font-size-xl);cursor:pointer}.tool-advanced{padding-top:var(--spacing-3);border-top:1px solid var(--color-border-subtle)}.tool-advanced summary{cursor:pointer;font-size:var(--font-size-sm);font-weight:700;color:var(--color-text)}.tool-advanced[open] summary{margin-bottom:var(--spacing-3)}.tool-segment{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:3px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg-subtle)}.tool-segment button{min-height:36px;padding:6px 9px;border:0;border-radius:calc(var(--radius) - 2px);background:transparent;color:var(--color-text-secondary);font:650 var(--font-size-xs) / 1.2 var(--font-sans);cursor:pointer}.tool-segment button[aria-pressed=true]{background:var(--color-bg);color:var(--color-text);box-shadow:0 1px 3px color-mix(in srgb,var(--color-text) 10%,transparent)}.tool-result-head{display:flex;justify-content:space-between;gap:var(--spacing-4);align-items:flex-start;padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-subtle)}.tool-result-label,.tool-metrics dt{display:block;font-size:var(--font-size-xs);font-weight:750;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-muted)}.tool-result-primary{display:block;margin-top:var(--spacing-1);font:750 clamp(2rem,5vw,3.5rem) / 1.05 var(--font-mono);font-feature-settings:"tnum";letter-spacing:-.045em;color:var(--color-accent)}.tool-result-note{margin:var(--spacing-2) 0 0;font-size:var(--font-size-sm);line-height:var(--leading-snug);color:var(--color-text-secondary)}.tool-status{margin:0;max-width:220px;text-align:right;font-size:var(--font-size-xs);line-height:var(--leading-snug);color:var(--color-muted)}.tool-status[data-error=true]{color:var(--color-verdict-avoid)}.tool-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--color-border-subtle)}.tool-metrics>div{min-width:0;padding-right:var(--spacing-4)}.tool-metrics>div+div{padding-left:var(--spacing-4);border-left:1px solid var(--color-border-subtle)}.tool-metrics dd{margin:var(--spacing-1) 0 0;font:700 var(--font-size-lg) / 1.2 var(--font-mono);font-feature-settings:"tnum";color:var(--color-text);word-break:break-word}.tool-chart{padding:var(--spacing-5) var(--spacing-6) var(--spacing-6)}.tool-chart-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--spacing-4);margin-bottom:var(--spacing-3)}.tool-chart-title{margin:0;font-size:var(--font-size-sm);font-weight:750}.tool-chart-caption{margin:0;font-size:var(--font-size-xs);color:var(--color-muted)}.tool-chart svg{display:block;width:100%;height:auto;overflow:visible}.tool-chart-grid{stroke:var(--color-border-subtle);stroke-width:1}.tool-chart-axis{fill:var(--color-muted);font:11px var(--font-mono)}.tool-chart-line{fill:none;stroke:var(--color-accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.tool-chart-area{fill:color-mix(in srgb,var(--color-accent) 10%,transparent)}.tool-chart-marker{fill:var(--color-bg);stroke:var(--color-accent);stroke-width:2}.tool-empty{display:grid;place-items:center;min-height:340px;padding:var(--spacing-8);text-align:center;color:var(--color-muted)}.tool-disclosure{margin:0 0 var(--spacing-8)}.tool-details{max-width:820px}.tool-details h2{margin-top:1.6em}.tool-warning{padding:var(--spacing-3) var(--spacing-4);border-left:3px solid var(--color-verdict-caution);background:var(--color-bg-subtle);font-size:var(--font-size-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}@media(max-width:900px){.tool-workbench{grid-template-columns:1fr}.tool-output{min-height:0}}@media(max-width:620px){.tool-controls{padding:var(--spacing-4)}.tool-grid{grid-template-columns:1fr}.tool-field--wide{grid-column:auto}.tool-result-head{display:block;padding:var(--spacing-4)}.tool-status{max-width:none;margin-top:var(--spacing-3);text-align:left}.tool-metrics{grid-template-columns:1fr;padding:0 var(--spacing-4)}.tool-metrics>div{padding:var(--spacing-4) 0}.tool-metrics>div+div{padding-left:0;border-left:0;border-top:1px solid var(--color-border-subtle)}.tool-chart{padding:var(--spacing-4)}.tool-chart-head{display:block}.tool-chart-caption{margin-top:3px}}