@font-face{font-family:AVD-LT-TM;src:url('/lttm.ttf') format('truetype');font-display:swap}
.tools-layout{width:100%;max-width:2000px;margin:0 auto;padding:52px 32px;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,650px) minmax(0,1fr);grid-template-areas:"unicode download lttm";gap:24px;align-items:stretch;align-content:center;place-items:stretch}
.tools-layout>#workspace{grid-area:download;width:100%;align-self:stretch}
.unicode-panel{grid-area:unicode}.lttm-panel{grid-area:lttm}
.tools-layout>.font-panel{width:100%;min-width:0;padding:30px;display:flex;flex-direction:column;box-shadow:0 12px 40px #14213d04}
.font-eyebrow{font-size:.65rem;font-weight:800;letter-spacing:.13em;color:#4a607d;margin-bottom:15px}
.font-panel h2{font-size:clamp(1.15rem,1.3vw,1.45rem);line-height:1.35;letter-spacing:-.025em;margin:0 0 12px}
.font-description{font-size:.875rem;color:#596578;line-height:1.6;min-height:45px;margin:0 0 20px}
.font-panel .font-action{margin:0 0 18px;padding:15px 14px;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:10px;min-height:51px}
.font-panel .font-action:disabled{background:#e9eef8;color:#8b9bb6;cursor:default}
.font-panel textarea{width:100%;flex:1;min-height:280px;resize:vertical;border:1.5px solid #c6d1e0;border-radius:10px;background:#fff;color:#18212f;font:18px/1.9 system-ui,-apple-system,sans-serif;padding:17px 16px;outline:none}
.font-panel textarea:focus{border-color:#245ce4;box-shadow:0 0 0 4px #245ce41a}
.font-panel textarea::placeholder{color:#98a3b3;font-size:14px;line-height:2}
.font-panel textarea.lttm-output{font:23px/1.75 AVD-LT-TM,serif}
.font-panel textarea.encoded-output{font:15px/1.9 ui-monospace,SFMono-Regular,Menlo,monospace}
.font-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:50px;padding-top:12px;font-size:.7rem;color:#647187}
.font-meta .quiet{font-size:.7rem;padding:6px 9px}
.font-status{min-height:32px;margin:12px 0 0;font-size:.72rem;line-height:1.55;color:#647187;overflow-wrap:anywhere}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1450px) and (min-width:1151px){.tools-layout{gap:18px;padding:40px 24px;grid-template-columns:minmax(0,1fr) minmax(380px,540px) minmax(0,1fr)}.tools-layout>.font-panel{padding:23px 20px}.font-description{min-height:68px}.font-panel h2{font-size:1.1rem}.font-meta{flex-wrap:wrap}}
@media(max-width:1150px){.tools-layout{padding:32px 24px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"download download" "unicode lttm";align-content:start}.tools-layout>#workspace{justify-self:center;max-width:650px}.font-panel textarea{min-height:300px}}
@media(max-width:650px){.tools-layout{padding:24px 14px;grid-template-columns:minmax(0,1fr);grid-template-areas:"download" "unicode" "lttm";gap:20px}.tools-layout>.font-panel{padding:26px 22px;border-radius:18px}.font-panel h2{font-size:1.25rem}.font-description{min-height:0}.font-panel textarea{min-height:270px}.font-status{min-height:0}}