.roman_container{flex-direction:column;gap:32px;width:100%;min-width:0;display:flex}.roman_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}.roman_panel{flex-direction:column;min-width:0;height:100%;display:flex}.roman_panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.roman_panel-heading{flex-direction:column;min-width:0;display:flex}.roman_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}.roman_panel-heading h2{margin:0;font-family:Cinzel,serif;font-size:1.2rem;line-height:1.3}.roman_mode-switch{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.roman_input{flex-direction:column;flex:1;gap:8px;display:flex}.roman_input label{opacity:.7;font-size:.8rem;font-weight:600}.roman_input textarea{min-height:130px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.roman_output{letter-spacing:.08em;text-align:center;overflow-wrap:anywhere;justify-content:center;align-items:center;width:100%;min-height:180px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:2rem;font-weight:700;display:flex}.roman_empty{opacity:.5;text-align:center;justify-content:center;align-items:center;min-height:180px;font-size:.9rem;display:flex}.roman_error{min-height:180px;color:var(--danger);align-items:flex-start;gap:10px;padding:12px;font-size:.9rem;line-height:1.5;display:flex}.roman_error-icon{flex:none}.roman_error strong{margin-bottom:4px;display:block}.roman_error p{opacity:.8;margin:0}.roman_reference{width:100%}.roman_reference-header{flex-direction:column;gap:2px;margin-bottom:16px;display:flex}.roman_reference-header h2{font-family:var(--font-display);margin:0;font-size:1.2rem;line-height:1.35}.roman_reference-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.roman_reference-item{border:1px solid var(--border);background:color-mix(in srgb, var(--primary) 4%, transparent);text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:80px;padding:10px;display:flex}.roman_reference-item strong{font-family:var(--font-display);font-size:1.2rem}.roman_reference-item span{opacity:.65;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem}.tool-info{flex-direction:column;gap:28px;width:100%;display:flex}@media (max-width:820px){.roman_workspace{grid-template-columns:1fr}.roman_reference-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:640px){.roman_container{gap:28px}.roman_workspace{gap:12px}.roman_panel-header{align-items:flex-start}.roman_panel-heading h2{font-size:1.05rem}.roman_panel-kicker{font-size:.62rem}.roman_mode-switch{gap:6px}.roman_output{min-height:150px;font-size:1.55rem}.roman_empty{min-height:150px}.roman_error{min-height:150px;font-size:.85rem}.roman_reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tool-info{gap:24px}}@media (max-width:380px){.roman_container{gap:24px}.roman_mode-switch{flex-direction:column;align-items:stretch}.roman_output{font-size:1.3rem}}@media (prefers-reduced-motion:reduce){.roman_container *,.roman_container :before,.roman_container :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}