@layer components{.studio-panel{background:linear-gradient(#ffffff0a,#0000),#100d30;border:1px solid #ffffff1a;box-shadow:inset 0 1px #ffffff14,0 30px 80px -20px #000000d9}.studio-icon-btn{color:#a6a3cc;border-radius:.75rem;flex-shrink:0;place-items:center;width:2.25rem;height:2.25rem;transition:background-color .2s,color .2s;display:inline-grid}.studio-icon-btn:hover{color:#f5f3ff;background:#ffffff0f}.studio-menu-item{color:#a6a3cc;border-radius:.75rem;align-items:center;gap:.75rem;padding:.5rem .75rem;font-size:.875rem;transition:background-color .2s,color .2s;display:flex}.studio-menu-item:hover{color:#f5f3ff;background:#ffffff0f}.studio-card-btn{color:#a6a3cc;background:#ffffff08;border:1px solid #ffffff14;border-radius:.6rem;align-items:center;gap:.35rem;height:1.75rem;padding:0 .6rem;font-size:.72rem;transition:border-color .2s,color .2s,background-color .2s;display:inline-flex}@media (pointer:coarse){.studio-card-btn{height:2.25rem;padding:0 .75rem;font-size:.78rem}}.studio-card-btn:hover{color:#f5f3ff;background:#8f5cff14;border-color:#8f5cff80}.studio-scroll{scrollbar-width:thin;scrollbar-color:#ffffff1f transparent}.studio-scroll-x{scrollbar-width:none}.studio-scroll-x::-webkit-scrollbar{display:none}.studio-masonry{columns:1;column-gap:1rem}.studio-masonry>*{break-inside:avoid;margin-bottom:1rem}@media (min-width:560px){.studio-masonry{columns:2}}@media (min-width:1024px){.studio-masonry{columns:3}}@media (min-width:1440px){.studio-masonry[data-dense=true]{columns:4}}@media (max-width:559px){.studio-masonry[data-dense=true]{columns:2;column-gap:.625rem}.studio-masonry[data-dense=true]>*{margin-bottom:.625rem}}@media (min-width:1800px){.studio-masonry[data-dense=true]{columns:5}}.studio-pending{background:radial-gradient(80% 60% at 30% 20%,#8f5cff47,#0000 70%),radial-gradient(70% 60% at 80% 90%,#38d3f52e,#0000 70%),#15123a;position:relative;overflow:hidden}.studio-pending:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff1a 50%,#0000 70%) 0 0/250% 100%;animation:2.4s linear infinite studio-sweep;position:absolute;inset:0}@keyframes studio-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}.studio-dock{z-index:20;background:linear-gradient(#0000,#05041ad9 45%,#05041a);padding-top:2.5rem;padding-bottom:1rem;position:sticky;bottom:0}.studio-textarea{field-sizing:content;min-height:3rem;max-height:11rem}.studio-waveform{background-image:repeating-linear-gradient(90deg,#38d3f58c 0 2px,#0000 2px 5px);-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20' preserveAspectRatio='none'><path d='M0 10 Q5 2 10 10 T20 10 T30 6 T40 12 T50 4 T60 10 T70 14 T80 8 T90 3 T100 10 T110 15 T120 9 T130 5 T140 11 T150 7 T160 13 T170 6 T180 10 T190 4 T200 10 V20 H0Z' fill='black'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20' preserveAspectRatio='none'><path d='M0 10 Q5 2 10 10 T20 10 T30 6 T40 12 T50 4 T60 10 T70 14 T80 8 T90 3 T100 10 T110 15 T120 9 T130 5 T140 11 T150 7 T160 13 T170 6 T180 10 T190 4 T200 10 V20 H0Z' fill='black'/></svg>");-webkit-mask-size:100% 100%;mask-size:100% 100%}.studio-compare{--pos:50%}.studio-compare [data-after]{clip-path:inset(0 0 0 var(--pos))}model-viewer.studio-model-viewer{--poster-color:transparent;background:0 0;width:100%;height:100%}.studio-skel{background:#ffffff0b;border-radius:.75rem;position:relative;overflow:hidden}.studio-skel:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff0f 50%,#0000 70%) 0 0/250% 100%;animation:1.8s linear infinite studio-sweep;position:absolute;inset:0}.studio-nav-progress{animation:8s cubic-bezier(.1,.7,.2,1) forwards studio-nav-progress}@keyframes studio-nav-progress{0%{transform:scaleX(.04)}to{transform:scaleX(.9)}}.studio-link-pending.is-pending{opacity:0;animation:.15s ease-out 80ms forwards studio-link-pending-in,.7s linear infinite studio-link-pending-spin;display:inline-block}@keyframes studio-link-pending-in{to{opacity:1}}@keyframes studio-link-pending-spin{to{rotate:360deg}}@media (prefers-reduced-motion:reduce){.studio-skel:after{animation:none}.studio-nav-progress{animation-duration:10ms}}}@media (pointer:coarse){.studio input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),.studio textarea,.studio select{font-size:max(16px,1em)}}