@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer-text{0%{background-position:0% center}to{background-position:-200% center}}@keyframes badge-sweep{0%{left:-80%}55%,to{left:130%}}@keyframes orb-breathe{0%,to{opacity:.55;transform:translate(-50%,-50%) scale(1)}50%{opacity:.75;transform:translate(-50%,-50%) scale(1.08)}}@keyframes orb-breathe-b{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes ambient-flow{0%{transform:scale(1) translate(0)}33%{transform:scale(1.05) translate(2%,2%)}66%{transform:scale(.95) translate(-2%,1%)}to{transform:scale(1) translate(0)}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.8}70%{transform:scale(1.6);opacity:0}to{transform:scale(1.6);opacity:0}}@keyframes countdown-pop{0%{transform:scale(1.4);opacity:0}25%{transform:scale(1);opacity:1}75%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}@keyframes hud-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}:root{--bg-primary: #030305;--bg-secondary: #0a0a0f;--text-primary: #ffffff;--text-secondary: #94a3b8;--text-tertiary: #64748b;--accent-primary: #6366f1;--accent-secondary: #a855f7;--accent-glow: rgba(99, 102, 241, .4);--border-color: rgba(255, 255, 255, .07);--border-glow: rgba(255, 255, 255, .14);--font-display: "Outfit", sans-serif;--font-body: "Inter", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::selection{background:#6366f14d;color:#fff}.spin{animation:spin 1s linear infinite}.ambient-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(90px)}.orb-1{width:700px;height:700px;top:0;left:50%;transform:translate(-50%,-40%);background:radial-gradient(circle,rgba(99,102,241,.2) 0%,transparent 70%);animation:orb-breathe 9s ease-in-out infinite}.orb-2{width:520px;height:520px;bottom:25%;right:-5%;background:radial-gradient(circle,rgba(168,85,247,.14) 0%,transparent 70%);animation:orb-breathe-b 11s ease-in-out infinite;animation-delay:-4s}.orb-3{width:420px;height:420px;bottom:-5%;left:-8%;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);animation:orb-breathe-b 13s ease-in-out infinite;animation-delay:-8s}.ambient-pattern{position:absolute;inset:-100px;background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,black 10%,transparent 80%);-webkit-mask-image:linear-gradient(to bottom,black 10%,transparent 80%);opacity:.6}.aurora-glow{position:absolute;top:0;left:0;right:0;height:800px;background:radial-gradient(ellipse at 20% 0%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 0%,rgba(168,85,247,.12) 0%,transparent 50%);filter:blur(60px);animation:ambient-flow 20s ease-in-out infinite;pointer-events:none}.app-container{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.navbar{display:flex;align-items:center;justify-content:space-between;padding:20px 48px;position:sticky;top:0;z-index:100;background:transparent;border-bottom:1px solid transparent;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease}.navbar-scrolled{background:#030305c7;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom-color:var(--border-color);box-shadow:0 1px #ffffff0a}.nav-brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.02em;text-decoration:none;color:var(--text-primary)}.brand-icon{color:var(--accent-primary)}.brand-highlight{color:var(--text-secondary);font-weight:400}.nav-links{display:flex;align-items:center;gap:32px}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;position:relative;transition:color .2s ease}.nav-link:after{content:"";position:absolute;bottom:-3px;left:0;width:100%;height:1px;background:var(--accent-primary);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:after{transform:scaleX(1)}.nav-link:focus-visible{outline:2px solid var(--accent-primary);outline-offset:4px;border-radius:4px}.btn-github{display:flex;align-items:center;gap:7px;background:#ffffff0d;border:1px solid var(--border-color);padding:8px 16px;border-radius:99px;color:#fff;text-decoration:none;font-size:13.5px;font-weight:500;transition:all .2s ease}.btn-github:hover{background:#ffffff17;border-color:#ffffff2e}.btn-github:active{transform:scale(.97)}.btn-github:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:88px 24px 0;max-width:1200px;margin:0 auto;width:100%}.section-label{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--accent-primary);margin-bottom:18px}.section-title{font-family:var(--font-display);font-size:46px;font-weight:700;line-height:1.14;letter-spacing:-.03em;margin-bottom:16px;background:linear-gradient(175deg,#fff 30%,#8b8fa8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center;text-wrap:balance}.section-subtitle{font-size:17.5px;color:var(--text-secondary);line-height:1.65;margin-bottom:60px;max-width:540px;text-align:center;text-wrap:balance}.hero-section{text-align:center;max-width:860px;margin-bottom:80px;display:flex;flex-direction:column;align-items:center;animation:fade-up .8s cubic-bezier(.22,1,.36,1) both}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 18px;border-radius:99px;background:#6366f11a;border:1px solid rgba(99,102,241,.28);color:#b0bbff;font-size:12.5px;font-weight:600;margin-bottom:40px;position:relative;overflow:hidden}.badge-shimmer{position:absolute;top:0;left:-80%;width:55%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);animation:badge-sweep 3.5s ease-in-out infinite;pointer-events:none}.badge-icon{color:var(--accent-primary);flex-shrink:0}.hero-title{font-family:var(--font-display);font-size:82px;font-weight:800;line-height:1.07;letter-spacing:-.045em;margin-bottom:28px;color:#fff;text-wrap:balance}.hero-title-gradient{display:inline-block;background:linear-gradient(125deg,#818cf8,#c084fc 45%,#818cf8);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer-text 3.5s linear infinite}.hero-subtitle{font-size:19px;color:var(--text-secondary);line-height:1.68;margin-bottom:48px;max-width:560px;text-wrap:balance}.hero-actions{display:flex;align-items:center;gap:14px;margin-bottom:44px}.btn-primary-glow{display:inline-flex;align-items:center;gap:8px;background:var(--accent-primary);color:#fff;border:1px solid transparent;padding:13px 24px;border-radius:12px;font-size:15px;font-weight:600;line-height:1;cursor:pointer;box-shadow:0 0 24px var(--accent-glow),inset 0 1px #ffffff2e;transition:background .15s ease,box-shadow .15s ease;font-family:inherit;text-decoration:none;letter-spacing:-.01em;position:relative;overflow:hidden}.btn-primary-glow:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 60%);border-radius:inherit;pointer-events:none}.btn-primary-glow:hover{background:#5153d8;box-shadow:0 0 32px #6366f180,inset 0 1px #fff3}.btn-primary-glow:active{transform:scale(.97);box-shadow:0 0 16px var(--accent-glow)}.btn-primary-glow:focus-visible{outline:2px solid #a5b4fc;outline-offset:3px}.btn-large{padding:15px 30px;font-size:16px;border-radius:14px}.btn-arrow{transition:transform .2s ease}.btn-primary-glow:hover .btn-arrow{transform:translate(4px)}.btn-secondary{display:inline-flex;align-items:center;background:#ffffff0f;color:#e4e4e7;border:1px solid rgba(255,255,255,.18);padding:13px 24px;border-radius:12px;font-size:15px;font-weight:600;line-height:1;cursor:pointer;transition:background .15s ease,border-color .15s ease;font-family:inherit;text-decoration:none;letter-spacing:-.01em}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff47}.btn-secondary:active{transform:scale(.97)}.btn-secondary:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}.hero-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;list-style:none;margin:0;padding:0}.tech-pill{padding:5px 13px;border-radius:99px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);font-size:12px;font-weight:500;color:var(--text-tertiary);letter-spacing:.02em;transition:all .2s ease}.tech-pill:hover{border-color:#6366f14d;color:#b0bbff;background:#6366f10f}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;width:100%;background:var(--border-color);border:1px solid var(--border-color);border-radius:22px;overflow:hidden;margin-bottom:130px}.stat-item{display:flex;flex-direction:column;align-items:center;padding:30px 20px;background:#ffffff04;gap:6px;opacity:0;transform:translateY(18px);transition:background .2s ease}.stat-item:hover{background:#ffffff08}.stat-item.animate-in{animation:fade-up .55s cubic-bezier(.22,1,.36,1) both}.stat-value{font-family:var(--font-display);font-size:30px;font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stat-label{font-size:12.5px;color:var(--text-tertiary);font-weight:500;text-align:center}.sandbox-section{width:100%;position:relative;margin-bottom:150px;display:flex;flex-direction:column;align-items:center}.sandbox-glow-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:85%;height:70%;background:linear-gradient(135deg,#6366f124,#a855f724);filter:blur(80px);z-index:-1;border-radius:50%;pointer-events:none}.sandbox-wrapper{width:100%;border-radius:20px;overflow:hidden;box-shadow:0 0 0 1px #ffffff12,0 40px 100px -20px #000000a6}.landing-preview-wrapper,.landing-preview-wrapper .sp-preview,.landing-preview-wrapper .sp-stack,.landing-preview-wrapper .sp-preview-container,.landing-preview-wrapper .sp-preview-iframe,.landing-preview-wrapper iframe{border:none!important;width:100%!important;max-width:100%!important}.landing-sp-layout.sp-layout{gap:0!important;width:100%!important;align-items:stretch!important}.landing-sp-layout .sp-file-explorer{height:600px!important;min-height:600px!important;background:#09090b!important;border-right:1px solid rgba(255,255,255,.06)!important}.landing-sp-layout .sp-file-explorer .sp-stack{height:100%!important;background:#09090b!important}.landing-sp-layout .sp-file-explorer *{background-color:transparent}.landing-sp-layout .cm-scroller{scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .25s ease;overscroll-behavior:contain}.landing-sp-layout .cm-scroller:hover{scrollbar-color:rgba(99,102,241,.35) transparent}.landing-sp-layout .cm-scroller:active{scrollbar-color:rgba(99,102,241,.5) transparent}.landing-sp-layout .cm-scroller::-webkit-scrollbar{width:5px!important;height:5px!important}.landing-sp-layout .cm-scroller::-webkit-scrollbar-track{background:transparent!important;margin:2px!important}.landing-sp-layout .cm-scroller::-webkit-scrollbar-thumb{background:transparent;border-radius:99px;transition:background .25s ease}.landing-sp-layout .cm-scroller:hover::-webkit-scrollbar-thumb{background:#6366f159}.landing-sp-layout .cm-scroller:active::-webkit-scrollbar-thumb{background:#6366f18c!important}.landing-sp-layout .cm-scroller::-webkit-scrollbar-thumb:hover{background:#6366f1a6!important}.landing-sp-layout .cm-scroller::-webkit-scrollbar-thumb:active{background:#6366f1d9!important}.landing-sp-layout .cm-scroller::-webkit-scrollbar-corner{background:transparent!important}.features-section{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:150px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%}.feature-card{background:#ffffff05;border:1px solid var(--border-color);border-radius:24px;padding:40px 34px;position:relative;overflow:hidden;opacity:0;transform:translateY(22px);transition:background .3s ease,border-color .3s ease,transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease}.feature-card.animate-in{animation:fade-up .6s cubic-bezier(.22,1,.36,1) both}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--card-color, var(--accent-primary)),transparent);opacity:0;transition:opacity .3s ease}.feature-card:hover{background:#ffffff0a;border-color:#ffffff1a;transform:translateY(-7px);box-shadow:0 24px 50px #00000059}.feature-card:hover:before{opacity:1}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;margin-bottom:26px;transition:transform .3s ease}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(-4deg)}.feature-card h3{font-family:var(--font-display);font-size:21px;font-weight:600;margin-bottom:12px;color:var(--text-primary)}.feature-card p{color:var(--text-secondary);line-height:1.65;font-size:14.5px}.steps-section{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:150px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;position:relative}.steps-grid:before{content:"";position:absolute;top:44px;left:calc(50% / 3 + 48px);right:calc(50% / 3 + 48px);height:1px;background:linear-gradient(90deg,transparent 0%,var(--border-glow) 20%,var(--border-glow) 80%,transparent 100%);pointer-events:none}.step-card{background:#ffffff04;border:1px solid var(--border-color);border-radius:20px;padding:32px 28px;position:relative;z-index:1;opacity:0;transform:translateY(22px);transition:background .3s ease,border-color .3s ease,transform .3s cubic-bezier(.4,0,.2,1)}.step-card.animate-in{animation:fade-up .6s cubic-bezier(.22,1,.36,1) both}.step-card:hover{background:#ffffff08;border-color:#ffffff1a;transform:translateY(-5px)}.step-number{display:block;font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--text-tertiary);letter-spacing:.08em;margin-bottom:16px}.step-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);color:var(--accent-primary);margin-bottom:18px;transition:transform .3s ease}.step-card:hover .step-icon{transform:scale(1.08) rotate(-3deg)}.step-card h4{font-family:var(--font-display);font-size:18px;font-weight:600;margin-bottom:10px;color:var(--text-primary)}.step-card p{color:var(--text-secondary);font-size:14px;line-height:1.6}.cta-section{width:100%;margin-bottom:130px}.cta-content{position:relative;z-index:1;background:#ffffff05;border:1px solid rgba(99,102,241,.22);border-radius:32px;padding:88px 48px;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden;opacity:0;transform:translateY(22px)}.cta-content.animate-in{animation:fade-up .7s cubic-bezier(.22,1,.36,1) both}.cta-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.55),transparent)}.cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:100%;background:radial-gradient(ellipse,rgba(99,102,241,.12),transparent 70%);filter:blur(40px);pointer-events:none;z-index:0}.cta-title{position:relative;font-family:var(--font-display);font-size:54px;font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-bottom:16px;background:linear-gradient(175deg,#fff 25%,#a1a1aa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-wrap:balance}.cta-subtitle{position:relative;font-size:18px;color:var(--text-secondary);margin-bottom:36px;max-width:420px;text-wrap:balance;line-height:1.6}.footer{padding:40px 48px;border-top:1px solid var(--border-color)}.footer-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.footer-brand{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text-secondary)}.footer-copy{color:var(--text-tertiary);font-size:13px}@media(max-width:960px){.features-grid,.steps-grid{grid-template-columns:1fr}.steps-grid:before{display:none}.stats-row{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:58px}.section-title{font-size:38px}.cta-title{font-size:40px}.navbar{padding:16px 28px}.landing-sp-layout{flex-direction:column!important}.landing-sp-layout>.sp-editor{height:400px!important;min-height:400px!important;border-right:none!important;border-bottom:1px solid rgba(255,255,255,.1)!important}.landing-preview-wrapper{height:500px!important;min-height:500px!important;display:flex;flex-direction:column}.landing-preview-wrapper .sp-preview,.landing-preview-wrapper .sp-preview-container,.landing-preview-wrapper .sp-preview-iframe,.landing-preview-wrapper iframe{height:100%!important;width:100%!important;flex:1!important}}@media(max-width:640px){.hero-title{font-size:44px}.hero-actions{flex-direction:column;width:100%}.btn-primary-glow,.btn-secondary{width:100%;justify-content:center}.nav-links .nav-link{display:none}.main-content{padding:64px 16px 0}.cta-content{padding:56px 24px}.cta-title{font-size:32px}.footer-inner{flex-direction:column;gap:8px;text-align:center}div.landing-sp-layout{flex-direction:column!important}.landing-sp-layout>.sp-file-explorer{display:none!important}.landing-sp-layout>.sp-editor{height:350px!important;min-height:350px!important;border-right:none!important;border-bottom:1px solid rgba(255,255,255,.1)!important}.landing-preview-wrapper{height:450px!important;min-height:450px!important;display:flex;flex-direction:column}.landing-preview-wrapper .sp-preview,.landing-preview-wrapper .sp-preview-container,.landing-preview-wrapper .sp-preview-iframe,.landing-preview-wrapper iframe{height:100%!important;width:100%!important;flex:1!important}}.editor-page{height:100vh;display:flex;flex-direction:column;background-color:var(--bg-primary);overflow:hidden}.editor-nav{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);height:56px;flex-shrink:0}.editor-actions{display:flex;align-items:center;gap:12px}.btn-sm{display:flex;align-items:center;gap:5px;padding:6px 10px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .15s ease;font-family:inherit;color:var(--text-secondary)}.badge-alpha{font-size:8px;font-weight:600;letter-spacing:.04em;color:var(--text-tertiary);background:#ffffff0d;border-radius:3px;padding:1px 4px;transition:all .15s ease}.btn-sm:hover .badge-alpha{background:#ffffff1f;color:var(--text-primary)}.btn-sm:active{transform:scale(.98)}.btn-sm:active .badge-alpha{background:#ffffff14}.btn-sm.primary{background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);box-shadow:0 1px 2px #00000026}.btn-sm.primary:hover{background:#ffffff1f;border-color:#ffffff2e}.btn-sm.outline{background:transparent;border:1px solid transparent;color:var(--text-secondary)}.btn-sm.outline:hover{background:#ffffff0d;color:var(--text-primary)}.dynamic-btn{transition:all .25s cubic-bezier(.19,1,.22,1);overflow:hidden}.dynamic-btn.working{background:#ffffff08;color:#a1a1aa}.dynamic-btn.success{background:#22c55e14;border-color:#22c55e33;color:#4ade80}.dynamic-btn.error{background:#ef444414;border-color:#ef444433;color:#f87171}.text-secondary{color:var(--text-secondary)}.editor-main{flex:1;display:flex;overflow:hidden;position:relative}.sp-wrapper,.sp-layout{height:100%!important;width:100%!important;flex:1!important;border-radius:0!important;border:none!important;background:transparent!important}.panel-group{width:100%;height:100%}.sidebar-panel{display:flex;flex-direction:column;background:#09090b;border-right:1px solid var(--border-color)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05);height:40px}.sidebar-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.icon-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:all .2s}.icon-btn:hover{background:#ffffff1a;color:#fff}.explorer-container{flex:1;overflow:auto}.resize-handle{position:relative;flex:0 0 1px;background-color:var(--border-color);cursor:col-resize;transition:background-color .2s ease}.resize-handle:hover,.resize-handle:active{background-color:var(--accent-primary)}.resize-handle-inner{position:absolute;inset:0 -4px;z-index:10}.collapsed-sidebar-toggle{display:flex;flex-direction:column;align-items:center;padding:12px 0;width:48px;background:#09090b;border-right:1px solid var(--border-color);flex-shrink:0}.editor-container,.preview-container-full{height:100%;background:#09090b}.editor-container{border-right:1px solid transparent}.explorer-container .sp-wrapper,.explorer-container .sp-layout{height:100%!important}.explorer-container .sp-stack{height:100%!important;display:flex;flex-direction:column}.explorer-container .sp-file-explorer{flex:1;overflow-y:auto;padding:8px 0}.editor-nav-left{display:flex;align-items:center}.editor-right{display:flex;flex:1;height:100%;overflow:hidden}.editor-code-panel{height:100%;overflow:hidden;flex-shrink:0}.editor-preview-panel{height:100%;overflow:hidden;flex:1;background:#09090b}.editor-preview-panel .sp-wrapper,.editor-preview-panel .sp-preview-container,.editor-preview-panel .sp-preview-iframe,.editor-preview-panel iframe{width:100%!important;height:100%!important;background:#09090b!important}.editor-preview-panel .sp-stack,.editor-preview-panel .sp-layout,.editor-code-panel .sp-wrapper,.editor-code-panel .sp-layout,.editor-code-panel .sp-editor,.editor-code-panel .sp-stack{height:100%!important;border:none!important;background:transparent!important}.drag-divider{width:6px;cursor:col-resize;background:var(--border-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s;position:relative;z-index:10}.drag-divider:hover,.drag-divider:active{background:var(--accent-primary)}.drag-divider-bar{width:2px;height:32px;border-radius:99px;background:#fff3}.editor-sidebar{height:100%;background:#09090b;border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.explorer-wrap{flex:1;overflow:auto}.explorer-wrap .sp-wrapper{height:100%!important}.sidebar-collapsed-icons{display:flex;flex-direction:column;align-items:center;padding:8px 0}.editor-body{flex:1;display:flex;flex-direction:row;overflow:hidden;height:calc(100vh - 56px)}.fullscreen-sp-layout{height:100%!important;width:100%!important;border:none!important;border-radius:0!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow:hidden!important;position:relative!important}.fullscreen-sp-layout>*{height:100%!important}.fullscreen-sp-layout>div:not([data-cursor-overlay]){display:flex;flex-direction:column}.fullscreen-sp-layout>div .sp-stack,.fullscreen-sp-layout>div .sp-preview,.fullscreen-sp-layout>div .sp-editor,.fullscreen-sp-layout>div .sp-code-editor,.fullscreen-sp-layout>div .cm-editor,.fullscreen-sp-layout>div iframe{width:100%!important;height:100%!important;flex:1}.fullscreen-sp-layout>div .sp-preview-container{width:100%!important;height:100%!important}.fullscreen-sp-layout>div .sp-preview-iframe{width:100%!important;height:100%!important}body.is-resizing iframe{pointer-events:none!important}.editor-code-panel .sp-tabs{background:var(--bg-secondary)!important;border-bottom:1px solid var(--border-color)!important;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;box-shadow:none!important;border-radius:0!important}.editor-code-panel .sp-tab-button{background:transparent!important;border:none!important;border-right:1px solid var(--border-color)!important;border-radius:0!important;padding:0 14px 0 16px!important;height:40px!important;color:var(--text-secondary)!important;font-family:var(--font-body)!important;font-size:13px!important;display:inline-flex!important;align-items:center!important;transition:all .15s!important;margin:0!important;box-shadow:none!important;outline:none!important;position:relative!important;flex-shrink:0!important;white-space:nowrap!important}.editor-code-panel .sp-tab-button[data-active=true]{background:#1e1e2e!important;color:#e2e8f0!important;box-shadow:none!important}.editor-code-panel .sp-tab-button[data-active=true]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-primary)}.editor-code-panel .sp-tab-button:hover{background:#ffffff05!important;color:#f8fafc!important}.editor-code-panel .sp-tab-button[data-active=true]:hover{background:#1e1e2e!important}.editor-code-panel .sp-tab-close-button{opacity:0!important;background:transparent!important;border-radius:4px!important;width:20px!important;height:20px!important;margin-left:8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transition:opacity .15s,background .15s!important}.editor-code-panel .sp-tab-button:hover .sp-tab-close-button,.editor-code-panel .sp-tab-button[data-active=true] .sp-tab-close-button{opacity:1!important}.editor-code-panel .sp-tab-close-button:hover{background:#ffffff1f!important;color:#f8fafc!important}.sp-tab-button:focus,.sp-tab-button:focus-visible,.sp-tab-button:focus-within,.sp-tabs *:focus,.sp-tabs *:focus-visible,.sp-tabs *:focus-within,.sp-tabs button:focus,.sp-tabs button:focus-visible{outline:none!important;box-shadow:none!important;border-color:transparent!important}@keyframes console-row-in{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}.console-row-fresh{animation:console-row-in .18s cubic-bezier(.22,1,.36,1) both}@keyframes bounce-down{0%,to{transform:translateY(0)}45%{transform:translateY(3px)}}.scroll-bottom-arrow{animation:bounce-down 1s ease-in-out infinite;display:flex}.console-search::placeholder{color:#52525b}.console-search:hover{border-color:#ffffff2e!important}.console-search:focus{border-color:#6366f18c!important;background:#6366f112!important;box-shadow:0 0 0 2px #6366f11f}.console-list::-webkit-scrollbar{width:4px;height:4px}.console-list::-webkit-scrollbar-track{background:transparent}.console-list::-webkit-scrollbar-thumb{background:transparent;border-radius:99px}.console-list:hover::-webkit-scrollbar-thumb{background:#6366f140}.console-list::-webkit-scrollbar-thumb:hover{background:#6366f173!important}.console-header-scroll{scrollbar-width:none!important;overflow-x:auto!important}.console-header-scroll::-webkit-scrollbar{display:none!important}.sp-tab-button:focus,.sp-tab-button:focus-visible,.sp-tab-button:focus-within,.sp-tabs *:focus,.sp-tabs *:focus-visible,.sp-tabs button:focus,.sp-tabs button:focus-visible{outline:none!important;box-shadow:none!important}.sp-tabs-scrollable-container{scrollbar-width:none!important;overflow-x:auto!important}.sp-tabs-scrollable-container::-webkit-scrollbar{display:none!important}.cm-panels-top{border:none!important;background:transparent!important;display:flex!important;justify-content:flex-end!important;overflow-x:hidden!important;overflow-y:visible!important}@keyframes cm-panel-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-in{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.45}}@keyframes session-progress{0%{transform:translate(-100%)}60%{transform:translate(200%)}to{transform:translate(200%)}}.cm-vsc-wrap{background:#252526;border:1px solid #454545;border-top:none;border-radius:0 0 4px 4px;box-shadow:0 4px 20px #0000008c;padding:4px 6px;display:flex;flex-direction:column;gap:3px;width:440px;max-width:100%;box-sizing:border-box;animation:cm-panel-in .15s ease-out}.cm-vsc-row{display:flex;align-items:center;gap:3px}.cm-vsc-chevron{flex-shrink:0;background:transparent;border:none;color:#a8a8a8;cursor:pointer;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:3px;font-size:15px;padding:0;transition:transform .15s,color .1s}.cm-vsc-chevron[data-open="1"]{transform:rotate(90deg);color:#e0e0e0}.cm-vsc-chevron:hover{background:#ffffff17;color:#e0e0e0}.cm-vsc-chevron-ph{flex-shrink:0;width:20px}.cm-vsc-field{flex:1;min-width:0;background:#3c3c3c;border:1px solid transparent;border-radius:3px;color:#e0e0e0;padding:1px 8px;font-size:12px;height:20px;outline:none;font-family:inherit}.cm-vsc-field::placeholder{color:#888}.cm-vsc-field:focus{border-color:#007acc}.cm-vsc-opt{flex-shrink:0;background:transparent;border:1px solid transparent;border-radius:3px;color:#a0a0a0;cursor:pointer;height:22px;min-width:24px;padding:0 3px;font-size:11px;display:inline-flex;align-items:center;justify-content:center}.cm-vsc-opt:hover{background:#ffffff17;color:#e0e0e0}.cm-vsc-opt[data-active="1"]{background:#007acc40;border-color:#007accb3;color:#e0e0e0}.cm-vsc-count{flex-shrink:0;font-size:11px;color:#a0a0a0;white-space:nowrap;min-width:58px;text-align:right}.cm-vsc-count[data-empty="1"]{color:#f14c4c}.cm-vsc-nav{flex-shrink:0;background:transparent;border:none;border-radius:3px;color:#a0a0a0;cursor:pointer;height:22px;width:22px;padding:0;font-size:14px;display:inline-flex;align-items:center;justify-content:center}.cm-vsc-nav:hover{background:#ffffff17;color:#e0e0e0}.cm-vsc-close{flex-shrink:0;background:transparent;border:none;border-radius:3px;color:#a0a0a0;cursor:pointer;height:20px;width:20px;padding:0;font-size:16px;display:inline-flex;align-items:center;justify-content:center;margin-left:1px}.cm-vsc-close:hover{background:#ffffff17;color:#e0e0e0}.cm-vsc-rep-btn{flex-shrink:0;background:transparent;border:1px solid rgba(255,255,255,.18);border-radius:3px;color:#a8a8a8;cursor:pointer;height:22px;padding:0 8px;font-size:11px}.cm-vsc-rep-btn:hover{background:#ffffff17;color:#e0e0e0}.cm-searchMatch{background:#ffff002e!important;border-radius:1px!important;outline:1px solid rgba(255,255,0,.35)!important}.cm-searchMatch-selected{background:#ffa00061!important;outline-color:#ffa00099!important}.fullscreen-sp-layout .cm-scroller{scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .25s ease;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.fullscreen-sp-layout .cm-scroller:hover{scrollbar-color:rgba(99,102,241,.35) transparent}.fullscreen-sp-layout .cm-scroller:active{scrollbar-color:rgba(99,102,241,.5) transparent}.fullscreen-sp-layout .cm-scroller::-webkit-scrollbar{width:5px!important;height:5px!important}.fullscreen-sp-layout .cm-scroller::-webkit-scrollbar-track{background:transparent!important;margin:2px!important}.fullscreen-sp-layout .cm-scroller::-webkit-scrollbar-thumb{background:transparent;border-radius:99px;transition:background .25s ease}.fullscreen-sp-layout .cm-scroller:hover::-webkit-scrollbar-thumb{background:#6366f159}.fullscreen-sp-layout .cm-scroller:active::-webkit-scrollbar-thumb{background:#6366f18c!important}.fullscreen-sp-layout .cm-scroller::-webkit-scrollbar-thumb:hover{background:#6366f1a6!important}.fullscreen-sp-layout .cm-scroller::-webkit-scrollbar-thumb:active{background:#6366f1d9!important}.fullscreen-sp-layout .cm-scroller::-webkit-scrollbar-corner{background:transparent!important}.icon-btn{transition:background .15s ease,color .15s ease,transform .12s cubic-bezier(.4,0,.2,1),box-shadow .15s ease!important}.icon-btn:hover{transform:scale(1.08)!important}.icon-btn:active{transform:scale(.93)!important;transition-duration:.07s!important}.editor-sidebar-container{transition:width .22s cubic-bezier(.4,0,.2,1),border-color .2s ease!important}