.split-container{display:flex;gap:16px}.tri-container{display:flex;gap:16px;align-items:flex-start}.controls-panel{width:280px;min-width:240px;background:#17a2a6;padding:12px;border-radius:6px;color:#fff;box-shadow:0 2px 8px #00000026}.controls-panel h3{margin:6px 0 12px;font-size:16px}.controls-panel .panel-btn{width:100%;display:block;padding:10px 12px;margin:8px 0;background:#2cc5c8;color:#062a2b;border:none;border-radius:4px;font-weight:600;cursor:pointer}.controls-panel .panel-btn:hover{filter:brightness(1.05)}.controls-panel .panel-row{margin:8px 0}.controls-panel .panel-toggle{display:flex;align-items:center;gap:8px;background:#ffffff26;padding:8px;border-radius:4px}.pane{flex:1 1 0;min-width:0}.editor{height:300px;border:1px solid #333;border-radius:4px}.editor.small{height:200px}.btn-row,.controls{margin:8px 0 12px;display:flex;gap:8px;align-items:center}.mt{margin-top:16px;display:block}.output-pre,.error-pre{max-height:calc(100vh - 260px);overflow:auto;background:#111;color:#ddd;padding:8px;border-radius:4px;border:1px solid #333}@media (max-width: 900px){.split-container{flex-direction:column}}