@import "https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css";:root{--bg-main:#070a12;--bg-surface:#0f172a;--bg-card:#0f172ad9;--border-card:#ffffff14;--ease-spring:cubic-bezier(.175, .885, .32, 1.275);--ease-smooth:cubic-bezier(.16, 1, .3, 1);--ease-bounce:cubic-bezier(.68, -.55, .265, 1.55)}body{background-color:var(--bg-main);color:#f1f5f9;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.011em;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Geist,Segoe UI,Roboto,Helvetica,Arial,sans-serif}code,pre,.font-mono{font-family:JetBrains Mono,Fira Code,Geist Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}input:-webkit-autofill{transition:background-color 5000s ease-in-out}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out}input:-webkit-autofill:active{transition:background-color 5000s ease-in-out}.keycap{color:#94a3b8;background:#1e293b;border:1px solid #334155;border-bottom:2px solid #475569;border-radius:4px;justify-content:center;align-items:center;padding:.15rem .45rem;font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:700;display:inline-flex;box-shadow:0 1px 2px #0006}.modal-backdrop{z-index:999999;-webkit-backdrop-filter:blur(12px);animation:backdropFadeIn .22s var(--ease-smooth) forwards;background:#060912f5;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0;overflow-y:auto}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-card);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.glass-modal{max-height:90vh;animation:modalPopIn .26s var(--ease-spring) forwards;will-change:transform, opacity;background:#0f172af5;border:1px solid #ffffff1f;flex-direction:column;display:flex;box-shadow:0 25px 50px -12px #000000b3}.modal-pop-in{animation:modalPopIn .26s var(--ease-spring) forwards;will-change:transform, opacity}.clay-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s var(--ease-smooth);border:1px solid #ffffff0d;border-radius:16px;box-shadow:4px 4px 8px #0003,-2px -2px 6px #ffffff05,inset 1px 1px 5px #ffffff08,inset -1px -1px 8px #00000026}.clay-card:hover{transform:translateY(-2px);box-shadow:6px 6px 12px #0000004d,-3px -3px 8px #ffffff08,inset 1px 1px 6px #ffffff0d,inset -1px -1px 10px #0003}.clay-card.selected{border-color:#ec489966;box-shadow:0 0 10px #ec489933,4px 4px 8px #0003}.clay-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172ad9;border-left:1px solid #ffffff0d;box-shadow:-10px 0 25px #00000080,inset 1px 0 10px #ffffff08}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tools-dropdown{animation:slideDownFade .2s var(--ease-smooth) forwards}.dropdown-pop{transform-origin:100% 0;animation:dropdownPopIn .18s var(--ease-spring) forwards;will-change:transform, opacity}.chip{transition:transform .15s var(--ease-smooth);border-width:1px;border-radius:9999px;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.chip-indigo{color:#818cf8;background-color:#6366f11a;border-color:#6366f133}.chip-cyan{color:#22d3ee;background-color:#06b6d41a;border-color:#06b6d433}.chip-emerald{color:#34d399;background-color:#10b9811a;border-color:#10b98133}.chip-purple{color:#c084fc;background-color:#a855f71a;border-color:#a855f733}.chip-amber{color:#fbbf24;background-color:#f59e0b1a;border-color:#f59e0b33}.chip-green{color:#4ade80;background-color:#22c55e1a;border-color:#22c55e33}.tree-node{cursor:pointer;border-radius:.25rem;align-items:center;padding:.25rem .5rem;transition:background-color .15s;display:flex}.tree-node:hover{background-color:#ffffff0d}.tree-node-icon{margin-right:.5rem;font-size:1rem}.arrow-line{background:repeating-linear-gradient(90deg,#0000,#0000 4px,currentColor 4px 8px)}.arrow-line-vertical{background:repeating-linear-gradient(#0000,#0000 4px,currentColor 4px 8px)}.step-badge{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:flex;box-shadow:0 0 12px #6366f166}@keyframes active-step-glow{0%,to{transform:scale(1.03);box-shadow:0 0 25px #ec489999,0 0 50px #6366f166}50%{transform:scale(1);box-shadow:0 0 15px #ec489966,0 0 30px #6366f133}}.active-step-card{animation:2s ease-in-out infinite active-step-glow;border-color:#ec4899cc!important}@media (width<=768px){.mobile-hidden{display:none!important}}[data-theme=NIGHT]{--bg-main:#070a12;--bg-surface:#0f172a;--text-main:#f8fafc}[data-theme=NORMAL]{--bg-main:#f8fafc;--bg-surface:#fff;--text-main:#0f172a}[data-theme=NORMAL] body{color:#0f172a!important;background-color:#f8fafc!important}[data-theme=NEUMORPHIC]{--bg-main:#e0e5ec;--bg-surface:#e0e5ec;--text-main:#2d3748}[data-theme=NEUMORPHIC] body{color:#2d3748!important;background-color:#e0e5ec!important}.neu-card{background:#e0e5ec!important;border:1px solid #fff9!important;border-radius:24px!important;box-shadow:9px 9px 18px #a3b1c6,-9px -9px 18px #fff!important}.neu-inset{background:#e0e5ec!important;border-radius:9999px!important;box-shadow:inset 6px 6px 12px #a3b1c6,inset -6px -6px 12px #fff!important}.neu-button{transition:all .2s;color:#2d3748!important;background:#e0e5ec!important;border-radius:16px!important;box-shadow:6px 6px 12px #a3b1c6,-6px -6px 12px #fff!important}.neu-button:active{box-shadow:inset 4px 4px 8px #a3b1c6,inset -4px -4px 8px #fff!important}[data-theme=GLASSMORPHISM]{--bg-main:#eef2f6;--bg-surface:#ffffffb3;--text-main:#1e293b}[data-theme=GLASSMORPHISM] body{color:#1e293b!important;background-color:#eef2f6!important}.glass-gel-card{-webkit-backdrop-filter:blur(20px)!important;background:#ffffffa6!important;border:1px solid #fffc!important;border-radius:24px!important;box-shadow:0 10px 30px #1f26871a,inset 0 1px #ffffffe6!important}.glass-gel-pill{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;color:#fff!important;background:linear-gradient(135deg,#60a5fad9,#2563ebe6)!important;border:1px solid #ffffffb3!important;border-radius:9999px!important;box-shadow:0 8px 20px #2563eb59,inset 0 2px 4px #fffc!important}[data-theme=NORMAL] .modal-backdrop{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#0f172a73!important}[data-theme=NORMAL] .modal-backdrop>div{color:#0f172a!important;background-color:#fff!important;border-color:#cbd5e1!important;box-shadow:0 25px 60px -15px #0003!important}[data-theme=NEUMORPHIC] .modal-backdrop{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#e0e5ecbf!important}[data-theme=NEUMORPHIC] .modal-backdrop>div{color:#2d3748!important;background-color:#e0e5ec!important;border:1px solid #fffc!important;border-radius:28px!important;box-shadow:14px 14px 28px #a3b1c6,-14px -14px 28px #fff!important}[data-theme=GLASSMORPHISM] .modal-backdrop{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#eef2f6a6!important}[data-theme=GLASSMORPHISM] .modal-backdrop>div{-webkit-backdrop-filter:blur(25px)!important;color:#0f172a!important;background:#ffffffd9!important;border:1px solid #fffffff2!important;border-radius:28px!important;box-shadow:0 20px 60px #1f26872e,inset 0 1px #fff!important}.trace-slider-input::-webkit-slider-thumb{appearance:none;cursor:pointer;z-index:30;border-radius:50%;width:22px;height:22px;position:relative;background:#ec4899!important;border:3px solid #fff!important;box-shadow:0 0 12px #ec4899e6,0 2px 6px #0000004d!important}.trace-slider-input::-moz-range-thumb{cursor:pointer;z-index:30;border-radius:50%;width:22px;height:22px;position:relative;background:#ec4899!important;border:3px solid #fff!important;box-shadow:0 0 12px #ec4899e6,0 2px 6px #0000004d!important}.ease-spring{transition-timing-function:var(--ease-spring)}.ease-smooth{transition-timing-function:var(--ease-smooth)}button:active,.btn-tactile:active{transition:transform .12s var(--ease-smooth);transform:scale(.97)}@keyframes modalPopIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dropdownPopIn{0%{opacity:0;transform:scale(.95)translateY(-6px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes dashFlow{0%{background-position:0 0}to{background-position:24px 0}}.arrow-line-animated{background:repeating-linear-gradient(90deg,#0000,#0000 4px,currentColor 4px 8px) 0 0/24px 2px;animation:1s linear infinite dashFlow}@keyframes sheenFlow{0%{transform:translate(-150%)}to{transform:translate(250%)}}.badge-sheen{position:relative;overflow:hidden}.badge-sheen:after{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:50%;height:100%;animation:3s ease-in-out infinite sheenFlow;position:absolute;top:0;left:0;transform:translate(-150%)}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.float-gentle{animation:4s ease-in-out infinite gentleFloat}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:#94a3b840;border-radius:9999px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b873}select,option{color:#f1f5f9;background-color:#0d1527}[data-theme=NORMAL] select,[data-theme=NORMAL] option{color:#0f172a!important;background-color:#fff!important}[data-theme=NIGHT] select,[data-theme=NIGHT] option{color:#f1f5f9!important;background-color:#0d1527!important}[data-theme=GLASSMORPHISM] select,[data-theme=GLASSMORPHISM] option{color:#0f172a!important;background-color:#fff!important}[data-theme=NEUMORPHIC] select,[data-theme=NEUMORPHIC] option{color:#1e293b!important;background-color:#e0e5ec!important}.studio-modal-overlay{z-index:999999!important;-webkit-backdrop-filter:blur(16px)!important;box-sizing:border-box!important;background:#04070ff2!important;justify-content:center!important;align-items:center!important;padding:1.5rem!important;display:flex!important;position:fixed!important;inset:0!important;overflow-y:auto!important}.studio-modal-card{color:#f8fafc!important;z-index:10!important;box-sizing:border-box!important;background-color:#0f172a!important;border:1px solid #334155!important;border-radius:1rem!important;flex-direction:column!important;width:100%!important;max-width:72rem!important;min-height:0!important;max-height:88vh!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 25px 50px -12px #000000f2,0 0 0 1px #ffffff0d!important}@media (width<=768px){.studio-modal-overlay{padding:.75rem!important}.studio-modal-card{max-width:100%!important;max-height:94vh!important}}[data-theme=NORMAL] .studio-modal-card{color:#0f172a!important;background-color:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 25px 50px -12px #00000040!important}[data-theme=NEUMORPHIC] .studio-modal-card{color:#f3f4f6!important;background-color:#1e2330!important;border:1px solid #374151!important}.studio-modal-header{z-index:10!important;background-color:#1e293b!important;border-bottom:1px solid #334155!important;flex-shrink:0!important;position:relative!important}[data-theme=NORMAL] .studio-modal-header{color:#0f172a!important;background-color:#f1f5f9!important;border-bottom:1px solid #e2e8f0!important}.studio-modal-sidebar{background-color:#090d16!important;border-right:1px solid #1e293b!important;min-height:0!important;overflow-y:auto!important}[data-theme=NORMAL] .studio-modal-sidebar{background-color:#f8fafc!important;border-right:1px solid #e2e8f0!important}.studio-modal-content{background-color:#070a12!important;flex-direction:column!important;flex:1!important;min-height:0!important;display:flex!important;overflow-y:auto!important}[data-theme=NORMAL] .studio-modal-content{background-color:#fff!important}.studio-modal-item{background-color:#141e33!important;border:1px solid #1e293b!important}[data-theme=NORMAL] .studio-modal-item{background-color:#f1f5f9!important;border:1px solid #e2e8f0!important}.studio-modal-code{background-color:#050811!important;border:1px solid #1e293b!important;flex:1!important;min-height:0!important;overflow:auto!important}[data-theme=NORMAL] .studio-modal-code{color:#0f172a!important;background-color:#f8fafc!important;border:1px solid #e2e8f0!important}