.tool-page{gap:var(--space-8);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.tool-heading{align-items:end;gap:var(--space-8);min-width:0;border-bottom:1px solid var(--border-default);grid-template-columns:minmax(0,1fr) minmax(15rem,.45fr);padding-block-end:var(--space-5);display:grid}.tool-heading__note{color:var(--text-muted);margin:0;font-size:.8125rem}.tool-surface{min-width:0;overflow:hidden}.tool-toolbar{align-items:end;gap:var(--space-4);min-height:5rem;padding:var(--space-4);border-bottom:1px solid var(--border-default);display:flex}.tool-control{gap:var(--space-1);min-width:0;display:grid}.tool-control--grow{flex:20rem}.tool-label,.tool-legend{color:var(--text-muted);font-size:.75rem;font-weight:650}.tool-select{width:100%;min-height:2.75rem;padding-inline:var(--space-3) 2.25rem;border:1px solid var(--border-strong);border-radius:var(--radius-2);color:var(--text-primary);background:var(--surface-panel)}.tool-button{justify-content:center;align-items:center;gap:var(--space-2);min-height:2.75rem;padding-inline:var(--space-4);border-radius:var(--radius-2);color:var(--action-primary-text);background:var(--action-primary);border:1px solid #0000;font-size:.875rem;font-weight:700;display:inline-flex}.tool-button:hover{background:var(--action-primary-hover)}.tool-button--secondary{color:var(--text-primary);border-color:var(--border-default);background:var(--surface-panel)}.tool-button--secondary:hover{border-color:var(--border-strong);background:var(--surface-subtle)}.tool-icon-button{border:1px solid var(--border-default);border-radius:var(--radius-2);width:2.75rem;height:2.75rem;color:var(--text-primary);background:var(--surface-panel);flex:none;place-items:center;display:inline-grid}.tool-icon-button:hover{border-color:var(--border-strong);background:var(--surface-subtle)}.tool-segmented{gap:var(--space-1);padding:var(--space-1);border:1px solid var(--border-default);border-radius:var(--radius-2);background:var(--surface-subtle);display:inline-flex}.tool-segmented button{justify-content:center;align-items:center;gap:var(--space-1);min-height:2.75rem;padding-inline:var(--space-3);border-radius:var(--radius-1);color:var(--text-secondary);background:0 0;border:1px solid #0000;font-size:.8125rem;font-weight:700;display:inline-flex}.tool-segmented button[aria-pressed=true]{color:var(--text-primary);border-color:var(--border-default);background:var(--surface-panel);box-shadow:0 1px 2px #18181b14}.tool-workspace{grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);min-width:0;display:grid}.tool-region{min-width:0;padding:var(--space-5)}.tool-region+.tool-region{border-inline-start:1px solid var(--border-default)}.tool-region__heading{justify-content:space-between;align-items:start;gap:var(--space-4);min-height:2.75rem;margin-block-end:var(--space-4);display:flex}.tool-region__heading h2,.tool-region__heading p{margin:0}.tool-region__heading p{color:var(--text-muted);font-size:.8125rem}.tool-summary{border-block:1px solid var(--border-default);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.tool-summary div{min-width:0;padding:var(--space-3)}.tool-summary div+div{border-inline-start:1px solid var(--border-default)}.tool-summary dt{color:var(--text-muted);font-size:.6875rem;font-weight:650}.tool-summary dd{overflow-wrap:anywhere;font-family:var(--font-mono);margin:0;font-size:.8125rem;font-weight:750}.tool-footer{align-items:center;gap:var(--space-2);min-height:3rem;padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-default);color:var(--text-secondary);font-size:.8125rem;display:flex}.tool-footer__meta{color:var(--text-muted);white-space:nowrap;margin-inline-start:auto}@media (width<=52rem){.tool-heading,.tool-workspace{grid-template-columns:minmax(0,1fr)}.tool-heading{align-items:start;gap:var(--space-3)}.tool-region+.tool-region{border-block-start:1px solid var(--border-default);border-inline-start:0}}@media (width<=43.75rem){.tool-toolbar{flex-direction:column;align-items:stretch}.tool-control--grow{flex:none;width:100%}.tool-button{width:100%}.tool-segmented{width:100%;display:grid}.tool-summary{grid-template-columns:minmax(0,1fr)}.tool-summary div+div{border-block-start:1px solid var(--border-default);border-inline-start:0}.tool-footer{flex-wrap:wrap;align-items:flex-start}.tool-footer__meta{width:100%;margin-inline-start:1.5rem}}
