#text-directions .text-directions-three{grid-template-columns:repeat(3,minmax(0,1fr))}
#text-directions .direction{min-width:0;text-align:left}#text-directions .direction>div{min-width:0}
.direction.new-alphabet .direction-letter{color:var(--blue)}.direction.new-alphabet.active{background:var(--blue-soft);border-color:var(--blue)}.direction.new-alphabet.active strong{color:var(--blue)}.direction.new-alphabet.active .radio{border-color:var(--blue);background:var(--blue)}
#number-tools{margin:0;color:var(--text)}#number-tools.hidden{display:none!important}#number-tools .number-tabs{margin:0 0 20px}#number-tools .direction{text-align:left;min-width:0}
.number-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.number-workspace .editor-panel{display:flex;flex-direction:column;min-width:0}.number-workspace .editor-head{flex-shrink:0}.number-workspace .editor-foot{margin-top:auto;gap:12px;flex-wrap:wrap}
.number-body{padding:22px;flex:1}.number-body label{color:var(--muted);font-size:12px;margin-bottom:8px}.number-field input{padding:16px;font-size:24px;font-weight:600;letter-spacing:.4px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;color:var(--text);font-variant-numeric:tabular-nums}.number-field:focus-within input{border-color:var(--teal)}.number-field.invalid input{border-color:var(--red)}
.number-output{flex:1;min-height:230px;padding:24px;font-size:21px;font-weight:500;line-height:1.8;overflow-wrap:anywhere;white-space:pre-wrap;color:var(--text);background:var(--surface)}.number-output.is-empty{font-size:15px;font-weight:400;color:var(--muted)}
.number-help{font-size:12px;color:var(--muted);margin:4px 0 24px;line-height:1.8}.number-error{min-height:25px;color:var(--red);font-size:12px;padding-top:5px}.number-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:700;color:var(--muted);margin-bottom:9px}
.number-examples{display:flex;gap:7px;flex-wrap:wrap}.number-examples button{font:inherit;font-size:11px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:8px;padding:9px 11px;cursor:pointer}.number-examples button:hover,.number-examples button.active{border-color:var(--teal);background:var(--teal-soft);color:var(--teal)}
@media(max-width:1100px){#text-directions .direction{gap:10px;padding:17px 12px}#text-directions .direction-letter{font-size:22px}#text-directions .direction strong{font-size:12px}}
@media(max-width:760px){#text-directions .text-directions-three{grid-template-columns:1fr}#text-directions .direction{padding:15px 18px}#text-directions .direction-letter{display:block}#text-directions .direction strong{font-size:13px}#text-directions .direction small{font-size:11px}.number-workspace{grid-template-columns:1fr}.number-body{padding:18px}.number-output{min-height:160px;font-size:18px;padding:18px}.editor-toolbar .tabs{flex-wrap:wrap}.number-field input{font-size:21px}}
@media(max-width:420px){#number-tools .number-tabs{grid-template-columns:1fr}.number-workspace .editor-head{gap:8px;flex-wrap:wrap}}