*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--bg-main:#07090e;--bg-card:#0f172ad9;--bg-card-solid:#0f172a;--border-color:#ffffff1a;--border-focus:#00f2ff;--primary:#e3000f;--primary-hover:#b8000c;--accent:#00f2ff;--accent-glow:#00f2ff40;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b}html,body{width:100%;height:100%;font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}canvas{display:block;width:100%!important;height:100%!important}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.h-screen{height:100vh}.h-full{height:100%}.w-full{width:100%}.w-screen{width:100vw}.hidden{display:none}@media (min-width:640px){.sm\:hidden{display:none!important}.sm\:flex{display:flex!important}.sm\:inline{display:inline!important}}@media (max-width:639px){.sm-only{display:block}}.w-64{width:16rem}.w-80{width:20rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.top-0{top:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.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}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.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}.m-0{margin:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.rounded-sm{border-radius:.25rem}.rounded{border-radius:.5rem}.rounded-md{border-radius:.625rem}.rounded-lg{border-radius:.75rem}.rounded-xl{border-radius:1rem}.rounded-2xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.border{border:1px solid var(--border-color)}.border-b{border-bottom:1px solid var(--border-color)}.border-t{border-top:1px solid var(--border-color)}.border-r{border-right:1px solid var(--border-color)}.border-l{border-left:1px solid var(--border-color)}.bg-slate-900{background-color:#0f172a}.bg-slate-800{background-color:#1e293b}.bg-slate-950{background-color:#020617}.bg-black{background-color:#000}.bg-white{background-color:#fff}.bg-transparent{background-color:#0000}.text-white{color:#fff}.text-slate-100{color:#f1f5f9}.text-slate-200{color:#e2e8f0}.text-slate-300{color:#cbd5e1}.text-slate-400{color:#94a3b8}.text-slate-500{color:#64748b}.text-cyan-400{color:#22d3ee}.text-red-500{color:#ef4444}.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-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.shadow-lg{box-shadow:0 10px 25px -5px #00000080,0 8px 10px -6px #00000080}.shadow-2xl{box-shadow:0 25px 50px -12px #000000b3}.shadow-cyan{box-shadow:0 0 20px #00f2ff33}.shadow-primary{box-shadow:0 0 20px #e3000f4d}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.cursor-pointer{cursor:pointer}.transition-all{transition:all .2s cubic-bezier(.4,0,.2,1)}.backdrop-blur{-webkit-backdrop-filter:blur(16px)}input[type=range]{appearance:none;cursor:pointer;background:#ffffff1f;border-radius:999px;outline:none;width:100%;height:8px;transition:background .2s}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:grab;background:#00f2ff;border:2px solid #fff;border-radius:50%;width:22px;height:22px;transition:transform .15s,box-shadow .15s;box-shadow:0 0 12px #00f2ffcc,0 2px 6px #0006}input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.15);box-shadow:0 0 20px #00f2ff}input[type=range]::-moz-range-thumb{cursor:grab;background:#00f2ff;border:2px solid #fff;border-radius:50%;width:22px;height:22px;box-shadow:0 0 12px #00f2ffcc}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#030712d9;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-card{color:#f8fafc;background:#0f172a;border:1px solid #ffffff26;border-radius:1.25rem;outline:none;width:100%;max-width:520px;padding:1.75rem;animation:.25s cubic-bezier(.16,1,.3,1) scaleIn;position:relative;box-shadow:0 25px 60px -15px #000000e6,0 0 30px #00f2ff26}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.studio-canvas-bg{background:radial-gradient(circle at 50% 40%,#162036 0%,#080c16 70%,#03060c 100%)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:768px){.app-sidebar{border-top:1px solid var(--border-color);z-index:40;border-radius:1.25rem 1.25rem 0 0;max-height:50vh;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #000000b3;border-right:none!important;width:100%!important;height:auto!important}}