.tool-page{--tool-accent: 165 58% 66%}.tool-page .tool-eyebrow{color:hsl(var(--tool-accent));font-size:.7rem;font-weight:650;text-transform:uppercase;letter-spacing:.16em}.tool-workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:1.5rem;align-items:start}.tool-inputs,.tool-output{min-width:0;padding:1.5rem;border:1px solid hsl(var(--border));border-radius:1.25rem;background:hsl(var(--card))}.tool-output{background:linear-gradient(150deg,hsl(var(--tool-accent)/.06),hsl(var(--card)) 55%)}.tool-stack{display:grid;gap:1.1rem}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.tool-field{display:grid;gap:.45rem;min-width:0;font-size:.8rem;line-height:1.5}.tool-field input,.tool-field select,.tool-field textarea{width:100%;min-width:0;border:1px solid hsl(var(--border));background:hsl(var(--background));border-radius:.6rem;padding:.65rem .8rem;color:hsl(var(--foreground))}.tool-field :is(input,select,textarea):focus-visible,.tool-page button:focus-visible,.tool-page a:focus-visible{outline:2px solid hsl(var(--tool-accent));outline-offset:3px}.tool-field textarea{resize:vertical}.tool-muted{color:hsl(var(--muted-foreground));font-size:.78rem;line-height:1.7}.tool-button,.tool-button-secondary{display:inline-flex;justify-content:center;align-items:center;gap:.5rem;border-radius:.65rem;padding:.65rem 1rem;font-size:.8rem;font-weight:600;transition:background .15s}.tool-button{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.tool-button:hover{filter:brightness(1.1)}.tool-button:disabled{opacity:.4}.tool-button-secondary{border:1px solid hsl(var(--border));background:hsl(var(--background))}.tool-button-secondary:hover{background:hsl(var(--muted))}.tool-unit{display:flex;gap:.3rem;padding:.25rem;border:1px solid hsl(var(--border));width:-moz-fit-content;width:fit-content;border-radius:.65rem}.tool-unit button{font-size:.75rem;padding:.4rem .75rem;border-radius:.4rem}.tool-unit button[aria-pressed=true]{background:hsl(var(--muted))}.tool-check{display:flex;align-items:flex-start;gap:.5rem;font-size:.8rem;line-height:1.6}.tool-check input{margin-top:.25rem;accent-color:hsl(var(--primary))}.tool-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.tool-metrics dt{color:hsl(var(--muted-foreground));font-size:.75rem}.tool-metrics dd{font-size:1.2rem;font-weight:650;margin-top:.15rem}.tool-error{padding:1rem;border:1px solid hsl(38 70% 55%/.4);background:#dda23c0f;border-radius:.7rem;font-size:.85rem;color:#fcd9a0}.tool-handoff{border-top:1px solid hsl(var(--border));margin-top:1.5rem;padding-top:1.5rem}.tool-handoff h3{font-size:1.1rem;font-weight:600;margin-top:.4rem}.tool-handoff p:not(.tool-eyebrow){font-size:.8rem;line-height:1.7;color:hsl(var(--muted-foreground));margin:.6rem 0 1rem}.tool-copy{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-top:1rem}.tool-group{border-top:1px solid hsl(var(--border));padding-top:1.2rem}.tool-sketch{width:100%;height:auto;max-height:320px;margin:1.5rem 0 .5rem}.tool-section h2{font-size:1.35rem;font-weight:600;letter-spacing:-.025em;margin-bottom:.85rem}.tool-section p,.tool-section li{color:hsl(var(--muted-foreground));font-size:.9rem;line-height:1.85}.tool-section table{width:100%;font-size:.85rem;text-align:left;margin-top:1rem}.tool-section th,.tool-section td{padding:.8rem;border-bottom:1px solid hsl(var(--border))}.tool-section th{color:hsl(var(--foreground));font-weight:500}@media(max-width:767px){.tool-workspace{grid-template-columns:minmax(0,1fr)}.tool-inputs,.tool-output{padding:1.1rem}}@media print{body:has(.tool-page) :is(header,footer),.tool-page :is(.tool-handoff,.tool-copy){display:none!important}body:has(.tool-page) :is(#app,#app>div,#main-scroll){height:auto!important;overflow:visible!important}body:has(.tool-page) .tool-page>header{display:block!important}.tool-page{color:#111;background:#fff}.tool-page .tool-workspace{display:block}.tool-page :is(.tool-inputs,.tool-output){background:#fff;-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:1rem}.tool-page :is(p,.tool-muted){color:#444!important}.tool-page .tool-field :is(input,select,textarea){color:#111;background:#fff}.tool-page :is(button,aside){display:none!important}}