@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--font-mono:"JetBrains Mono", SFMono-Regular, ui-monospace, monospace;--bg-deep:#08080a;--bg-surface:#101014;--bg-glass:#141418b8;--bg-glass-heavy:#0e0e12d9;--bg-glass-card:#1a1a20a6;--bg-glass-hover:#ffffff14;--bg-glass-active:#ffffff24;--glass-border:#ffffff1f;--glass-border-subtle:#ffffff14;--glass-border-focus:#ffffff40;--glass-specular:inset 0 1px 0 0 #ffffff29;--glass-shadow-sm:0 4px 12px #00000040;--glass-shadow-md:0 12px 32px #00000059;--glass-shadow-lg:0 24px 60px #00000073;--accent-slate:#94a3b8;--accent-cool:#cbd5e1;--accent-muted-cyan:#38bdf8;--accent-muted-emerald:#34d399;--accent-muted-amber:#fde047;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-dim:#475569}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background-color:var(--bg-deep);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}button,input,select,textarea{font-family:inherit}.custom-scrollbar::-webkit-scrollbar{width:5px;height:5px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:9999px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff47}.liquid-glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(24px)saturate(160%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-md), var(--glass-specular)}.liquid-glass-heavy{background:var(--bg-glass-heavy);-webkit-backdrop-filter:blur(32px)saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-lg), var(--glass-specular)}.liquid-glass-subtle{-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border-subtle);background:#ffffff0d}.liquid-glass-pill{-webkit-backdrop-filter:blur(20px)saturate(150%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-sm), var(--glass-specular);background:#141418b3;border-radius:9999px}.liquid-button{color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff14;border:1px solid #ffffff1f;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.75rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 8px #0003,inset 0 1px #ffffff26}.liquid-button:hover{background:#ffffff24;border-color:#fff3;transform:translateY(-.5px)}.liquid-button:active{background:#ffffff1a;transform:scale(.98)}.liquid-button-primary{color:#09090b;background:#ffffffe6;border:1px solid #fffffff2;font-weight:600;box-shadow:0 4px 16px #0000004d}.liquid-button-primary:hover{background:#fff;transform:translateY(-.5px)}.liquid-button-primary:active{background:#f0f0f5e6;transform:scale(.98)}.flex{display:flex}.flex-1{flex:1}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.shrink-0{flex-shrink:0}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.w-full{width:100%}.h-full{height:100%}.w-80{width:20rem}.w-96{width:24rem}.w-2{width:.5rem}.h-2{height:.5rem}.w-2\.5{width:.625rem}.h-2\.5{height:.625rem}.w-3{width:.75rem}.h-3{height:.75rem}.w-3\.5{width:.875rem}.h-3\.5{height:.875rem}.w-4{width:1rem}.h-4{height:1rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-9{width:2.25rem}.h-9{height:2.25rem}.w-12{width:3rem}.h-12{height:3rem}.w-16{width:4rem}.h-16{height:4rem}.h-1\.5{height:.375rem}.h-1{height:.25rem}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-2xl{max-width:42rem}.max-h-\[85vh\]{max-height:85vh}.min-h-\[400px\]{min-height:400px}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.inset-x-4{left:1rem;right:1rem}.top-3{top:.75rem}.left-3{left:.75rem}.top-4{top:1rem}.left-4{left:1rem}.right-4{right:1rem}.bottom-4{bottom:1rem}.top-16{top:4rem}.top-full{top:100%}.left-0{left:0}.right-0{right:0}.left-1\/2{left:50%}.-translate-x-1\/2{transform:translate(-50%)}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.select-none{-webkit-user-select:none;user-select:none}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.cursor-pointer{cursor:pointer}.hidden{display:none}.block{display:block}.inline-flex{display:inline-flex}.text-left{text-align:left}.text-center{text-align:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.whitespace-nowrap{white-space:nowrap}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pl-2{padding-left:.5rem}.pr-1{padding-right:.25rem}.pl-8{padding-left:2rem}.pr-3{padding-right:.75rem}.pr-12{padding-right:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-5{margin-top:1.25rem}.my-auto{margin-top:auto;margin-bottom:auto}.mx-auto{margin-left:auto;margin-right:auto}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.space-y-1>:not([hidden])~:not([hidden]){margin-top:.25rem}.space-y-1\.5>:not([hidden])~:not([hidden]){margin-top:.375rem}.space-y-2>:not([hidden])~:not([hidden]){margin-top:.5rem}.space-y-2\.5>:not([hidden])~:not([hidden]){margin-top:.625rem}.space-y-3>:not([hidden])~:not([hidden]){margin-top:.75rem}.space-y-4>:not([hidden])~:not([hidden]){margin-top:1rem}.space-y-5>:not([hidden])~:not([hidden]){margin-top:1.25rem}.border{border-style:solid;border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-style:solid;border-bottom-width:1px}.border-t{border-top-style:solid;border-top-width:1px}.border-l{border-left-style:solid;border-left-width:1px}.border-dashed{border-style:dashed}.border-transparent{border-color:#0000}.border-white\/10{border-color:#ffffff1a}.border-white\/15{border-color:#ffffff26}.border-white\/20{border-color:#fff3}.border-zinc-800{border-color:#ffffff14}.border-zinc-700{border-color:#ffffff24}.border-zinc-700\/60{border-color:#ffffff1a}.border-zinc-800\/80{border-color:#ffffff14}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.bg-black{background-color:#000}.bg-black\/70{background-color:#000000b3}.bg-black\/80{background-color:#0a0a0ccc}.bg-black\/85{background-color:#0a0a0cd9}.bg-black\/90{background-color:#0a0a0ce6}.bg-zinc-950{background-color:#0c0c0e}.bg-zinc-950\/80{background-color:#0c0c0ecc}.bg-zinc-950\/85{background-color:#0c0c0ed9}.bg-zinc-950\/90{background-color:#0c0c0ee6}.bg-zinc-950\/95{background-color:#0c0c0ef2}.bg-zinc-900{background-color:#141418}.bg-zinc-900\/40{background-color:#14141866}.bg-zinc-900\/60{background-color:#14141899}.bg-zinc-900\/80{background-color:#141418cc}.bg-zinc-900\/90{background-color:#141418e6}.bg-zinc-800{background-color:#222228}.bg-zinc-800\/40{background-color:#22222866}.bg-zinc-800\/60{background-color:#22222899}.bg-zinc-700{background-color:#383842}.bg-white{background-color:#fff}.bg-white\/5{background-color:#ffffff0d}.bg-white\/10{background-color:#ffffff1a}.bg-white\/15{background-color:#ffffff26}.bg-white\/20{background-color:#fff3}.text-white{color:#f8fafc}.text-zinc-200{color:#e2e8f0}.text-zinc-300{color:#cbd5e1}.text-zinc-400{color:#94a3b8}.text-zinc-500{color:#64748b}.text-black{color:#09090b}.text-sky-300{color:#7dd3fc}.text-sky-400{color:#38bdf8}.text-emerald-300{color:#6ee7b7}.text-emerald-400{color:#34d399}.text-amber-400{color:#facc15}.text-rose-400{color:#fb7185}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-sans{font-family:var(--font-sans)}.font-mono{font-family:var(--font-mono)}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.leading-relaxed{line-height:1.625}.backdrop-blur{-webkit-backdrop-filter:blur(8px)}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px)}.backdrop-blur-md{-webkit-backdrop-filter:blur(16px)}.backdrop-blur-lg{-webkit-backdrop-filter:blur(24px)}.backdrop-blur-xl{-webkit-backdrop-filter:blur(32px)}.shadow-sm{box-shadow:0 1px 3px #0003}.shadow-md{box-shadow:0 4px 12px #00000040}.shadow-lg{box-shadow:0 12px 28px #00000059}.shadow-2xl{box-shadow:0 24px 50px #00000073}.transition-all{transition-property:all;transition-duration:.18s;transition-timing-function:cubic-bezier(.16,1,.3,1)}.transition-colors{transition-property:color,background-color,border-color;transition-duration:.15s}.transition-transform{transition-property:transform;transition-duration:.15s}.hover\:bg-zinc-800:hover{background-color:#26262ecc}.hover\:bg-zinc-900:hover{background-color:#16161ccc}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/15:hover{background-color:#ffffff26}.hover\:text-white:hover{color:#fff}.hover\:text-zinc-200:hover{color:#e2e8f0}.hover\:border-white\/25:hover{border-color:#ffffff40}.active\:scale-95:active{transform:scale(.96)}.active\:scale-\[0\.98\]:active{transform:scale(.98)}.disabled\:opacity-50:disabled{opacity:.5;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.animate-spin{animation:1s linear infinite spin}.animate-pulse{animation:2.5s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes arcDash{0%{stroke-dashoffset:48px;opacity:.25}50%{opacity:1}to{stroke-dashoffset:0;opacity:.25}}.animate-arc-dash{animation:1.4s cubic-bezier(.4,0,.2,1) infinite arcDash}@keyframes arrowUpwardFlow{0%{opacity:.2;transform:translateY(16px)}50%{opacity:1;transform:translateY(0)}to{opacity:.2;transform:translateY(-16px)}}.animate-arrow-up{animation:1.6s cubic-bezier(.4,0,.2,1) infinite arrowUpwardFlow}@keyframes marqueeBounce{0%,15%{transform:translate(0%)}85%,to{transform:translateX(var(--marquee-distance,0%))}}.marquee-container-mask{-webkit-mask-image:linear-gradient(90deg,#0000,#000 8px calc(100% - 8px),#0000);mask-image:linear-gradient(90deg,#0000,#000 8px calc(100% - 8px),#0000)}@media (width>=640px){.sm\:block{display:block}.sm\:inline{display:inline}.sm\:hidden{display:none}}@media (width>=768px){.md\:flex{display:flex}.md\:w-96{width:24rem}}.editor-root{color:#f4f4f5;width:100vw;height:100vh;font-family:var(--font-sans,system-ui, sans-serif);background-color:#09090b;flex-direction:column;display:flex;position:relative;overflow:hidden}.editor-topbar{-webkit-backdrop-filter:blur(16px);z-index:30;background:#0e0e12d9;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;height:3.5rem;padding:0 1rem;display:flex}.editor-workspace{flex:1;display:flex;position:relative;overflow:hidden}.editor-canvas-container{background:radial-gradient(circle,#15151c 0%,#09090b 100%);flex:1;height:100%;position:relative;overflow:hidden}.editor-canvas-container canvas{outline:none;width:100%;height:100%;display:block}.editor-viewport-overlay{-webkit-backdrop-filter:blur(12px);z-index:20;pointer-events:auto;background:#121217d9;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:.5rem;padding:.35rem .6rem;display:flex;position:absolute;top:1rem;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #00000080}.editor-sidebar-left{-webkit-backdrop-filter:blur(16px);z-index:20;background:#0e0e12e6;border-right:1px solid #ffffff14;flex-direction:column;width:20rem;height:100%;display:flex;overflow-y:auto}.editor-sidebar-right{-webkit-backdrop-filter:blur(16px);z-index:20;background:#0e0e12e6;border-left:1px solid #ffffff14;flex-direction:column;width:22rem;height:100%;display:flex;overflow-y:auto}.editor-panel-section{border-bottom:1px solid #ffffff0f;padding:1rem}.editor-section-title{text-transform:uppercase;letter-spacing:.05em;color:#a1a1aa;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.75rem;font-weight:600;display:flex}.editor-axis-row{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.editor-axis-badge{border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.7rem;font-weight:700;display:flex}.axis-x{color:#f87171;background:#ef444433;border:1px solid #ef444466}.axis-y{color:#4ade80;background:#22c55e33;border:1px solid #22c55e66}.axis-z{color:#60a5fa;background:#3b82f633;border:1px solid #3b82f666}.editor-num-input{font-size:.8rem;font-family:var(--font-mono,monospace);color:#f4f4f5;background:#18181bcc;border:1px solid #ffffff1a;border-radius:.375rem;outline:none;flex:1;padding:.35rem .5rem;transition:all .15s}.editor-num-input:focus{background:#1e1e24e6;border-color:#ffffff59;box-shadow:0 0 0 2px #ffffff14}.editor-vp-card{-webkit-backdrop-filter:blur(8px);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:.75rem;margin-bottom:.5rem;padding:.75rem;transition:all .18s}.editor-vp-card:hover{background:#ffffff0f;border-color:#ffffff29;transform:translateY(-1px)}.editor-vp-card.active{background:#ffffff1a;border-color:#ffffff47;box-shadow:inset 0 1px #ffffff2e,0 8px 24px #0000004d}.editor-toast{-webkit-backdrop-filter:blur(24px)saturate(180%);z-index:100;background:#18181cd9;border:1px solid #ffffff26;border-radius:.875rem;align-items:center;gap:.75rem;padding:.75rem 1.25rem;animation:.25s cubic-bezier(.16,1,.3,1) slideUpFade;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 16px 36px #00000080,inset 0 1px #ffffff26}@keyframes slideUpFade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.editor-modal-backdrop{-webkit-backdrop-filter:blur(16px);z-index:100;background:#000000a6;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.editor-modal-window{-webkit-backdrop-filter:blur(32px)saturate(180%);background:#141418eb;border:1px solid #ffffff26;border-radius:1.25rem;flex-direction:column;width:100%;max-width:52rem;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 25px 60px #000000b3,inset 0 1px #ffffff2e}.spark-app-container{background-color:#09090b;flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.spark-main-layout{flex-direction:row;flex:1;height:calc(100vh - 4rem);display:flex;position:relative;overflow:hidden}.spark-canvas-wrapper{background-color:#09090b;flex:1;height:100%;position:relative;overflow:hidden}input[type=range]{-webkit-appearance:none;background:#ffffff1f;border-radius:4px;outline:none;height:4px;transition:background .15s}input[type=range]:hover{background:#ffffff2e}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:15px;height:15px;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 8px #0006,inset 0 1px #ffffffe6}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 4px 12px #00000080,inset 0 1px #ffffffe6}input[type=checkbox]{appearance:none;cursor:pointer;background-color:#ffffff0f;border:1px solid #fff3;border-radius:4px;width:16px;height:16px;transition:all .15s;position:relative}input[type=checkbox]:checked{background-color:#fffffff2;border-color:#fffffff2}input[type=checkbox]:checked:after{content:"";border:2px solid #09090b;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}@media (width<=768px){.spark-main-layout{flex-direction:column}.spark-canvas-wrapper{height:60vh}}