body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.App,body{background:linear-gradient(135deg,#0f0f0f,#1a1a2e)}.App{display:flex;flex-direction:column;height:100vh}.header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2ecc;border-bottom:1px solid #667eea33;box-shadow:0 4px 30px #0000004d;display:flex;justify-content:space-between;min-height:70px;overflow:hidden;padding:1rem 2rem;position:relative}.header:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#667eea1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.logo{-webkit-text-fill-color:#0000;animation:glow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800;text-shadow:0 0 30px #667eea80}@keyframes glow{0%{filter:brightness(1)}to{filter:brightness(1.2)}}.header-subtitle{color:#9ca3af;font-size:.9rem;font-weight:400;letter-spacing:.5px}.main-container{display:flex;flex:1 1;height:calc(100vh - 70px);overflow:hidden;position:relative}.main-container:before{background:radial-gradient(circle at 20% 50%,#667eea1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#764ba21a 0,#0000 50%),radial-gradient(circle at 40% 20%,#f093fb1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.editor-panel{background:#1a1a2e99;border-right:1px solid #667eea33;flex:1 1;flex-direction:column;height:100%;min-width:0;position:relative;z-index:2}.editor-panel,.editor-toolbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex}.editor-toolbar{align-items:center;background:#2a2a3ecc;border-bottom:1px solid #667eea33;box-shadow:0 2px 20px #0003;gap:1.5rem;padding:1rem 1.5rem}.language-selector{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3a3a4ecc;border:1px solid #667eea4d;border-radius:12px;color:#fff;cursor:pointer;font-size:.9rem;min-width:140px;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.language-selector:hover{background:#667eea33;border-color:#667eea99;box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.language-selector:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.font-size-controls{align-items:center;background:#3a3a4e99;border:1px solid #667eea33;border-radius:12px;display:flex;gap:.75rem;padding:.5rem}.font-size-btn{align-items:center;background:#667eea33;border:1px solid #667eea4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:32px}.font-size-btn:hover{background:#667eea4d;border-color:#667eea99;transform:scale(1.05)}.font-size-btn:active{transform:scale(.95)}.font-size-display{color:#9ca3af;font-size:.8rem;font-weight:500;min-width:40px;text-align:center}.run-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-left:auto;overflow:hidden;padding:.75rem 2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.run-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.run-button:hover:before{left:100%}.run-button:hover{box-shadow:0 8px 25px #667eea99;transform:translateY(-2px)}.run-button:active{transform:translateY(0)}.run-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.editor-container{background:#0f0f0fcc;border-radius:8px;box-shadow:inset 0 2px 10px #0000004d;flex:1 1;margin:1rem;min-height:0;overflow:hidden;position:relative}.editor-container>div{height:100%;width:100%}.status-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2a2a3ecc;border-top:1px solid #667eea33;box-shadow:0 -2px 20px #0003;color:#9ca3af;flex-shrink:0;font-size:.8rem;justify-content:space-between;padding:.75rem 1.5rem}.status-bar,.status-item{align-items:center;display:flex}.status-item{gap:.75rem}.status-dot{background:#4ade80;border-radius:50%;box-shadow:0 0 10px #4ade8080;height:10px;width:10px}.status-dot.error{background:#f87171;box-shadow:0 0 10px #f8717180}.status-dot.running{animation:pulse 1.5s ease-in-out infinite;background:#60a5fa;box-shadow:0 0 10px #60a5fa80}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.output-panel{background:#1a1a2e99;border-left:1px solid #667eea33;flex-direction:column;height:100%;position:relative;width:450px;z-index:2}.output-header,.output-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-shrink:0}.output-header{align-items:center;background:#2a2a3ecc;border-bottom:1px solid #667eea33;box-shadow:0 2px 20px #0003;color:#fff;font-weight:600;justify-content:space-between;padding:1rem 1.5rem}.output-content{background:#0f0f0f66;border:1px solid #667eea1a;border-radius:8px;flex:1 1;font-family:Fira Code,Consolas,Monaco,monospace;font-size:.9rem;line-height:1.6;margin:1rem;min-height:0;overflow-y:auto;padding:1.5rem}.output-content pre{word-wrap:break-word;color:#e6e6e6;margin:0;white-space:pre-wrap}.error{color:#f87171;text-shadow:0 0 5px #f871714d}.success{color:#4ade80;text-shadow:0 0 5px #4ade804d}.info{color:#60a5fa;text-shadow:0 0 5px #60a5fa4d}.cm-editor{border-radius:8px;font-family:Fira Code,Consolas,Monaco,monospace;font-size:14px;height:100%}.cm-focused{outline:none}.cm-content{padding:1rem}.loading{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:.5rem;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.header{min-height:60px;padding:.75rem 1rem}.logo{font-size:1.5rem}.header-subtitle{display:none}.main-container{flex-direction:column;height:calc(100vh - 60px)}.editor-panel{border-bottom:1px solid #667eea33;border-right:none;min-height:50vh}.output-panel{border-left:none;border-top:1px solid #667eea33;height:50vh;width:100%}.editor-toolbar{flex-wrap:wrap;gap:1rem;padding:.75rem 1rem}.font-size-controls{margin-left:auto;order:3}.run-button{margin-left:0;order:2}.language-selector{min-width:120px}}@media (max-width:480px){.editor-toolbar,.status-bar{gap:.5rem;padding:.5rem .75rem}.status-bar{flex-wrap:wrap}.status-item{font-size:.75rem}.output-content{font-size:.8rem;padding:1rem}.editor-container{margin:.5rem}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#1a1a2e4d;border-radius:4px}::-webkit-scrollbar-thumb{background:#667eea80;border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#667eeab3}button:focus-visible,select:focus-visible{outline:2px solid #667eea;outline-offset:2px}.fullscreen-preview{border-radius:0!important;bottom:0!important;height:calc(100vh - 60px)!important;left:0!important;margin:0!important;opacity:1!important;padding:0!important;position:fixed!important;right:0!important;top:60px!important;visibility:visible!important;width:100vw!important;z-index:9999!important}.fullscreen-preview,.fullscreen-preview iframe{background:#fff!important;border:none!important;display:block!important}.fullscreen-preview iframe{height:100%!important;width:100%!important}.fullscreen-exit-btn{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#000c!important;border:none!important;border-radius:12px!important;box-shadow:0 4px 20px #0000004d!important;color:#fff!important;cursor:pointer!important;display:block!important;font-size:16px!important;font-weight:600!important;opacity:1!important;padding:.75rem 1.5rem!important;position:fixed!important;right:20px!important;top:80px!important;transition:all .3s ease!important;visibility:visible!important;z-index:10000!important}.fullscreen-exit-btn:hover{background:#000000e6!important;box-shadow:0 8px 30px #0006!important;transform:translateY(-2px)!important}.output-panel.fullscreen-mode .output-content,.output-panel.fullscreen-mode .output-header:not(:first-child){display:none}.fullscreen-btn{background:#667eea4d!important;border:1px solid #667eea66!important;color:#fff!important;transition:all .3s ease!important}.fullscreen-btn:hover{background:#667eea80!important;border-color:#667eeab3!important;transform:translateY(-1px)!important}.fullscreen-transition{transition:all .3s cubic-bezier(.4,0,.2,1)!important}@media (max-width:768px){.fullscreen-exit-btn{font-size:14px!important;padding:.5rem 1rem!important;right:10px!important;top:70px!important}}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating{animation:float 3s ease-in-out infinite}
/*# sourceMappingURL=main.cf66a0f2.css.map*/