.tool-page{min-height:100dvh;color:var(--on-surface)}.tool-main{max-width:760px;margin:0 auto;padding:4rem 1.25rem 6rem}.tool-main h1{letter-spacing:-.02em;text-align:center;margin:0 0 .75rem;font-size:clamp(1.875rem,4.5vw,2.75rem);font-weight:800}.tool-lede{color:var(--on-surface-variant);text-align:center;max-width:580px;margin:0 auto 3rem;font-size:1rem;line-height:1.6}.tool-card{background:var(--surface-container-low);border:1px solid var(--ghost-border);border-radius:.875rem;margin-bottom:3rem;padding:1.5rem}.tool-textarea{border:1px solid var(--ghost-border);background:var(--surface-container);width:100%;min-height:180px;color:var(--on-surface);resize:vertical;box-sizing:border-box;border-radius:.5rem;padding:.875rem 1rem;font-family:inherit;font-size:.9375rem;line-height:1.5}.tool-input{border:1px solid var(--ghost-border);background:var(--surface-container);width:100%;color:var(--on-surface);box-sizing:border-box;border-radius:.5rem;padding:.625rem .875rem;font-family:inherit;font-size:.9375rem}.tool-counter-row{justify-content:space-between;align-items:baseline;margin-top:.75rem;font-size:.875rem;display:flex}.tool-counter-row[data-over=true] .tool-counter-main,.tool-counter-row[data-over=true] .tool-counter-remaining{color:var(--danger)}.tool-counter-main{font-weight:600;font-family:var(--font-mono);color:var(--on-surface)}.tool-counter-remaining{color:var(--on-surface-variant)}.tool-segments{border-top:1px solid var(--ghost-border);margin-top:1.5rem;padding-top:1.5rem}.tool-segments h3{color:var(--on-surface-variant);margin:0 0 .75rem;font-size:.875rem;font-weight:600}.tool-segments ol{gap:.5rem;margin:0;padding-left:1.5rem;list-style:decimal;display:grid}.tool-segments li{grid-template-columns:minmax(80px,auto) 1fr;align-items:baseline;gap:.75rem;font-size:.8125rem;display:grid}.tool-segments li[data-over=true] .tool-segment-count{color:var(--danger);font-weight:600}.tool-segment-count{font-family:var(--font-mono);color:var(--on-surface-variant)}.tool-segment-text{color:var(--on-surface)}.tool-preview-inputs{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.tool-preview-inputs label{color:var(--on-surface-variant);gap:.375rem;font-size:.8125rem;display:grid}.tool-preview-inputs .tool-input-full{grid-column:1/-1}.tool-preview-card{border:1px solid var(--ghost-border);background:var(--surface);border-radius:.75rem;padding:1rem}.tool-preview-head{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.tool-preview-avatar{background:var(--primary);width:36px;height:36px;color:var(--on-primary);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.tool-preview-name{color:var(--on-surface);font-size:.9375rem;font-weight:600}.tool-preview-handle{color:var(--on-surface-variant);font-size:.8125rem}.tool-preview-body{color:var(--on-surface);white-space:pre-wrap;min-height:80px;font-size:.9375rem;line-height:1.55}.tool-preview-actions{color:var(--on-surface-variant);gap:1.25rem;margin-top:1rem;font-size:1.125rem;display:flex}.tool-prose{color:var(--on-surface);font-size:1rem;line-height:1.65}.tool-prose h2{margin:2.5rem 0 1rem;font-size:1.375rem;font-weight:700}.tool-prose p{margin:0 0 1.25rem}.tool-prose ul{margin:0 0 1.25rem;padding-left:1.5rem}.tool-prose li{margin-bottom:.5rem}@media (max-width:640px){.tool-preview-inputs{grid-template-columns:1fr}}