.utility-page{max-width:1050px;padding-top:36px;padding-bottom:64px;position:relative}.utility-page .back-link{border:1px solid var(--panel-border);background:var(--surface);border-radius:999px;align-items:center;width:max-content;min-height:40px;margin-bottom:20px;padding:6px 12px;font-size:.9375rem;font-weight:700;text-decoration:none;display:flex;box-shadow:0 3px 10px #12386712}.utility-page .back-link:hover{border-color:var(--accent);background:var(--tp-kid-sky)}.utility-page>h1{width:fit-content;display:block;position:relative}.utility-page>h1:after{content:"";background:linear-gradient(90deg,var(--tp-kid-cyan),var(--tp-brand-amber),var(--tp-kid-coral));border-radius:999px;width:46%;height:6px;margin-top:10px;display:block}.utility-page .lead{margin:14px 0 28px;font-size:1.18rem}.utility-page:has(.tool-guide-link) .lead{margin-bottom:4px}.utility-panel{border:1px solid var(--panel-border);border-radius:var(--tp-radius);background-color:var(--surface);background-image:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--tp-kid-sky) 12%,var(--surface)));box-shadow:var(--tp-card-shadow);margin-top:20px;padding:26px;position:relative;overflow:hidden}.utility-panel:before{content:"";background:linear-gradient(var(--tp-kid-cyan),var(--tp-kid-purple));opacity:.9;width:5px;position:absolute;inset:0 auto 0 0}.utility-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px;display:grid}.utility-form-grid .field{min-width:0}.utility-panel label{margin-bottom:6px;font-size:1rem;font-weight:650;display:block}.utility-panel input:not([type=checkbox]),.utility-panel select{border:1px solid var(--border);width:100%;min-width:0;min-height:48px;padding-block:10px;padding-inline:12px var(--control-end-padding,12px);background-color:var(--surface);color:var(--text);border-radius:8px;font-size:1rem}.utility-panel .utility-checkbox{align-items:center;gap:10px;min-height:44px;margin:0 0 16px;font-weight:400;display:flex}.utility-checkbox input{width:20px;height:20px;accent-color:var(--accent);flex:none}.utility-note{color:var(--muted);margin-top:12px;font-size:.875rem;line-height:1.6}.utility-error{border:2px solid var(--tp-error);color:var(--text);border-radius:8px;margin-top:16px;padding:14px}.utility-results{border:1px solid color-mix(in srgb,var(--tp-kid-green) 45%,var(--panel-border));background:var(--tp-kid-mint);border-radius:12px;margin-top:24px;padding:22px}.utility-results h2{margin-bottom:12px;font-size:1.2rem}.utility-result-number{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-bottom:10px;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;line-height:1.4}.utility-panel table{border-collapse:collapse;table-layout:fixed;width:100%;margin-top:16px}.utility-panel th,.utility-panel td{text-align:left;border-bottom:1px solid var(--panel-border);overflow-wrap:anywhere;padding:12px}.utility-panel th{background:color-mix(in srgb,var(--tp-kid-sky) 48%,var(--surface));font-size:.9375rem}.utility-panel code{overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:.9375rem}@media (width<=650px){.utility-page{padding-top:24px}.utility-panel{padding:18px}.utility-form-grid{grid-template-columns:1fr;gap:14px}.utility-panel .primary{width:100%}.utility-panel th,.utility-panel td{padding:10px 5px}}@media (forced-colors:active){.utility-panel,.utility-error,.utility-results,.utility-page .back-link{border-color:canvastext}.utility-panel:before{background:canvastext}.utility-panel,.utility-results,.utility-panel th,.utility-page .back-link{background:canvas}.utility-page>h1:after{background:canvastext}}