.studio-stage{display:flex;align-items:center;justify-content:center;min-height:340px;padding:20px 0 28px;background:radial-gradient(60% 55% at 50% 42%,rgba(154,92,240,.2),transparent 70%),#1b211b}@media (min-width:640px){.studio-stage{min-height:400px}}.studio-floor{position:absolute;left:50%;bottom:26px;width:150px;height:14px;transform:translateX(-50%);background:radial-gradient(50% 50% at 50% 50%,rgba(0,0,0,.55),transparent 100%);pointer-events:none}.studio-badge{position:absolute;top:12px;left:12px;z-index:3;padding:3px 7px;font-size:9px;letter-spacing:.15em;color:#d9c4ff;background:rgba(154,92,240,.22);border:1px solid rgba(154,92,240,.45)}.studio-empty{position:absolute;left:0;right:0;bottom:12px;z-index:2;text-align:center;font-size:10px;letter-spacing:.2em;color:#6b736b;pointer-events:none}.studio-dim{filter:saturate(.5) brightness(.55);transition:filter .3s}.studio-working{position:absolute;inset:0;z-index:2;display:flex;align-items:flex-end;justify-content:center;padding-bottom:18px;pointer-events:none}.studio-scan{position:absolute;left:0;right:0;top:0;height:70px;background:linear-gradient(180deg,transparent,rgba(154,92,240,.28),transparent);animation:studio-scan 2.4s ease-in-out infinite}@keyframes studio-scan{0%{transform:translateY(-70px)}to{transform:translateY(420px)}}.studio-working-label{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 14px;background:rgba(17,23,18,.85);border:2px solid rgba(0,0,0,.8)}.studio-blocks{display:flex;gap:3px}.studio-blocks span{width:9px;height:9px;background:rgba(255,255,255,.1);animation:studio-block-on .3s steps(1) forwards;animation-play-state:running}@keyframes studio-block-on{to{background:#9a5cf0}}.studio-glint{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(196,150,255,.45) 45%,rgba(255,255,255,.55) 50%,rgba(196,150,255,.45) 55%,transparent 70%);background-size:250% 100%;mix-blend-mode:screen;animation:studio-glint 1.1s ease-out forwards}@keyframes studio-glint{0%{background-position:130% 0;opacity:1}to{background-position:-30% 0;opacity:0}}.studio-composer{background:#111712;border:2px solid rgba(107,115,107,.4);transition:border-color .15s}.studio-composer:focus-within{border-color:#9a5cf0}.studio-attach{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;font-size:10px;letter-spacing:.06em;color:#b3bdb0;background:rgba(107,115,107,.18);border:2px solid rgba(0,0,0,.6);transition:color .15s,background-color .15s}.studio-attach:focus-visible,.studio-attach:hover:not(:disabled){color:#d9c4ff;background:rgba(154,92,240,.18)}.studio-attach:disabled{opacity:.5;cursor:not-allowed}.studio-tip-host{position:relative}.studio-tip{position:absolute;left:0;bottom:calc(100% + 8px);z-index:5;width:-moz-max-content;width:max-content;max-width:250px;padding:8px 10px;font:12px/1.45 var(--font-geist-sans),system-ui,sans-serif;color:#fff;background:#0b0e0b;border:2px solid rgba(154,92,240,.55);opacity:0;transform:translateY(4px);transition:opacity .15s,transform .15s;pointer-events:none}.studio-tip-host:has(.studio-attach:focus-visible) .studio-tip,.studio-tip-host:hover .studio-tip{opacity:1;transform:none}.studio-chip-clear{position:absolute;top:-8px;right:-8px;width:20px;height:20px;font:700 14px/16px system-ui,sans-serif;color:#fff;background:#c2382e;border:2px solid rgba(0,0,0,.8)}.studio-version{flex-shrink:0;padding:3px;background:#161b16;border:2px solid #0b0e0b;transition:border-color .15s,transform .15s}.studio-version:hover:not(:disabled){transform:translateY(-1px)}.studio-version[aria-current=true]{border-color:#9a5cf0;box-shadow:0 0 0 1px rgba(154,92,240,.35),0 0 12px rgba(154,92,240,.35)}.studio-take{display:flex;flex:1;justify-content:center;padding:12px 0;background:radial-gradient(70% 60% at 50% 45%,rgba(154,92,240,.12),transparent 75%),#161b16;border:2px solid #0b0e0b;transition:border-color .15s,transform .15s,box-shadow .15s}.studio-take:hover:not(:disabled){transform:translateY(-2px)}.studio-take[aria-checked=true]{border-color:#9a5cf0;box-shadow:0 0 0 1px rgba(154,92,240,.35),0 0 14px rgba(154,92,240,.4)}.studio-take-img{display:block;height:112px;aspect-ratio:1/2;-o-object-fit:contain;object-fit:contain;image-rendering:pixelated}.studio-go{background:#9a5cf0}.studio-go:enabled:hover{box-shadow:0 0 0 2px rgba(154,92,240,.35),0 6px 18px -6px rgba(154,92,240,.85)}@media (prefers-reduced-motion:reduce){.studio-glint,.studio-scan{animation:none;display:none}}