.tool-page{flex-direction:column;min-height:100dvh;display:flex}.tool-head{padding:var(--safe-t) var(--safe-r) 0 var(--safe-l);justify-content:space-between;align-items:center;gap:16px;font-size:13px;display:flex}.tool-head a{color:var(--ink-dim);text-decoration:none}.tool-head a:hover{color:var(--accent)}.tool-head .mark{color:var(--ink);font-size:18px}.tool-main{width:100%;max-width:760px;padding:clamp(32px, 7vh, 72px) var(--safe-r) 48px var(--safe-l);flex:1;margin:0 auto}.tool-main h1{font:800 clamp(32px, 6vw, 56px)/1 var(--font-mark);margin:0 0 8px}.tool-lede{color:var(--ink-dim);margin:0 0 32px;font-size:14px;line-height:1.6}.field{gap:6px;margin-bottom:18px;display:grid}.field>span{color:var(--ink-dim);letter-spacing:.06em;text-transform:uppercase;font-size:12px}.field input,.field textarea{width:100%;min-height:44px;color:var(--ink);font:400 15px/1.5 var(--font-ui);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0d0d0c;border:1px solid #2a2a28;border-radius:4px;outline:none;padding:10px 12px}.field textarea{resize:vertical;min-height:220px}.field input:focus,.field textarea:focus{border-color:var(--accent)}.readout{grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr));gap:10px;margin:0 0 28px;padding:0;list-style:none;display:grid}.readout li{background:#0b0b0a;border:1px solid #1f1f1d;border-radius:6px;padding:14px}.readout b{font:700 clamp(16px, 4.4vw, 22px)/1.25 var(--font-ui);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;display:block}.readout .wide{grid-column:1/-1}.readout small{color:var(--ink-dim);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.copy{min-height:32px;color:var(--ink-dim);font:400 11px/1 var(--font-ui);cursor:pointer;background:0 0;border:1px solid #2a2a28;border-radius:4px;margin-top:8px;padding:0 10px}.copy:hover{color:var(--ink);border-color:var(--accent)}
