.number-tool{margin:2rem 0 3rem}.number-layout{grid-template-columns:minmax(280px,.85fr) minmax(0,1.4fr);align-items:start;gap:clamp(1.5rem,4vw,4rem);display:grid}.number-panel fieldset{border:1px solid var(--line);background:var(--surface);border-radius:1rem;gap:1rem;min-width:0;margin:0;padding:1.4rem;display:grid}.number-panel label{gap:.5rem;font-size:.9rem;font-weight:550;display:grid}.number-range{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.number-panel input:not([type=checkbox]),.number-panel select{border:1px solid var(--line);background:var(--canvas);width:100%;min-width:0;min-height:48px;color:var(--ink);font:inherit;border-radius:.5rem;padding:.7rem}.number-panel input:not([type=checkbox]){font-variant-numeric:tabular-nums;font-size:1.2rem}.number-panel .number-checkbox{align-items:center;gap:.65rem;min-height:44px;display:flex}.number-checkbox input{accent-color:#638832;width:18px;height:18px}.number-panel p,.number-note,.number-history p{color:var(--muted);font-size:.8rem;line-height:1.6}.number-generate{justify-content:space-between;width:100%;font-size:1rem;display:flex}.number-generate span{font-size:1.5rem}.number-link{min-width:44px;min-height:44px;font:inherit;color:var(--ink);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:.5rem 0;font-size:.85rem;text-decoration:underline}.number-tool button:disabled{opacity:.45;cursor:default}.number-result-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.number-result-heading h2{letter-spacing:.12em;text-transform:uppercase;font-size:.8rem}.number-result-heading>span{color:var(--muted);font-size:.8rem}.number-result{border:1px solid var(--line);background:var(--surface-muted);border-radius:1rem;justify-content:center;align-items:center;min-height:300px;padding:clamp(1rem,3vw,2rem);display:flex}.number-empty{text-align:center;max-width:350px}.number-empty>span{color:var(--accent-ink);font-size:4rem;font-weight:750;display:block}.number-empty h3{margin:.5rem 0;font-size:1.8rem;line-height:1.2}.number-empty p{color:var(--muted);font-size:.85rem;line-height:1.6}.number-single{text-align:center;border-top:4px solid var(--accent);background:var(--surface);width:100%;box-shadow:0 3px 0 var(--line);border-radius:.7rem;padding:3rem .8rem}.number-single strong{letter-spacing:-.05em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(2rem,4.5vw,4rem)}.number-values{grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:.65rem;width:100%;max-height:480px;display:grid;overflow:auto}.number-values strong{border:1px solid var(--line);background:var(--surface);text-align:center;font-variant-numeric:tabular-nums;border-radius:.45rem;padding:.9rem .5rem;font-size:1rem}.number-single,.number-values{animation:.2s cubic-bezier(.16,1,.3,1) number-reveal}.number-actions{flex-wrap:wrap;align-items:center;gap:.4rem 1rem;margin-top:1rem;display:flex}.number-history{border-top:1px solid var(--line);margin-top:1.2rem}.number-history summary{cursor:pointer;min-height:44px;padding:.8rem 0;font-size:.85rem;font-weight:600}.number-history p{overflow-wrap:anywhere}.number-error{color:var(--danger)!important}.number-feedback{min-height:1.5rem;font-size:.85rem}.number-manual{gap:.5rem;font-size:.85rem;display:grid}.number-manual textarea{background:var(--surface);width:100%;color:var(--ink);border:1px solid var(--line);font:inherit;resize:vertical;border-radius:.5rem;padding:.75rem}@keyframes number-reveal{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.number-single,.number-values{animation:none}}@media (max-width:760px){.number-layout{grid-template-columns:1fr}.number-result{min-height:240px}.number-range{gap:.6rem}.number-panel fieldset{padding:1.1rem}}
