.coding-preview { width:100%; height:400px; border:1px solid var(--ui-line); background:white; border-radius:8px; }
.coding-main { margin:24px auto; max-width:1120px; padding:0 24px; }
.coding-navigation { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0 24px; }
.coding-navigation button { min-height:44px; }
.coding-main textarea { width:100%; font-family:ui-monospace,monospace; }
.coding-main pre { white-space:pre-wrap; overflow-wrap:anywhere; }
.coding-main table { width:100%; border-collapse:collapse; }
.coding-main td,.coding-main th { overflow-wrap:anywhere; text-align:left; padding:8px; }
.coding-main .ui-result-content { min-width:0; overflow-wrap:anywhere; }
@media(max-width:600px) { .coding-main { padding:0 16px; margin-top:16px; } .coding-preview { height:320px; } }