main{flex:1;display:flex;flex-direction:column;align-items:center;padding:24px;gap:24px}.panel-layout{width:100%;max-width:1100px;display:grid;grid-template-columns:1fr 1.5fr;gap:24px}.card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px;min-height:0}.card-header{color:#fff;font-size:14px;font-weight:600;border-bottom:1px solid var(--border);padding-bottom:10px;display:flex;align-items:center;justify-content:space-between}.code-input{width:100%;min-height:300px;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;padding:12px;border:1px solid var(--border);border-radius:6px;background:var(--bg3);color:var(--text);resize:vertical;tab-size:2;outline:none}.code-input:hover,.code-input:focus{border-color:var(--accent)}.code-output{min-height:300px;display:block}@media(max-width:768px){.panel-layout{grid-template-columns:1fr}}.flex-row{display:flex}.gap-2{gap:8px}