:root{--editor-height:100vh;--header-h:52px;--footer-h:60px;--bg-dark:#1a1a29;--bg-darker:#14141f;--bg-panel:#1e1e2e;--bg-header:linear-gradient(180deg, #1f1f30 0%, #17172a 100%);--bg-btn:#2d2d3d;--bg-btn-hover:#3d3d52;--bg-home-btn:#232338;--bg-home-btn-hover:#2f2f4a;--bg-footer:#1f1f30;--text:#e6e6e6;--text-muted:#a0a0b0;--text-header:#ffffff;--border:#2d2d3d;--accent:#4ac9ff;--accent-2:#6a5acd;--shadow:rgba(0, 0, 0, 0.4)}.editor-wrap.light-theme{--bg-dark:#f0f0f5;--bg-darker:#e8e8ee;--bg-panel:#ffffff;--bg-header:linear-gradient(180deg, #ffffff 0%, #f4f4f8 100%);--bg-btn:#e6e6ec;--bg-btn-hover:#d5d5de;--bg-home-btn:#dcdce4;--bg-home-btn-hover:#cfcfd8;--bg-footer:#f0f0f5;--text:#1a1a29;--text-muted:#5a5a6e;--text-header:#1a1a29;--border:#d0d0da;--accent:#0e639c;--accent-2:#6a1b9a;--shadow:rgba(0, 0, 0, 0.1)}.editor-wrap.light-theme .editor-header{background:var(--bg-header);border-bottom:1px solid var(--border);box-shadow:0 2px 12px var(--shadow);color:var(--text-header)}.editor-wrap.light-theme .editor-title{color:var(--text-header)}.editor-wrap.light-theme .footer-ads-for-editors{background:var(--bg-footer);color:var(--text);border-top:1px solid var(--border)}*,*::before,*::after{box-sizing:border-box}body,html{padding:0;margin:0;height:100%;overflow:hidden;background:var(--bg-darker);color:var(--text);font-family:'Segoe UI',system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;transition:background 0.25s ease,color 0.25s ease}::-webkit-scrollbar{display:none}.editor-wrap{border:1px solid var(--border);border-radius:0;width:100%;max-width:100%;margin:0;margin-top:var(--header-h);height:calc(100vh - var(--header-h) - var(--footer-h));display:flex;flex-direction:column;overflow:hidden;background:var(--bg-panel);transition:background 0.25s ease,border-color 0.25s ease}.editor-header{position:fixed;top:0;left:0;right:0;height:var(--header-h);background:var(--bg-header);border-bottom:1px solid var(--border);color:var(--text-header);display:flex;align-items:center;justify-content:space-between;padding:0 14px;gap:10px;z-index:9999;box-shadow:0 2px 12px var(--shadow);transition:background 0.25s ease,border-color 0.25s ease}.editor-header>div:first-child{display:flex;align-items:center;gap:6px;flex-shrink:0}.editor-title{font-weight:600;font-size:15px;color:var(--text-header);letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:8px;flex:1;justify-content:center}.editor-title::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);flex-shrink:0}.editor-actions{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;flex-shrink:0}.editor-actions button,.editor-actions-home-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 12px;border:1px solid #fff0;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;color:var(--text);background:var(--bg-btn);transition:background 0.15s ease,transform 0.1s ease,border-color 0.15s ease;white-space:nowrap;line-height:1;user-select:none}.editor-actions button:hover,.editor-actions-home-btn:hover{background:var(--bg-btn-hover);border-color:var(--border)}.editor-actions button:active,.editor-actions-home-btn:active{transform:translateY(1px)}.editor-actions-home-btn{background:var(--bg-home-btn);color:var(--text)}.editor-actions-home-btn:hover{background:var(--bg-home-btn-hover)}.editor-actions button.outputBtn,.editor-actions button[data-action="run"]{background:linear-gradient(135deg,#0e639c,#1177bb);color:#fff}.editor-actions button.outputBtn:hover,.editor-actions button[data-action="run"]:hover{background:linear-gradient(135deg,#1177bb,#1488cc)}.editor-actions button.backBtn{background:linear-gradient(135deg,#6a1b9a,#8e24aa);color:#fff}.editor-actions button.backBtn:hover{background:linear-gradient(135deg,#8e24aa,#ab47bc)}.editor-actions svg,.editor-actions i svg,.editor-actions [data-lucide],.editor-actions .lucide,.editor-actions-home-btn svg,.editor-actions-home-btn i svg{width:16px!important;height:16px!important;flex-shrink:0}.editor-actions i,.editor-actions-home-btn i{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px}.CodeMirror{flex:1;height:auto!important;overflow:auto;padding-top:6px;padding-bottom:20px;font-size:14px;font-family:'Consolas','Monaco','Courier New',monospace;border-top:1px solid var(--border);line-height:1.6;transition:background 0.25s ease}.CodeMirror-scroll{overflow:auto!important}.output-frame{width:100%;flex:1;height:auto;border:0;padding:0;margin:0;display:none;background:#fff;overflow:auto}.footer-ads-for-editors{background:var(--bg-footer);color:var(--text);width:100%;height:var(--footer-h);border-top:1px solid var(--border);bottom:0;left:0;position:fixed;z-index:9;display:flex;justify-content:center;align-items:center;padding:0 10px;overflow:hidden;transition:background 0.25s ease,color 0.25s ease}@media (max-width:900px){.editor-title{font-size:14px}.editor-actions button,.editor-actions-home-btn{padding:0 10px;font-size:12px}}@media (max-width:640px){:root{--header-h:48px;--footer-h:50px}.editor-header{padding:0 8px;gap:6px}.editor-title{font-size:13px;max-width:90px}.editor-actions{gap:4px}.editor-actions button,.editor-actions-home-btn{width:34px;height:34px;padding:0;border-radius:6px}.editor-actions svg,.editor-actions i svg,.editor-actions [data-lucide],.editor-actions-home-btn svg,.editor-actions-home-btn i svg{width:15px!important;height:15px!important}.footer-ads-for-editors{font-size:12px;padding:0 6px}}@media (max-width:400px){.editor-title{max-width:60px;font-size:12px}.editor-actions button,.editor-actions-home-btn{width:30px;height:30px}}