@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap);:root{--bg-app:#030712;--bg-surface:#111827bf;--bg-surface-hover:#1f2937cc;--accent-primary:#3b82f6;--accent-glow:#3b82f680;--accent-gradient:linear-gradient(135deg,#3b82f6,#8b5cf6);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-tertiary:#64748b;--border-subtle:#ffffff14;--border-highlight:#ffffff26;--success:#10b981;--success-glow:#10b9814d;--error:#ef4444;--error-glow:#ef44444d;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--glass-blur:blur(12px);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-lg:0 10px 15px -3px #0000004d,0 4px 6px -2px #0000001a;--shadow-glow:0 0 20px #3b82f626}body{background-color:#030712;background-color:var(--bg-app);background:radial-gradient(circle at 20% 30%,#3b82f614 0,#0000 50%),radial-gradient(circle at 80% 70%,#8b5cf60f 0,#0000 50%),radial-gradient(circle at 50% 0,#111827 0,#030712 100%);background-attachment:fixed;color:#f8fafc;color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);height:100vh;margin:0;overflow:hidden}code{font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono)}*{box-sizing:border-box}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#0003;border-radius:5px}::-webkit-scrollbar-thumb{background:#ffffff26;background-clip:padding-box;border:2px solid #0000;border-radius:5px;-webkit-transition:background .2s;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#ffffff40;background-clip:padding-box}::-webkit-scrollbar-corner{background:#0000}.workspace{display:flex;flex-direction:column;gap:16px;height:100vh;margin:0 auto;max-width:1400px;overflow:hidden;padding:16px 20px;position:relative}.workspace-header{align-items:center;display:flex;justify-content:space-between;padding:0 8px}.workspace-header h1{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(90deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);display:flex;font-size:20px;font-weight:700;gap:12px;margin:0}.badge{-webkit-text-fill-color:#fff;background:var(--accent-gradient);border-radius:99px;box-shadow:0 2px 10px #3b82f64d;color:#fff;font-size:11px;font-weight:600;padding:4px 8px}.workspace-content{gap:20px;min-height:0}.panel,.workspace-content{display:flex;flex:1 1;overflow:hidden;position:relative}.panel{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--bg-surface);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #ffffff1a;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow}.panel:hover{border-color:#ffffff1f;box-shadow:0 12px 40px #00000059,inset 0 1px 0 #ffffff1f}.panel:before{background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000);content:"";height:1px;left:0;pointer-events:none;position:absolute;right:0;top:0}.panel:focus-within{border-color:#3b82f666;box-shadow:0 8px 32px #0006,0 0 0 1px #3b82f633,inset 0 1px 0 #ffffff1a;transform:translateY(-1px)}.editor-container{background:#0000!important;border:none!important;border-radius:0!important;flex:1 1;height:100%;overflow-x:hidden;overflow-y:auto;position:relative;scroll-behavior:smooth}.editor-container::-webkit-scrollbar,.panel .cm-scroller::-webkit-scrollbar{height:8px;width:8px}.editor-container::-webkit-scrollbar-track,.panel .cm-scroller::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.editor-container::-webkit-scrollbar-thumb,.panel .cm-scroller::-webkit-scrollbar-thumb{background:#ffffff1f;background-clip:padding-box;border:1px solid #0000;border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.editor-container::-webkit-scrollbar-thumb:hover,.panel .cm-scroller::-webkit-scrollbar-thumb:hover{background:#fff3;background-clip:padding-box}.editor-container::-webkit-scrollbar-corner,.panel .cm-scroller::-webkit-scrollbar-corner{background:#0000}.panel .cm-editor{height:100%;padding:20px}.panel .cm-scroller{font-family:JetBrains Mono,Fira Code,monospace;font-size:14px;line-height:1.7}.panel .cm-content{word-wrap:break-word;min-height:100%;overflow-wrap:break-word;padding:0}.panel .cm-gutters{background:#0000;border-right:1px solid #ffffff14;padding-right:12px}.panel .cm-lineNumbers .cm-gutterElement{color:#fff6;font-size:13px;min-width:40px;padding:0 8px}.panel .cm-activeLineGutter{background:#3b82f61a;color:#ffffffb3}.panel .cm-activeLine{background:#ffffff05;transition:background .2s ease}.panel .cm-activeLineGutter{transition:background .2s ease,color .2s ease}.panel .cm-selectionBackground{background:#3b82f633}.panel .cm-cursor{border-left:2px solid #528bff;margin-left:-1px;transition:opacity .1s ease}.panel .cm-focused .cm-cursor{animation:blink 1s step-end infinite;border-left-color:#528bff}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.panel .cm-selectionBackground{transition:background .15s ease}.panel .cm-content{will-change:contents}.panel .cm-line{will-change:auto}.panel .cm-fold-placeholder-custom,.panel .cm-foldPlaceholder,.panel .cm-line .cm-foldPlaceholder{background:#0000!important;border:none!important;color:#0000!important;display:inline-block!important;font-size:0!important;height:auto!important;line-height:inherit;margin:0!important;min-width:0;padding:0!important;position:relative;vertical-align:initial!important}.panel .cm-foldPlaceholder span{margin:0!important;padding:0!important}.panel .cm-foldPlaceholder+*,.panel .cm-foldPlaceholder:after,.panel .cm-line .cm-foldPlaceholder+*,.panel .cm-line .cm-foldPlaceholder~*{display:inline!important;margin-left:0!important;padding-left:0!important}.panel .cm-fold-placeholder-custom:before,.panel .cm-foldPlaceholder span:before,.panel .cm-foldPlaceholder:before{align-items:center;background:#10b98126;border:1px solid #10b9814d;border-radius:4px;box-shadow:0 1px 3px #0000004d;color:#fffc;content:"{...}"!important;display:inline-flex!important;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;height:18px;justify-content:center;letter-spacing:.5px;line-height:18px;margin:0!important;min-width:36px;padding:2px 10px;padding-right:0!important;position:relative;top:0;vertical-align:initial!important}.panel .cm-foldPlaceholder:after,.panel .cm-line .cm-foldPlaceholder:after{content:none!important;display:none!important;margin:0!important;padding:0!important}.panel .cm-foldPlaceholder+*,.panel .cm-foldPlaceholder+span,.panel .cm-foldPlaceholder~*,.panel .cm-line .cm-foldPlaceholder+*,.panel .cm-line .cm-foldPlaceholder+span,.panel .cm-line .cm-foldPlaceholder~*{display:inline!important;font-size:inherit;margin-left:0!important;padding-left:0!important}.panel .cm-line{word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.panel .cm-line .cm-foldPlaceholder{letter-spacing:0!important;margin-right:0!important;max-width:none!important;white-space:nowrap;width:auto!important;word-spacing:0!important}.panel .cm-line .cm-foldPlaceholder+*,.panel .cm-line .cm-foldPlaceholder+.cm-punctuation,.panel .cm-line .cm-foldPlaceholder~*,.panel .cm-line .cm-foldPlaceholder~.cm-punctuation{letter-spacing:0!important;margin-left:0!important;padding-left:0!important;text-indent:0!important;white-space:normal!important}.panel .cm-foldPlaceholder:before{letter-spacing:.5px;margin-right:0!important;padding-right:0!important;width:auto!important}.panel .cm-line .cm-foldPlaceholder{margin-right:-.3em!important;padding-right:0!important}.panel .cm-line .cm-foldPlaceholder+.cm-punctuation{margin-left:-.1em!important;padding-left:0!important}.panel .cm-line{font-feature-settings:normal}.panel .cm-foldPlaceholder span{display:none!important}.panel .cm-foldPlaceholder{font-size:0!important;line-height:0!important}.panel .cm-line .cm-foldPlaceholder:after{content:none!important;display:none!important;margin:0!important;padding:0!important}.panel .cm-line .cm-foldPlaceholder+.cm-punctuation,.panel .cm-line .cm-foldPlaceholder+.cm-string,.panel .cm-line .cm-foldPlaceholder~.cm-punctuation,.panel .cm-line .cm-foldPlaceholder~.cm-string{margin-left:0!important;padding-left:0!important}.panel .cm-fold-placeholder-custom:hover:before,.panel .cm-foldPlaceholder:hover span:before,.panel .cm-foldPlaceholder:hover:before{background:#10b98140;border-color:#10b98180;box-shadow:0 2px 6px #10b9814d;color:#fffffff2;cursor:pointer;transform:translateY(-1px) scale(1.05);transition:all .2s cubic-bezier(.4,0,.2,1)}.panel .cm-fold-placeholder-custom:active:before,.panel .cm-foldPlaceholder:active span:before,.panel .cm-foldPlaceholder:active:before{box-shadow:0 1px 3px #10b98133;transform:translateY(0) scale(1)}.panel .cm-foldPlaceholder span:after{content:none!important;display:none!important}.panel .cm-foldGutter{color:#ffffff80}.panel .cm-foldGutter .cm-gutterElement{cursor:pointer;transition:color .2s}.panel .cm-foldGutter .cm-gutterElement:hover{color:#fffc}.status-bar{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #ffffff1a;border-radius:12px;bottom:24px;box-shadow:0 8px 32px #00000080,0 0 0 1px #ffffff1a;display:flex;font-size:14px;font-weight:500;gap:10px;justify-content:center;left:50%;min-width:200px;padding:14px 24px;position:fixed;text-align:center;transform:translateX(-50%);z-index:1000}.status-bar.error{background:#ef444440;border-color:#ef444466;box-shadow:0 8px 32px #ef444433,0 0 0 1px #ef44444d;color:#fca5a5}.status-bar.success{background:#10b98140;border-color:#10b98166;box-shadow:0 8px 32px #10b98133,0 0 0 1px #10b9814d;color:#6ee7b7}@media (max-width:1024px){.workspace{max-width:100%;padding:12px 16px}.workspace-content{flex-direction:column;gap:16px}.panel{min-height:300px}}@media (max-width:768px){.workspace{gap:12px;padding:8px 12px}.status-bar{bottom:16px;font-size:13px;left:16px;min-width:auto;padding:12px 16px;right:16px;transform:translateX(0)}.toolbar-btn:active,.toolbar-checkbox:active{transform:scale(.98)}.panel{border-radius:12px}.panel .cm-editor{padding:16px}.panel .cm-scroller{font-size:13px;line-height:1.6}.panel .cm-lineNumbers .cm-gutterElement{font-size:12px;min-width:32px}}@media (max-width:480px){.workspace{gap:10px;padding:8px}.panel{border-radius:10px}.panel .cm-editor{padding:12px}.panel .cm-scroller{font-size:12px}}.toolbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#111827cc;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 24px #0000004d,inset 0 1px 0 #ffffff1a;gap:16px;justify-content:space-between;padding:14px 20px;transition:all .3s ease}.toolbar,.toolbar-group{align-items:center;display:flex}.toolbar-group{flex-wrap:wrap;gap:10px;position:relative}.toolbar-group:not(:last-child):after{background:linear-gradient(180deg,#0000,#ffffff1a 20%,#ffffff1a 80%,#0000);content:"";height:24px;opacity:.6;position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:1px}.toolbar-btn{align-items:center;background:#ffffff08;border:1px solid #0000;border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:13px;font-weight:500;gap:8px;height:38px;justify-content:center;overflow:hidden;padding:10px 18px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.toolbar-btn:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.toolbar-btn:hover:before{left:100%}.toolbar-btn:hover{background:#ffffff14;border-color:#ffffff1a;box-shadow:0 4px 12px #0003;color:var(--text-primary);transform:translateY(-2px)}.toolbar-btn:active{box-shadow:0 2px 6px #00000026;transform:translateY(0);transition:all .1s ease}.toolbar-btn:focus-visible{border-color:var(--accent-primary);outline:2px solid var(--accent-primary);outline-offset:2px}.toolbar-btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.toolbar-btn.primary{background:#3b82f626;border-color:#3b82f64d;box-shadow:0 2px 8px #3b82f626;color:var(--accent-primary)}.toolbar-btn.primary:hover{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 6px 20px #3b82f666,0 0 0 1px #3b82f633;color:#fff;transform:translateY(-2px)}.toolbar-btn.primary:active{box-shadow:0 3px 12px #3b82f64d,0 0 0 1px #3b82f633;transform:translateY(0)}.toolbar-btn.danger{color:var(--error)}.toolbar-btn.danger:hover{background:#ef44441a;color:#fca5a5}.toolbar-btn.danger:active{background:#ef444426;transform:translateY(0)}.toolbar-btn svg{opacity:.8;transition:opacity .2s ease,transform .2s ease}.toolbar-btn:hover svg{opacity:1;transform:scale(1.1)}.toolbar-btn:active svg{transform:scale(.95)}.toolbar-btn.loading{color:#0000;pointer-events:none;position:relative}.toolbar-btn.loading:after{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:initial;content:"";height:16px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.toolbar-checkbox{align-items:center;background:#3b82f626;border:1px solid #3b82f64d;border-radius:10px;box-shadow:0 2px 8px #3b82f626;color:var(--accent-primary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;height:38px;min-width:fit-content;opacity:1;overflow:hidden;padding:10px 16px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;visibility:visible;white-space:nowrap}.toolbar-checkbox:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.toolbar-checkbox:hover:before{left:100%}.toolbar-checkbox:hover{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 6px 20px #3b82f666,0 0 0 1px #3b82f633;color:#fff;transform:translateY(-2px)}.toolbar-checkbox:active{box-shadow:0 3px 12px #3b82f64d,0 0 0 1px #3b82f633;transform:translateY(0)}.toolbar-checkbox:focus-within{outline:2px solid var(--accent-primary);outline-offset:2px}.toolbar-checkbox input{accent-color:var(--accent-primary);cursor:pointer;flex-shrink:0;height:18px;margin:0;transition:all .2s;width:18px}.toolbar-checkbox input:checked{filter:brightness(1.2)}@media (max-width:768px){.toolbar{flex-wrap:wrap;gap:12px;padding:12px 16px}.toolbar-group{gap:8px}.toolbar-btn{font-size:12px;height:36px;padding:8px 14px}.toolbar-btn span{display:none}.toolbar-checkbox{font-size:12px;height:36px;padding:8px 12px}.toolbar-checkbox span,.toolbar-group:not(:last-child):after{display:none}}@media (max-width:480px){.toolbar{gap:8px;padding:10px 12px}.toolbar-btn{min-width:36px;padding:8px 12px}.toolbar-btn:hover{transform:translateY(-1px)}.toolbar-checkbox{min-width:36px;padding:8px 10px}.toolbar-checkbox:hover{transform:translateY(-1px)}}@media (prefers-reduced-motion:reduce){.panel,.status-bar,.toolbar-btn,.toolbar-checkbox{animation:none;transition:none}.toolbar-btn:before,.toolbar-checkbox:before{display:none}.panel .cm-focused .cm-cursor{animation:none}}
/*# sourceMappingURL=main.feb575d8.css.map*/