.base-hero{background:var(--silver-canvas);padding:28px 0 44px}.base-heading{align-items:center;gap:32px;padding:20px 0 28px;display:flex}.base-heading h1{letter-spacing:-.048em;font-size:clamp(36px,4.1vw,54px);font-weight:800;line-height:1.02}.base-heading h1 span{color:var(--silver-violet)}.base-heading p{color:var(--silver-muted);max-width:650px;margin-top:14px;font-size:18px}.base-art{color:var(--silver-violet);flex:0 0 180px}.base-panels{grid-template-columns:1.15fr 1fr;gap:20px;display:grid}.base-panel{border:1px solid var(--silver-line);background:#fff;border-radius:8px;min-width:0;padding:28px}.base-note{color:var(--silver-muted);overflow-wrap:anywhere;margin-top:12px;font-size:15px}.base-panel label{margin:20px 0 8px;font-weight:600;display:block}.base-panel textarea{width:100%;font:inherit;color:var(--silver-ink);resize:vertical;background:#fff;border:1px solid #858ba3;border-radius:5px;min-height:44px;padding:12px;font-family:ui-monospace,Cascadia Code,Consolas,monospace}.base-panel [aria-invalid=true]{border-color:var(--silver-error)}.base-selectors{grid-template-columns:1fr auto 1fr;align-items:end;gap:12px;display:grid}.base-selectors>div{min-width:0}.base-selectors button{border-radius:5px;padding:4px 12px;font-size:25px}.base-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.base-secondary{min-height:44px;font:inherit;color:var(--silver-ink);background:0 0;border:1px solid #858ba3;border-radius:100px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;display:inline-flex}.base-secondary:hover{background:#eae5ff}.base-result{margin-top:28px}#base-badge{color:var(--silver-violet-text);background:#eae5ff;border-radius:3px;width:fit-content;margin-bottom:12px;padding:6px 12px;font-size:13px}#base-output{min-height:175px;font-size:26px;line-height:1.35}#base-status,#base-result-status{color:var(--silver-muted);overflow-wrap:anywhere;margin-top:20px}#base-status[data-error=true],#base-result-status[data-error=true]{color:var(--silver-error)}.base-support{padding-block:40px}.base-support p{color:var(--silver-muted);margin-top:12px}.base-support>*+*{margin-top:36px}.base-section{overflow-wrap:anywhere;max-width:85ch}.base-table{border-collapse:collapse;font-variant-numeric:tabular-nums;margin-top:16px}.base-table caption{caption-side:bottom;color:var(--silver-muted);text-align:left;margin-top:12px}.base-table th,.base-table td{border-bottom:1px solid var(--silver-line);text-align:left;overflow-wrap:anywhere;padding:8px 16px;font-family:ui-monospace,Cascadia Code,Consolas,monospace}.base-table thead th{border-bottom-width:2px;font-family:inherit}.base-table tbody th{font-weight:600}.base-related ul{margin-top:16px;padding-left:24px}.base-related li{color:var(--silver-muted);margin-top:12px}.base-related a{color:var(--silver-violet-text);text-decoration:underline}@media (width<=1000px){.base-art{display:none}.base-panel{padding:23px}}@media (width<=700px){.base-heading h1{font-size:clamp(35px,8.8vw,58px)}.base-panels{grid-template-columns:1fr}.base-selectors{grid-template-columns:minmax(0,1fr) auto;gap:8px}.base-selectors button{grid-area:1/2/3;align-self:center;margin-top:28px}.base-selectors>div:last-child{grid-area:2/1}}.base-panel [hidden]{display:none}#base-input,#base-result-heading{scroll-margin-top:24px}#base-result-heading:focus-visible{outline:3px solid var(--silver-violet);outline-offset:5px}.base-result{border:1px solid var(--silver-line);background:var(--silver-panel);border-radius:6px;padding:18px}#base-output{background:0 0;border:0;padding:4px 0}.base-selectors select{width:100%}