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}.panel-left,.panel-right{display:flex;flex-direction:column;gap:16px}.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{background:var(--bg3);color:#00a8ff;border:1px solid var(--border);font-family:monospace;font-size:13px;height:150px;padding:15px;border-radius:8px;resize:vertical}.railroad-visual{background:var(--bg3);padding:20px;border-radius:var(--r);border:1px solid var(--border);font-family:monospace;font-size:14px;color:var(--accent);white-space:pre;overflow-x:auto}@media(max-width:768px){.panel-layout{grid-template-columns:1fr}}