/* Studio activity is local to its own card; no layout movement or blurred backdrop. */
.voro-studio-process{--vsp-accent:var(--pc-accent,#2bd4ff);box-sizing:border-box;width:100%;min-width:0;padding:16px;border:1px solid rgba(91,174,205,.22);border-radius:18px;background:linear-gradient(135deg,rgba(36,91,117,.14),rgba(21,34,49,.16));color:var(--pc-text,#eaf2f8);text-align:left}
.vsp-heading{display:flex;align-items:center;gap:12px;min-width:0}.vsp-title{min-width:0;display:grid;gap:4px}.vsp-title small{font-size:10px;letter-spacing:.08em;color:#88a5b7}.vsp-title strong{font-size:14px;line-height:1.45;font-weight:650;overflow-wrap:anywhere}.vsp-title>span{font-size:12px;color:#9bb6c6}
.vsp-orbit{position:relative;flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(91,174,205,.18);border-radius:50%}.vsp-orbit:before{content:"";position:absolute;inset:-1px;border:2px solid transparent;border-top-color:var(--vsp-accent);border-right-color:rgba(43,212,255,.35);border-radius:50%;animation:vsp-orbit 2.5s linear infinite}.vsp-orbit>span{width:12px;height:12px;border-radius:4px;background:var(--vsp-accent);opacity:.75;transform:rotate(45deg);animation:vsp-breathe 3s ease-in-out infinite}
.vsp-media{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0 0}.vsp-media>span{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:8px;background:rgba(113,167,191,.07);font-size:11px;line-height:1.4;color:#abc4d3}.vsp-media i{width:4px;height:4px;flex:none;background:var(--vsp-accent);border-radius:50%;animation:vsp-breathe 3s ease-in-out infinite}
.vsp-steps{list-style:none;margin:14px 0 0!important;padding:0!important;display:grid;gap:9px}.vsp-steps li{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.4;color:#7490a2}.vsp-steps i{width:8px;height:8px;flex:none;border:1px solid #527286;border-radius:50%}.vsp-steps .is-current{color:#c3dce8}.vsp-steps .is-current i{border-color:var(--vsp-accent);background:rgba(43,212,255,.3);box-shadow:0 0 0 3px rgba(43,212,255,.08)}.vsp-steps .is-done i{background:var(--vsp-accent);border-color:var(--vsp-accent)}
.vsp-note{margin:12px 0 0!important;font-size:11px!important;line-height:1.6!important;color:#88a5b7!important}.is-complete .vsp-orbit:before,.is-complete .vsp-orbit>span{animation:none}.is-complete .vsp-orbit>span{border-radius:50%;transform:none}
.studio-response-control{display:grid;gap:10px}.studio-response-control>button{justify-self:end}.inline-studio{width:100%;min-width:0;margin-top:12px}.inline-studio:empty{display:none}.inline-studio-review{padding:16px;border:1px solid rgba(91,174,205,.22);border-radius:18px;background:rgba(36,91,117,.1)}.inline-studio-review>strong{font-size:13px;display:block;margin-bottom:10px}.inline-studio-review pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:13px;line-height:1.65;max-height:240px;overflow:auto;margin:0;color:#cfdee8}.inline-studio-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.inline-studio-actions>button{min-height:40px;padding:9px 14px;border:1px solid rgba(91,174,205,.3);border-radius:12px;color:#dceaf3;background:rgba(35,87,112,.2);font:inherit;font-size:12px;cursor:pointer}.inline-studio-actions>.inline-studio-use{background:#2bd4ff;color:#071521;border-color:transparent;font-weight:650}.inline-studio-billing{margin:8px 0 0;font-size:11px;line-height:1.6;color:#88a5b7}.inline-studio-error{font-size:12px;line-height:1.6;color:#ffb6b6}.vi-studio-trigger{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;font-size:12px;font-weight:600;border-radius:12px;border:1px solid rgba(43,212,255,.24);background:rgba(43,212,255,.06);color:#9ae7fa;cursor:pointer}.vi-studio-trigger:before{content:"";width:16px;height:16px;background:currentColor;mask:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="m12 3 2.5 6.5L21 12l-6.5 2.5L12 21l-2.5-6.5L3 12l6.5-2.5Z" fill="none" stroke="black" stroke-width="1.8" stroke-linejoin="round"/%3E%3C/svg%3E') center/contain no-repeat}.vi-studio-trigger:disabled{opacity:.5;cursor:default}
@keyframes vsp-orbit{to{transform:rotate(360deg)}}@keyframes vsp-breathe{50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.vsp-orbit:before,.vsp-orbit>span,.vsp-media i{animation:none}}
.voro-motion-paused .vsp-orbit:before,.voro-motion-paused .vsp-orbit>span,.voro-motion-paused .vsp-media i{animation-play-state:paused}
