.tool-shell{position:relative;display:grid;gap:1rem}.tool-shell>section{max-width:none;margin-inline:0;padding-inline:0}.tool-hero-panel{position:relative;margin-top:1.5rem;display:grid;gap:1rem;overflow:hidden;border:1px solid var(--border);border-radius:.5rem;padding:1.5rem;background:linear-gradient(180deg,color-mix(in srgb,var(--foreground) 6%,var(--background)),color-mix(in srgb,var(--foreground) 2%,var(--background))),repeating-linear-gradient(180deg,transparent 0,transparent 27px,color-mix(in srgb,var(--foreground) 7%,transparent) 27px,color-mix(in srgb,var(--foreground) 7%,transparent) 28px),repeating-linear-gradient(90deg,transparent 0,transparent 27px,color-mix(in srgb,var(--foreground) 5%,transparent) 27px,color-mix(in srgb,var(--foreground) 5%,transparent) 28px),linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,transparent),transparent 35%);isolation:isolate;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--foreground) 8%,transparent),0 18px 40px color-mix(in srgb,var(--foreground) 10%,transparent)}.tool-hero-panel:after{content:"";position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);pointer-events:none;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);padding:.35rem;mask-composite:exclude}.tool-kicker{display:inline-flex;align-items:center;gap:.55rem;width:fit-content;margin:0 0 .85rem;border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);padding:.3rem .6rem;background:color-mix(in srgb,var(--accent) 10%,transparent);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.tool-kicker:before{content:"";width:.5rem;height:.5rem;border-radius:999px;background:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 65%,transparent)}.tool-hero-copy{position:relative;margin:.2rem 0;padding:.4rem .25rem .5rem 1.15rem}.tool-hero-copy:before{content:"";position:absolute;left:0;top:.25rem;bottom:.25rem;width:.18rem;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 85%,transparent),transparent 92%);opacity:.9}.tool-hero-copy h1{margin:0;max-width:16ch;font-size:clamp(2.1rem,5vw,3.35rem);line-height:1;letter-spacing:.04em;text-transform:uppercase}.tool-hero-copy p:last-child{margin:1rem 0 0;max-width:44rem;line-height:1.9;opacity:.82}.tool-hero-stats{display:grid;gap:.7rem;margin:0;padding:0;list-style:none}.tool-hero-stats li{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);padding:.75rem .85rem;background:color-mix(in srgb,var(--foreground) 3%,transparent)}.tool-hero-stats span{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.tool-hero-stats strong{font-size:.95rem;text-align:right;color:var(--accent)}.tool-grid{display:grid;gap:1rem}.tool-grid[data-columns=wide]{grid-template-columns:minmax(0,1fr)}.tool-panel{border:1px solid var(--border);border-radius:.45rem;padding:1.25rem;background:linear-gradient(180deg,color-mix(in srgb,var(--foreground) 4%,var(--background)),color-mix(in srgb,var(--foreground) 1%,var(--background)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--foreground) 8%,transparent)}.tool-panel h2,.tool-panel h3{margin-top:0;margin-bottom:.9rem;font-size:1rem;letter-spacing:.08em;text-transform:uppercase}.tool-panel p{margin-top:0;line-height:1.8}.tool-form-grid{display:grid;gap:.9rem}.tool-field{display:grid;gap:.45rem}.tool-field label{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.72}.tool-field input,.tool-field select{width:100%;border:1px solid var(--border);border-radius:.35rem;background:color-mix(in srgb,var(--foreground) 2%,var(--background));color:inherit;padding:.85rem .95rem;font:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--foreground) 6%,transparent)}.tool-field input:focus,.tool-field select:focus{outline:1px solid var(--accent);outline-offset:2px}.tool-caption{margin-top:.15rem;border-top:1px dashed color-mix(in srgb,var(--foreground) 10%,transparent);padding-top:.9rem;font-size:.88rem;opacity:.7}.tool-result-list{display:grid;gap:.8rem;margin:0}.tool-result{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);padding:.85rem .95rem;background:color-mix(in srgb,var(--foreground) 3%,transparent)}.tool-result:last-child{padding-bottom:.85rem}.tool-result dt{opacity:.72;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}.tool-result dd{margin:0;text-align:right;font-size:1rem;font-weight:700;color:var(--accent)}.tool-note{margin:1rem 0 0;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);padding:.9rem 1rem;background:color-mix(in srgb,var(--accent) 8%,transparent);line-height:1.8;opacity:.88}.tool-list{display:grid;gap:.7rem;margin:0;padding-left:1.1rem}.tool-formula{margin-top:1rem;border-left:2px solid color-mix(in srgb,var(--accent) 65%,transparent);padding-left:1rem;font-size:.92rem;line-height:1.8;opacity:.8}.tool-inline-code{display:inline-block;border:1px solid color-mix(in srgb,var(--foreground) 14%,transparent);border-radius:.3rem;padding:.15rem .55rem;background:color-mix(in srgb,var(--foreground) 5%,transparent);font-size:.92rem}@media(min-width:768px){.tool-hero-panel{grid-template-columns:minmax(0,1.45fr) minmax(18rem,.8fr);align-items:end;padding:1.75rem}.tool-hero-copy{padding-right:1rem}.tool-grid[data-columns=wide]{grid-template-columns:minmax(20rem,.95fr) minmax(22rem,1.05fr)}.tool-form-grid[data-split="2"],.tool-result-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1100px){.tool-grid[data-columns=wide]{gap:1.25rem}.tool-panel{padding:1.5rem}}