@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Fira+Code:wght@400;500;600&display=swap";:root{--bg-main:#24262b;--bg-sidebar:#292b30;--bg-deep:#202225;--bg-editor:#232529;--bg-elevated:#2c2e33;--bg-banner:#303338;--bg-panel:#2e3036b3;--bg-card:#383a4073;--surface-subtle:#ffffff05;--surface-faint:#ffffff04;--surface-hover:#ffffff0d;--border-color:#ffffff14;--border-subtle:#ffffff0d;--border-faint:#ffffff0a;--border-glow:#00f2ff26;--app-glow:#00f2ff0a;--modal-overlay:#000000d9;--accent-cyan:#00f2ff;--accent-cyan-rgb:0, 242, 255;--accent-blue:#08c;--accent-blue-rgb:0, 136, 204;--text-bright:#fff;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-faint:#475569;--gutter-num:#334155;--code-keyword:#c792ea;--code-string:#9ece6a;--code-comment:#5c6370;--code-number:#f78c6c;--code-key:#7aa2f7;--status-online:#10b981;--status-error:#ef4444;--status-error-rgb:239, 68, 68;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--font-sans:"Outfit", sans-serif;--font-mono:"Fira Code", monospace}[data-theme=light]{--bg-main:#eef2f7;--bg-sidebar:#fff;--bg-deep:#f7f9fc;--bg-editor:#f3f6fa;--bg-elevated:#fff;--bg-banner:#fff;--bg-panel:#ffffffbf;--bg-card:#fff9;--surface-subtle:#0f172a08;--surface-faint:#0f172a05;--surface-hover:#0f172a0d;--border-color:#0f172a1a;--border-subtle:#0f172a12;--border-faint:#0f172a0d;--app-glow:#0088cc0f;--modal-overlay:#0f172a59;--accent-cyan:#0891b2;--accent-cyan-rgb:8, 145, 178;--text-bright:#0f172a;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-faint:#94a3b8;--gutter-num:#cbd5e1;--code-keyword:#a626a4;--code-string:#2f8f46;--code-comment:#8a919e;--code-number:#b45309;--code-key:#2563eb}*{box-sizing:border-box;font-family:var(--font-sans);margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"ss01", "cv01", "liga", "calt";letter-spacing:.2px;width:100vw;height:100vh;overflow:hidden}::selection{background:rgba(var(--accent-cyan-rgb), .28);color:var(--text-bright)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, rgba(var(--accent-cyan-rgb), .35), rgba(var(--accent-cyan-rgb), .12));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan);box-shadow:0 0 8px var(--accent-cyan)}.app-container{background:radial-gradient(60% 45% at 50% -8%, var(--app-glow) 0%, transparent 70%), radial-gradient(45% 45% at 100% 0%, rgba(var(--accent-blue-rgb), .05) 0%, transparent 60%), radial-gradient(50% 50% at 0% 100%, rgba(var(--accent-cyan-rgb), .035) 0%, transparent 60%);flex-direction:column;height:100vh;animation:.6s cubic-bezier(.4,0,.2,1) app-fade-in;display:flex}@keyframes app-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.main-content{flex:1;display:flex;overflow:hidden}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(18px)saturate(140%);border:1px solid var(--border-color);box-shadow:0 8px 32px #0000005e,inset 0 1px #ffffff0f}.glow-hover:hover{border-color:var(--accent-cyan);box-shadow:0 0 15px #00f2ff40}.pulse-badge{background-color:var(--status-online);width:8px;height:8px;box-shadow:0 0 8px var(--status-online);border-radius:50%;animation:2s infinite pulse;display:inline-block}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.btn-primary{background:linear-gradient(135deg, var(--accent-cyan), #00c2cc 55%, #0098b8);color:#001316;cursor:pointer;transition:var(--transition-smooth);border:none;font-weight:700;position:relative;overflow:hidden;box-shadow:0 4px 16px #00f2ff47,inset 0 1px #fff6}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#ffffff73,#0000);width:60%;height:100%;transition:left .6s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:-120%;transform:skew(-20deg)}.btn-primary:hover:not(:disabled):before{left:130%}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #00f2ff80,inset 0 1px #ffffff80}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{background:var(--surface-hover);color:var(--text-muted);box-shadow:none;cursor:not-allowed}.btn-secondary{color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-smooth);background:0 0}.btn-secondary:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--text-secondary)}.animate-loading{position:relative;overflow:hidden}.animate-loading:after{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:100%;height:100%;animation:1.5s infinite loading-slide;position:absolute;top:0;left:-100%}@keyframes loading-slide{to{left:100%}}.lux-gradient-text{background:linear-gradient(92deg, var(--text-bright) 10%, var(--accent-cyan) 120%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}@keyframes lux-shine{0%{background-position:0%}to{background-position:200%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes lux-ring{0%{opacity:.7;transform:scale(.75)}to{opacity:0;transform:scale(1.9)}}@keyframes lux-dots{0%{content:""}25%{content:"."}50%{content:".."}75%,to{content:"..."}}.lux-dots:after{content:"";animation:1.2s step-end infinite lux-dots}@keyframes lux-blink{0%,49%{opacity:1}50%,to{opacity:0}}.code-caret{vertical-align:-2px;background:var(--accent-cyan);width:7px;height:1.05em;box-shadow:0 0 8px var(--accent-cyan);border-radius:1px;margin-left:3px;animation:1.1s step-end infinite lux-blink;display:inline-block}.code-line{border-left:2px solid #0000;margin:0 -20px;padding:0 20px 0 18px;transition:background .15s;display:block}.code-line:hover{background:rgba(var(--accent-cyan-rgb), .04)}.vscode-file-row{transition:background .12s,color .12s}.vscode-file-row:hover{background:rgba(var(--accent-cyan-rgb), .06)!important;color:var(--text-bright)!important}.code-pre[data-active="1"]>div:first-child,.code-pre[data-active="5"]>div:nth-child(5),.code-pre[data-active="6"]>div:nth-child(6),.code-pre[data-active="7"]>div:nth-child(7),.code-pre[data-active="9"]>div:nth-child(9),.code-pre[data-active="10"]>div:nth-child(10){background:rgba(var(--accent-cyan-rgb), .07);border-left:2px solid var(--accent-cyan)}.nav-icon{color:var(--text-muted);cursor:pointer;transition:color .2s,transform .2s}.nav-icon:hover{color:var(--accent-cyan);transform:translateY(-1px)}.lux-label:before{content:"";vertical-align:-1px;background:linear-gradient(180deg, var(--accent-cyan), var(--accent-blue));width:3px;height:11px;box-shadow:0 0 7px rgba(var(--accent-cyan-rgb), .6);border-radius:2px;margin-right:9px;display:inline-block}.lux-card{transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1),border-color .35s}.lux-card:hover{border-color:rgba(var(--accent-cyan-rgb), .35);box-shadow:0 22px 50px #00000073, 0 0 24px rgba(var(--accent-cyan-rgb), .12), inset 0 1px 0 #ffffff0d;transform:translateY(-3px)}@keyframes lux-float{0%,to{opacity:.55;transform:translate(0)}50%{opacity:.8;transform:translate(6px,-8px)}}@keyframes lux-breathe{0%,to{opacity:.5}50%{opacity:1}}.ide-tab{font-family:var(--font-mono);border-right:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:#0003;align-items:center;gap:8px;padding:8px 16px;font-size:13px;display:flex}.ide-tab.active{background:var(--bg-panel);color:var(--accent-cyan);border-bottom:2px solid var(--accent-cyan)}.form-input-container{width:100%;position:relative}.form-input{background:var(--surface-subtle);border:1px solid var(--border-color);width:100%;color:var(--text-primary);transition:var(--transition-smooth);border-radius:8px;outline:none;padding:12px 16px}.form-input:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px rgba(var(--accent-cyan-rgb), .12), 0 0 18px rgba(var(--accent-cyan-rgb), .15)}.form-input::placeholder{color:var(--text-muted);opacity:.7}.form-textarea{resize:none;width:100%;height:100px}@media (width>=1600px){.wizard-panel{width:440px!important;padding:28px 32px!important}.editor-body{padding:32px 48px!important}}@media (width<=1100px){.wizard-panel{width:320px!important;padding:18px!important}.icon-sidebar{width:56px!important}.editor-body{padding:20px 22px!important}.editor-cards{flex-direction:column!important}.editor-card-side{width:100%!important}.vscode-explorer{max-height:360px}.editor-statusbar{flex-wrap:wrap;gap:7px 16px;height:auto!important;padding:9px 16px!important}.statusbar-group{flex-wrap:wrap;gap:8px 16px!important}}@media (width<=900px){html,body{width:100%;overflow-x:hidden;height:auto!important;overflow-y:auto!important}.app-container{min-height:100vh;height:auto!important;overflow:visible!important}.main-content{flex-direction:column!important;height:auto!important;overflow:visible!important}.icon-sidebar{display:none!important}.wizard-panel{border-bottom:1px solid var(--border-color);border-right:none!important;width:100%!important;height:auto!important;padding:18px 16px!important;overflow:visible!important}.code-editor{min-height:70vh;height:auto!important;overflow:visible!important}.code-gutter{display:none!important}.editor-body{height:auto!important;padding:18px 16px!important;overflow:visible!important}.editor-cards{flex-direction:column!important;min-height:0!important}.editor-statusbar{row-gap:9px;line-height:1.5;flex-direction:column!important;justify-content:flex-start!important;align-items:flex-start!important;padding:11px 16px!important;font-size:10px!important}.statusbar-group{width:100%;gap:9px 18px!important}.editor-card-side{width:100%!important}.app-navbar{top:0;padding:0 12px!important;position:sticky!important}.navbar-tabs{display:none!important}.navbar-right{gap:10px!important}.navbar-icons{gap:12px!important;margin-right:4px!important}.env-key{min-width:92px!important}.support-btn,.account-label{display:none!important}.account-btn{padding:4px!important}.app-footer{letter-spacing:.5px!important;padding:0 10px!important;font-size:8px!important}.footer-secondary{display:none!important}}@media (width<=400px){.wizard-panel,.editor-body{padding:16px 12px!important}.editor-statusbar{padding:10px 12px!important;font-size:9.5px!important}.statusbar-group{gap:8px 14px!important}}