.alt36-lab{margin:18px 0 0;border:1px solid var(--line);border-radius:14px;background:var(--bg2);overflow:hidden}
.alt36-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:14px;border-bottom:1px solid var(--line);background:var(--panel)}
.alt36-field{min-width:0}.alt36-field label,.alt36-slice label{display:block;margin-bottom:5px;color:var(--muted);font:10px "JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.05em}
.alt36-field input,.alt36-slice input{width:100%;min-width:0;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg2);color:var(--ink);font:13px "JetBrains Mono",monospace}
.alt36-field input:focus,.alt36-slice input:focus{border-color:var(--cyan);outline:0}
.alt36-presets{display:flex;align-items:end;gap:6px;flex-wrap:wrap}.alt36-preset{padding:8px 9px;border:1px solid var(--line);border-radius:7px;background:var(--bg2);color:var(--muted);cursor:pointer;font:10px "JetBrains Mono",monospace}.alt36-preset:hover{border-color:var(--cyan);color:var(--cyan)}
.alt36-stage{padding:16px}.alt36-slice{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:460px}.alt36-slice input{font-size:12px}
.alt36-expression{min-height:24px;margin:14px 0 10px;color:var(--cyan);font:700 13px "JetBrains Mono",monospace}.alt36-expression b{color:var(--amber)}
.alt36-characters{display:grid;grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:7px;min-width:0}.alt36-char{position:relative;display:grid;min-width:0;min-height:67px;padding:17px 4px 5px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);font:700 18px "JetBrains Mono",monospace;text-align:center;transition:.16s}.alt36-char i,.alt36-char small{position:absolute;color:var(--muted);font:9px "JetBrains Mono",monospace;font-style:normal}.alt36-char i{top:4px;left:6px}.alt36-char small{right:6px;bottom:4px}.alt36-char.selected{border-color:var(--amber);background:color-mix(in srgb,var(--amber) 13%,var(--panel));color:var(--amber);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--amber) 26%,transparent)}
.alt36-result{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:14px;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.alt36-result span{color:var(--muted);font-size:11px}.alt36-result output{min-width:0;color:var(--green);font:700 15px "JetBrains Mono",monospace;overflow-wrap:anywhere}
@media(max-width:660px){.alt36-toolbar{grid-template-columns:1fr}.alt36-presets{align-items:start}.alt36-stage{padding:12px}.alt36-characters{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.alt36-char{min-height:61px;font-size:16px}.alt36-slice{max-width:none}.alt36-preset{padding:7px}.alt36-expression{font-size:12px;overflow-wrap:anywhere}}
@media(max-width:390px){.alt36-characters{grid-template-columns:repeat(4,minmax(0,1fr))}.alt36-slice{gap:5px}.alt36-slice input{padding:8px 6px}.alt36-result{align-items:flex-start;flex-direction:column;gap:3px}}