*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:Liberation Mono,Courier New,Cascadia Code,monospace;font-size:14px;line-height:1.5;color:#000;background:#fff}#app{display:flex;flex-direction:column;height:100vh;padding:12px 16px}#topbar{display:flex;align-items:baseline;gap:16px;padding:0 0 8px;font-size:12px;color:#666;flex-wrap:wrap;flex-shrink:0}#logo{font-size:13px;white-space:nowrap}#format-selectors{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}#format-selectors select{background:#fff;border:1px solid #999;border-radius:0;padding:1px 4px;font-family:inherit;font-size:12px;color:#000}#swap-btn{color:#00c;text-decoration:underline;cursor:pointer}#lang-switch{margin-left:auto;white-space:nowrap}#lang-switch a{color:#00c;text-decoration:underline;cursor:pointer}#lang-switch a.lang-active{color:#000;text-decoration:none;font-weight:700;cursor:default}#lang-switch .sep{color:#ccc;margin:0 2px}#top-actions{display:flex;gap:12px;font-size:13px}#top-actions a{color:#00c;text-decoration:underline;cursor:pointer}#top-actions a:hover{color:#00f}#editor{display:flex;gap:0;flex:1;min-height:0;border:1px solid #ccc}#input-pane,#output-pane{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}#input-pane{border-right:1px solid #ccc}.pane-header{padding:4px 8px;font-size:11px;color:#666;background:#f8f8f8;border-bottom:1px solid #ccc;display:flex;justify-content:space-between;flex-shrink:0}#status-msg{color:#c80}#input-area,#output-area{display:block;width:100%;flex:1;min-height:0;padding:8px;font-family:inherit;font-size:13px;line-height:1.5;border:none;resize:none;background:#fff;color:#000;white-space:pre;overflow-x:auto;overflow-y:auto}#output-area{background:#fafafa;color:#444}#footer{padding:8px 0 0;font-size:11px;color:#999;border-top:1px solid #eee;flex-shrink:0}#footer a{color:#00c;text-decoration:underline}@media (max-width: 767px){#app{padding:8px}#editor{flex-direction:column}#input-pane{border-right:none;border-bottom:1px solid #ccc}#topbar{flex-direction:column;align-items:flex-start}#lang-switch{margin-left:0}}