.studio-shimmer{background:linear-gradient(110deg,rgb(var(--c-fg) / .04) 8%,rgb(var(--c-fg) / .1) 18%,rgb(var(--c-fg) / .04) 33%);background-size:200% 100%;animation:studioShimmer 1.4s linear infinite}@keyframes studioShimmer{to{background-position-x:-200%}}.studio-canvas-bg{background-color:rgb(var(--c-base));background-image:radial-gradient(rgb(var(--c-fg) / .07) 1px,transparent 1px);background-size:18px 18px}.studio-panel{scrollbar-width:thin}.studio-panel::-webkit-scrollbar{width:6px}.studio-panel::-webkit-scrollbar-thumb{background:rgb(var(--c-fg) / .12);border-radius:3px}:where(.studio-input){width:100%}.studio-input{border-radius:.5rem;border-width:1px;border-color:rgb(var(--c-fg) / .1);--tw-bg-opacity: 1;background-color:rgb(var(--c-base) / var(--tw-bg-opacity, 1));padding:.375rem .5rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(var(--c-fg) / var(--tw-text-opacity, 1));outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.studio-input:focus{border-color:#7c5cff99}.studio-label{margin-bottom:.25rem;display:block;font-size:.68rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em;color:rgb(var(--c-fg) / .45)}.studio-icon-btn{display:inline-grid;height:2rem;min-width:2rem;place-items:center;border-radius:.5rem;padding-left:.375rem;padding-right:.375rem;color:rgb(var(--c-fg) / .7);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.studio-icon-btn:hover{background-color:rgb(var(--c-fg) / .05);--tw-text-opacity: 1;color:rgb(var(--c-fg) / var(--tw-text-opacity, 1))}.studio-icon-btn:disabled{cursor:not-allowed;opacity:.35}.studio-icon-btn[aria-pressed=true]{background-color:#7c5cff26;--tw-text-opacity: 1;color:rgb(167 139 250 / var(--tw-text-opacity, 1))}html.light .studio-root .studio-icon-btn[aria-pressed=true]{color:#5b3df5;background-color:#7c5cff1f}.studio-chip{display:inline-flex;align-items:center;gap:.375rem;border-radius:9999px;border-width:1px;border-color:rgb(var(--c-fg) / .1);padding:.375rem .75rem;font-size:.75rem;line-height:1rem;color:rgb(var(--c-fg) / .7);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.studio-chip:hover{border-color:rgb(var(--c-fg) / .25);--tw-text-opacity: 1;color:rgb(var(--c-fg) / var(--tw-text-opacity, 1))}.studio-chip[aria-pressed=true]{border-color:#7c5cff99;background-color:#7c5cff1a;--tw-text-opacity: 1;color:rgb(var(--c-fg) / var(--tw-text-opacity, 1))}.studio-hero-glow{background:radial-gradient(40% 60% at 15% 10%,#7c5cff40,#7c5cff00 70%),radial-gradient(35% 50% at 85% 0%,#ec48992e,#ec489900 70%)}.studio-gradient-text{background:linear-gradient(90deg,#a78bfa,#f472b6 55%,#fbbf24);-webkit-background-clip:text;background-clip:text;color:transparent}.studio-checker{background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}html.studio-editing .studio-root>.flex.min-h-0.flex-1>aside:last-child{padding-bottom:88px}@media (max-width: 899px){html.studio-editing .studio-root{padding-bottom:88px}}@media (max-width: 600px){html.studio-editing .studio-root{padding-bottom:calc(152px + env(safe-area-inset-bottom))}}.studio-option{border-color:rgb(var(--c-fg) / .1);color:rgb(var(--c-fg) / .7);background:transparent}.studio-option:hover{border-color:rgb(var(--c-fg) / .28);color:rgb(var(--c-fg))}.studio-option-on,.studio-option-on:hover{border-color:#7c5cff;color:rgb(var(--c-fg));background:#7c5cff29;box-shadow:inset 0 0 0 1px #7c5cff;font-weight:600}html.light .studio-canvas-bg{background-color:#eceef3;background-image:radial-gradient(rgba(15,23,42,.13) 1px,transparent 1px)}html.light .studio-root .text-brand-soft{color:#5b3df5}html.light .studio-root .bg-brand\/15{background-color:#7c5cff1f}html.light .studio-icon-btn[aria-pressed=true]{color:#5b3df5;background:#7c5cff1f}html.light .studio-chip[aria-pressed=true]{border-color:#7c5cff;background:#7c5cff1a;color:#2e1f8f}html.light .studio-option-on,html.light .studio-option-on:hover{background:#7c5cff1a;color:#2e1f8f}html.light .studio-panel::-webkit-scrollbar-thumb{background:#0f172a26}html.light .studio-root aside{box-shadow:0 0 0 1px #0f172a05}html.light .studio-shimmer{background:linear-gradient(110deg,#0f172a0d 8%,#0f172a1a 18%,#0f172a0d 33%);background-size:200% 100%}html.light .studio-hero-glow{background:radial-gradient(40% 60% at 15% 10%,#7c5cff24,#7c5cff00 70%),radial-gradient(35% 50% at 85% 0%,#ec48991a,#ec489900 70%)}html.light .studio-gradient-text{background:linear-gradient(90deg,#6d4aff,#db2777 55%,#d97706);-webkit-background-clip:text;background-clip:text}