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 1fr;gap:24px}.card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:14px}.card-header{color:#fff;font-size:14px;font-weight:600;border-bottom:1px solid var(--border);padding-bottom:10px}.code-area,.code-area-out{background:var(--bg3);color:#00a8ff;border:1px solid var(--border);font-family:monospace;font-size:13px;height:300px;padding:15px;border-radius:8px;resize:vertical}.code-area-out{color:var(--text)}@media(max-width:768px){.panel-layout{grid-template-columns:1fr}}