.design-studio-scope{--bg-primary:5 5 5;--text-primary:229 229 229;--ui-border:255 255 255}.design-studio-scope[data-theme=light]{--bg-primary:245 245 245;--text-primary:20 20 20;--ui-border:0 0 0}.design-studio-scope[data-theme=blueprint]{--bg-primary:10 25 47;--text-primary:204 214 246;--ui-border:100 255 218}.design-studio-scope{color:rgb(var(--text-primary));overflow-x:hidden;transition:background-color .5s ease,color .5s ease;min-height:100vh}.design-studio-scope,.design-studio-scope .bg-void{background-color:rgb(var(--bg-primary))}.design-studio-scope .text-glow{color:rgb(var(--text-primary))}.design-studio-scope .border-mist{border-color:rgb(var(--ui-border))}.design-studio-scope .grid-bg{background-size:40px 40px;background-image:linear-gradient(to right,rgba(var(--ui-border),.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(var(--ui-border),.03) 1px,transparent 1px);transition:background-image .5s ease}.design-studio-scope ::-webkit-scrollbar{width:8px}.design-studio-scope ::-webkit-scrollbar-track{background:rgb(var(--bg-primary))}.design-studio-scope ::-webkit-scrollbar-thumb{background:rgba(var(--ui-border),.2);border-radius:4px}.design-studio-scope ::-webkit-scrollbar-thumb:hover{background:rgba(var(--ui-border),.4)}.design-studio-scope{--tw-text-opacity:1}.design-studio-scope ::selection{background-color:rgba(var(--ui-border),.15);color:rgb(var(--bg-primary))}.design-studio-scope[data-theme=light] ::selection{background-color:rgba(0,0,0,.8);color:rgb(245,245,245)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.5}}.design-studio-scope .animate-float{animation:float 6s ease-in-out infinite}.design-studio-scope .animate-fade-in{animation:fadeIn 1.5s ease-out forwards}.design-studio-scope .animate-pulse-slow{animation:pulse-slow 4s cubic-bezier(.4,0,.6,1) infinite}.design-studio-scope .vignette{background:radial-gradient(circle at center,transparent 0,rgba(var(--bg-primary),.8) 90%)}.design-studio-scope h1,.design-studio-scope h2,.design-studio-scope h3,.design-studio-scope h4,.design-studio-scope h5,.design-studio-scope h6{font-family:var(--font-inter),"Inter",sans-serif}.design-studio-scope .font-mono{font-family:var(--font-jetbrains-mono),"JetBrains Mono",monospace}.design-studio-scope .text-glow\/30{color:rgba(var(--text-primary),.3)}.design-studio-scope .text-glow\/40{color:rgba(var(--text-primary),.4)}.design-studio-scope .text-glow\/50{color:rgba(var(--text-primary),.5)}.design-studio-scope .text-glow\/60{color:rgba(var(--text-primary),.6)}.design-studio-scope .text-glow\/80{color:rgba(var(--text-primary),.8)}.design-studio-scope .bg-void\/50{background-color:rgba(var(--bg-primary),.5)}.design-studio-scope .bg-void\/80{background-color:rgba(var(--bg-primary),.8)}.design-studio-scope .bg-void\/90{background-color:rgba(var(--bg-primary),.9)}.design-studio-scope .bg-mist\/5{background-color:rgba(var(--ui-border),.05)}.design-studio-scope .bg-mist\/10{background-color:rgba(var(--ui-border),.1)}.design-studio-scope .border-mist\/5{border-color:rgba(var(--ui-border),.05)}.design-studio-scope .border-mist\/10{border-color:rgba(var(--ui-border),.1)}.design-studio-scope .border-mist\/20{border-color:rgba(var(--ui-border),.2)}.design-studio-scope .border-mist\/30{border-color:rgba(var(--ui-border),.3)}.design-studio-scope .border-mist\/40{border-color:rgba(var(--ui-border),.4)}.design-studio-scope .hover\:bg-mist\/10:hover{background-color:rgba(var(--ui-border),.1)}.design-studio-scope .hover\:bg-mist\/5:hover{background-color:rgba(var(--ui-border),.05)}.design-studio-scope .hover\:border-mist\/30:hover{border-color:rgba(var(--ui-border),.3)}.design-studio-scope .hover\:border-mist\/40:hover{border-color:rgba(var(--ui-border),.4)}.design-studio-scope .hover\:text-glow:hover{color:rgb(var(--text-primary))}.design-studio-scope .hover\:text-glow\/60:hover{color:rgba(var(--text-primary),.6)}.design-studio-scope .hover\:text-mist:hover{color:rgb(var(--ui-border))}.design-studio-scope .group:hover .group-hover\:text-glow{color:rgb(var(--text-primary))}.design-studio-scope .group:hover .group-hover\:bg-mist\/10{background-color:rgba(var(--ui-border),.1)}.design-studio-scope .group:hover .group-hover\:bg-mist\/50{background-color:rgba(var(--ui-border),.5)}.design-studio-scope .group:hover .group-hover\:opacity-100{opacity:1}.design-studio-scope .shadow-mist\/5{box-shadow:0 25px 50px -12px rgba(var(--ui-border),.05)}.design-studio-scope .focus\:border-mist:focus{border-color:rgb(var(--ui-border))}.design-studio-scope .placeholder-glow\/30::placeholder{color:rgba(var(--text-primary),.3)}.design-studio-scope .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.design-studio-scope .backdrop-blur-sm{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.design-studio-scope .backdrop-blur-md{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.design-studio-scope .backdrop-blur-\[2px\]{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.design-studio-scope .shadow-\[0_0_15px_rgba\(var\(--ui-border\)\,0\.05\)\]{box-shadow:0 0 15px rgba(var(--ui-border),.05)}.design-studio-scope .hover\:shadow-\[0_0_20px_rgba\(var\(--ui-border\)\,0\.1\)\]:hover{box-shadow:0 0 20px rgba(var(--ui-border),.1)}.design-studio-scope{scroll-behavior:smooth}.design-studio-scope section[id]{scroll-margin-top:5rem}@media (prefers-reduced-motion:reduce){.design-studio-scope,.design-studio-scope *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}