*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#0d1117;color:#c9d1d9;min-height:100vh}.app{max-width:1600px;margin:0 auto;padding:24px 20px;min-height:100vh;display:flex;flex-direction:column}.header{text-align:center;margin-bottom:24px}.title{font-size:36px;font-weight:700;color:#f0f6fc;margin-bottom:8px}.logo{font-size:32px;vertical-align:middle;margin-right:4px}.subtitle{color:#8b949e;font-size:15px}.examples{display:flex;align-items:center;gap:8px;margin-bottom:20px;flex-wrap:wrap;justify-content:center}.examples-label{color:#8b949e;font-size:13px;font-weight:500}.example-btn{background:#21262d;color:#c9d1d9;border:1px solid #30363d;padding:4px 14px;border-radius:6px;cursor:pointer;font-size:13px;transition:all .15s ease}.example-btn:hover{background:#30363d;border-color:#8b949e;color:#f0f6fc}.main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:16px;flex:1;min-height:0}.editor-panel,.bytecode-panel,.output-panel{display:flex;flex-direction:column;background:#161b22;border:1px solid #30363d;border-radius:8px;overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#1c2128;border-bottom:1px solid #30363d}.panel-title{font-size:13px;font-weight:600;color:#8b949e;text-transform:uppercase;letter-spacing:.5px}.shortcut{font-size:11px;color:#484f58;font-family:monospace}.editor{flex:1;padding:16px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:14px;line-height:1.6;background:#0d1117;color:#c9d1d9;border:none;outline:none;resize:none;min-height:360px;-moz-tab-size:2;tab-size:2}.editor::placeholder{color:#484f58}.editor:focus{box-shadow:inset 0 0 0 1px #1f6feb}.run-btn{margin:12px 16px;padding:8px 20px;background:#238636;color:#fff;border:1px solid #2ea043;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .15s ease;align-self:flex-start}.run-btn:hover{background:#2ea043}.run-btn:active{background:#238636}.run-btn.running,.run-btn:disabled{opacity:.7;cursor:not-allowed}.output{flex:1;padding:16px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:14px;line-height:1.6;overflow:auto;min-height:360px;max-height:500px}.output pre{margin:0;white-space:pre-wrap;word-break:break-all}.output .section-title{color:#484f58;font-size:11px;text-transform:uppercase;letter-spacing:.5px;margin-top:8px;margin-bottom:4px}.output .section-title:first-child{margin-top:0}.output .error{color:#f85149}.placeholder{color:#484f58;font-style:italic}.bytecode{flex:1;padding:16px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;line-height:1.6;overflow:auto;min-height:360px;max-height:500px}.bytecode pre{margin:0;white-space:pre}.footer{margin-top:32px;text-align:center;color:#484f58;font-size:13px;line-height:1.8}.footer .links{margin-top:4px}.footer a{color:#58a6ff;text-decoration:none}.footer a:hover{text-decoration:underline}.footer .sep{margin:0 8px;color:#30363d}.footer .version{color:#8b949e}@media(max-width:768px){.main{grid-template-columns:1fr}.title{font-size:28px}.editor,.bytecode,.output{min-height:240px}}