.ascii_container{flex-direction:column;gap:32px;width:100%;min-width:0;display:flex}.ascii_workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:16px;width:100%;max-width:1000px;margin:0 auto;display:grid}.ascii_panel{flex-direction:column;min-width:0;height:100%;display:flex}.ascii_panel-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.ascii_panel-heading{flex-direction:column;min-width:0;display:flex}.ascii_panel-kicker{color:var(--gold,#d4a017);letter-spacing:.12em;text-transform:uppercase;margin-bottom:2px;font-family:Cinzel,serif;font-size:.68rem;font-weight:700}.ascii_panel-heading h2{margin:0;font-family:Cinzel,serif;font-size:1.2rem;line-height:1.3}.ascii_panel textarea{flex:1;min-height:220px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.ascii_input-note{opacity:.55;margin-top:8px;font-size:.78rem;line-height:1.5}.ascii_output{white-space:pre;letter-spacing:0;tab-size:2;width:100%;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem;line-height:1.25;overflow-x:auto}.ascii_empty{text-align:center;opacity:.5;justify-content:center;align-items:center;min-height:220px;padding:24px;font-size:.88rem;display:flex}.ascii_preview-section{flex-direction:column;gap:12px;width:100%;max-width:1000px;margin:0 auto;display:flex}.ascii_section-heading{flex-direction:column;gap:2px;display:flex}.ascii_section-heading h2{margin:0;font-family:Cinzel,serif;font-size:1.25rem;line-height:1.35}.ascii_preview{box-sizing:border-box;text-align:left;justify-content:center;align-items:center;width:100%;min-height:180px;padding:24px;display:flex;overflow-x:auto}.ascii_preview pre{white-space:pre;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.8rem;line-height:1.25}.ascii_preview>span{opacity:.5;font-size:.88rem}.tool-info{flex-direction:column;gap:28px;width:100%;display:flex}@media (max-width:820px){.ascii_workspace{grid-template-columns:1fr}.ascii_output,.ascii_preview pre{font-size:.76rem}}@media (max-width:640px){.ascii_container{gap:28px}.ascii_workspace{gap:12px}.ascii_panel-header{align-items:flex-start;gap:10px}.ascii_panel-heading h2{font-size:1.05rem}.ascii_panel-kicker{font-size:.62rem}.ascii_panel textarea{min-height:180px}.ascii_empty{min-height:180px;padding:18px}.ascii_output{font-size:.68rem;line-height:1.2}.ascii_preview{min-height:150px;padding:18px 12px}.ascii_preview pre{font-size:.68rem;line-height:1.2}.tool-info{gap:24px}}@media (max-width:380px){.ascii_container{gap:24px}.ascii_workspace{gap:10px}.ascii_panel textarea{min-height:160px}.ascii_output,.ascii_preview pre{font-size:.58rem}.ascii_preview{padding:16px 8px}}@media (prefers-reduced-motion:reduce){.ascii_container *,.ascii_container :before,.ascii_container :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}