*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#1a1a1a;color:#e0e0e0;line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;text-align:center;box-shadow:0 4px 6px #0000004d}.notification{position:fixed;top:20px;right:20px;background:#252525;color:#e0e0e0;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 4px 12px #00000080;border-left:4px solid #667eea;z-index:1000;animation:slideIn .3s ease-out;font-weight:500}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.header h1{font-size:2.5rem;margin-bottom:.5rem;color:#fff}.header p{font-size:1.1rem;color:#ffffffe6}.container{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;max-width:1800px;margin:0 auto;width:100%}.editor-section,.output-section{background:#252525;border-radius:8px;padding:1rem;box-shadow:0 2px 8px #0000004d;display:flex;flex-direction:column}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h2,.output-section h2{font-size:1.3rem;color:#667eea;margin-bottom:1rem}.button-group{display:flex;gap:.5rem}.run-button,.cancel-button{color:#fff;border:none;padding:.6rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.run-button{background:linear-gradient(135deg,#667eea,#764ba2)}.run-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.run-button:active:not(:disabled){transform:translateY(0)}.run-button:disabled{opacity:.5;cursor:not-allowed}.cancel-button{background:linear-gradient(135deg,#ff6b6b,#ee5a52);animation:pulse 1.5s ease-in-out infinite}.cancel-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b66}.cancel-button:active{transform:translateY(0)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.code-editor{flex:1;border:1px solid #3a3a3a;border-radius:6px;overflow:hidden;min-height:400px}.code-editor .cm-editor{height:100%;font-size:14px}.output-container{flex:1;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:6px;padding:1rem;overflow:auto;min-height:400px}.output-container pre{color:#e0e0e0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;white-space:pre-wrap;word-wrap:break-word}.output-container.error pre{color:#ff6b6b}.footer{background:#252525;padding:1.5rem;text-align:center;color:#888;border-top:1px solid #3a3a3a}.footer p{font-size:.9rem}@media (max-width: 1024px){.container{grid-template-columns:1fr}.header h1{font-size:2rem}}