.output-container{width:100%;height:75vh;display:flex;flex-direction:column;background-color:#1e1e2e;border-left:1px solid #333;border-radius:8px;padding:12px;color:#d4d4d4;font-family:Fira Code,monospace;box-shadow:inset 0 0 6px #0009}.output-header{font-size:1rem;font-weight:700;margin-bottom:8px;color:#0f8}.run-button{padding:8px 12px;margin-bottom:12px;border-radius:6px;border:1px solid #00ff88;color:#0f8;background:transparent;font-size:.9rem;cursor:pointer;transition:.2s}.run-button:hover{background-color:#0f8;color:#0f0a19}.run-button:disabled{opacity:.5;cursor:not-allowed}.toast{margin-bottom:10px;padding:8px;border-radius:4px;background-color:#ff4b4b;color:#fff;font-size:.8rem}.output-box{flex:1;padding:8px;border-radius:6px;background-color:#0f0a19;border:1px solid #333;overflow-y:auto;font-size:.85rem;line-height:1.4;white-space:pre-wrap;word-wrap:break-word}.output-box.error{border-color:#ff4b4b;color:#ff6b6b}.pad-title-container{text-align:center;margin:16px 0;height:5vh}.pad-title{font-size:1.6rem;color:#00ff7f;font-weight:700;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0}.app-header{width:100%;padding:16px;background:linear-gradient(90deg,#0f2027,#203a43,#2c5364);color:#fff;text-align:center;box-shadow:0 4px 8px #0003;height:2vh}.app-title{font-size:1rem;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;letter-spacing:1px}.code-editor-container{padding:0;margin:0;display:flex;gap:1rem;height:100vh;background-color:#0f0a19;color:#e5e5e5;font-family:Fira Code,monospace}.editor-panel,.drawing-pad{flex:3;display:flex;flex-direction:column;background-color:#1a1a2e;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #0006}.output-panel{flex:3;display:flex;flex-direction:column;background-color:#161622;border:1px solid #333;border-radius:10px;padding:1rem;overflow:hidden;box-shadow:0 4px 12px #0006}.panel-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:#cfcfcf}.run-btn{padding:.5rem 1rem;margin-bottom:1rem;border:1px solid #4ade80;border-radius:6px;background:transparent;color:#4ade80;font-weight:500;cursor:pointer;transition:all .2s ease-in-out}.run-btn:hover{background-color:#4ade80;color:#0f0a19}.run-btn:disabled{opacity:.5;cursor:not-allowed}.toast{background-color:#dc2626;color:#fff;padding:.5rem;border-radius:6px;margin-bottom:.5rem;font-size:.9rem}.output-box{flex:1;background-color:#0f0a19;border:1px solid #333;border-radius:6px;padding:.5rem;font-size:.9rem;color:#d4d4d4;overflow-y:auto;white-space:pre-wrap;line-height:1.4}.output-box.error{border-color:#dc2626;color:#f87171}.output-box::-webkit-scrollbar{width:8px}.output-box::-webkit-scrollbar-thumb{background-color:#333;border-radius:6px}html,body,#root{margin:0;padding:0;height:100%;width:100%}body{overflow:hidden;background-color:#f9fafb}