@property --agent-beam-angle{syntax:"<angle>";inherits:true;initial-value:0deg}.studio-editor .agent-chat-messages{gap:18px;padding:16px 14px 10px}.studio-editor .agent-chat .agent-chat-older{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--muted-foreground);font-size:var(--studio-text-xs)}.studio-editor .agent-chat .agent-message{display:grid;grid-template-columns:minmax(0,1fr);max-width:100%;gap:6px;align-self:stretch;border:0;border-radius:0;background:transparent;padding:0;color:var(--foreground);font-size:var(--studio-text-sm);line-height:1.55}.studio-editor .agent-chat .agent-message.is-user{max-width:88%;grid-template-columns:auto;justify-items:end;align-self:flex-end}.studio-editor .agent-chat .agent-bubble{max-width:100%;border-radius:var(--radius-card);background:var(--secondary);padding:8px 12px;color:var(--foreground);overflow-wrap:anywhere}.studio-editor .agent-chat .agent-message-content{display:grid;gap:6px}.studio-editor .agent-chat .agent-message-content p{margin:0;color:inherit;font-size:var(--studio-text-sm);line-height:1.55}.studio-editor .agent-chat .agent-message.is-cancelled>.agent-message-content,.studio-editor .agent-chat .agent-message.is-failed>.agent-message-content{color:var(--muted-foreground)}.studio-editor .agent-chat .agent-message.is-system>.agent-message-content{color:var(--muted-foreground);font-size:var(--studio-text-xs)}.studio-editor .agent-chat .agent-message-attachments{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;margin:0}.studio-editor .agent-chat .agent-message-tools{display:flex;flex-wrap:wrap;align-items:center;gap:2px;margin:0;border:0;padding:0;color:var(--muted-foreground);font-size:var(--studio-text-xs)}.studio-editor .agent-chat .agent-message.is-user .agent-message-tools{justify-content:flex-end}.studio-editor .agent-chat .agent-message-tools time{margin-right:4px;font-variant-numeric:tabular-nums}.studio-editor .agent-chat .agent-icon-action{display:grid;width:26px;height:26px;place-items:center;border:0;border-radius:var(--radius-control);background:transparent;color:var(--muted-foreground);cursor:pointer;transition:background-color .15s ease,color .15s ease}.studio-editor .agent-chat .agent-icon-action:hover:not(:disabled){background:var(--secondary);color:var(--foreground)}.studio-editor .agent-chat .agent-icon-action.is-active{background:color-mix(in srgb,var(--ai-accent) 16%,transparent);color:var(--ai-accent)}.studio-editor .agent-chat .agent-icon-action:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.studio-editor .agent-chat .agent-icon-action:disabled{opacity:.4;cursor:default}.studio-editor .agent-chat .agent-message-label,.studio-editor .agent-chat .agent-message-status{display:inline-flex;align-items:center;gap:5px;color:var(--muted-foreground);font-size:var(--studio-text-xs);font-weight:550}.studio-editor .agent-chat .agent-message-status{margin-right:4px;white-space:nowrap}.studio-editor .agent-chat .agent-message-status.is-applied{color:var(--success)}.studio-editor .agent-chat .agent-message-status.is-failed{color:var(--destructive)}.studio-editor .agent-chat .agent-text-action{display:inline-flex;height:26px;align-items:center;gap:5px;border:0;border-radius:var(--radius-control);background:transparent;padding:0 7px;color:var(--foreground);font-size:var(--studio-text-xs);font-weight:550;cursor:pointer;transition:background-color .15s ease}.studio-editor .agent-chat .agent-text-action:hover{background:var(--secondary)}.studio-editor .agent-chat .agent-text-action:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.studio-editor .agent-chat .agent-text-action.is-details{color:var(--muted-foreground)}.studio-editor .agent-chat .agent-text-action.is-details>svg{transition:transform .15s ease}.studio-editor .agent-chat .agent-text-action.is-details[aria-expanded=true]>svg{transform:rotate(180deg)}.studio-editor .agent-chat .agent-message-icons{display:inline-flex;gap:2px;margin-left:auto}.studio-editor .agent-chat .agent-check-line{display:inline-flex;align-items:center;gap:6px;margin:0;color:var(--muted-foreground);font-size:var(--studio-text-xs)}.studio-editor .agent-chat .agent-message-details{display:grid;gap:10px;border-radius:var(--radius-inner);background:var(--secondary);padding:10px 12px;color:var(--muted-foreground);animation:agent-step-in .2s ease-out both}.studio-editor .agent-chat .agent-check-details{display:grid;gap:4px}.studio-editor .agent-chat .agent-check-details>strong{display:inline-flex;align-items:center;gap:6px;color:var(--foreground);font-size:var(--studio-text-xs);font-weight:600}.studio-editor .agent-chat .agent-message-cost{font-size:var(--studio-text-xs);font-variant-numeric:tabular-nums}.studio-editor .agent-chat .agent-steps>button{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;padding:0;color:var(--muted-foreground);font-size:var(--studio-text-xs);cursor:pointer}.studio-editor .agent-chat .agent-steps>button:hover{color:var(--foreground)}.studio-editor .agent-chat .agent-steps>button svg{transition:transform .2s ease}.studio-editor .agent-chat .agent-steps.is-open>button svg{transform:rotate(180deg)}.studio-editor .agent-chat .agent-steps-list{display:grid;gap:5px;margin:6px 0 2px;border-left:1px solid var(--border);padding:0 0 0 10px;list-style:none}.studio-editor .agent-chat .agent-steps.is-live .agent-steps-list{margin-top:0}.studio-editor .agent-chat .agent-steps-list li{display:flex;align-items:center;gap:7px;color:var(--muted-foreground);font-size:var(--studio-text-xs);line-height:1.4}.studio-editor .agent-chat .agent-steps-list li small{color:color-mix(in srgb,var(--muted-foreground) 70%,transparent);font-size:var(--studio-text-xs);font-variant-numeric:tabular-nums}.studio-editor .agent-chat .agent-steps-list li svg{flex:none;color:color-mix(in srgb,var(--success) 75%,var(--muted-foreground))}.studio-editor .agent-chat .agent-steps.is-live .agent-steps-list li{animation:agent-step-in .3s ease-out both}.studio-editor .agent-chat .agent-run-head{display:flex;min-width:0;align-items:center;gap:7px;margin-bottom:6px}.studio-editor .agent-chat .agent-run-head strong{color:var(--foreground);font-size:var(--studio-text-sm);font-weight:600}.studio-editor .agent-chat .agent-run-head small{overflow:hidden;color:var(--muted-foreground);font-size:var(--studio-text-xs);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.studio-editor .agent-chat .agent-run-head .agent-orb{color:var(--foreground)}.studio-editor .agent-chat .agent-steps-list li.is-current{min-width:0}.studio-editor .agent-chat .agent-steps-list li.is-current .agent-thinking-text{font-size:var(--studio-text-xs)}.studio-editor .agent-chat .agent-step-pulse{flex:none;width:11px;height:11px;border:1.5px solid var(--muted-foreground);border-top:1.5px solid transparent;border-radius:50%;animation:agent-step-spin .9s linear infinite}@keyframes agent-step-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.studio-editor .agent-chat .agent-step-pulse{animation:none;border-top-color:var(--muted-foreground)}}.studio-editor .agent-chat .agent-thinking{display:inline-flex;min-width:0;align-items:center;gap:10px;padding:2px 0}.studio-editor .agent-chat .agent-orb{display:block;flex:none;color:var(--foreground)}.studio-editor .agent-chat .agent-thinking-text{overflow:hidden;background:linear-gradient(90deg,var(--muted-foreground) 0,var(--muted-foreground) 35%,var(--foreground) 50%,var(--muted-foreground) 65%,var(--muted-foreground) 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;font-size:var(--studio-text-sm);text-overflow:ellipsis;white-space:nowrap;animation:agent-shimmer 2.2s linear infinite}.studio-editor .agent-chat .agent-thinking-meta{padding-left:32px;color:var(--muted-foreground);font-size:var(--studio-text-xs);font-variant-numeric:tabular-nums}.studio-editor .agent-chat .agent-run-preview{max-width:100%;max-height:150px;justify-self:start;object-fit:contain;border:1px solid var(--border);border-radius:var(--radius-inner);background:#000;animation:agent-step-in .4s ease-out both}.studio-editor .agent-chat .agent-composer{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;border:0;padding:8px 12px 12px}:is(.studio-editor,.studio-prompt-start) .agent-input{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;overflow:hidden;overflow:clip;border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);border-radius:var(--radius-card);background:color-mix(in srgb,var(--foreground) 4%,var(--card));padding:12px 10px 10px 14px;transition:border-color .2s ease}:is(.studio-editor,.studio-prompt-start) .agent-input:focus-within{border-color:color-mix(in srgb,var(--foreground) 18%,transparent)}:is(.studio-editor,.studio-prompt-start) .agent-input>:not(.agent-input-beam){position:relative;z-index:1}:is(.studio-editor,.studio-prompt-start) .agent-input-beam{--agent-beam-light:radial-gradient(70px 40px at 30% -7%,rgb(255 59 31),transparent),radial-gradient(60px 35px at 10% -5%,rgb(249 91 8),transparent),radial-gradient(40px 70px at 2% 68%,rgb(255 196 46),transparent),radial-gradient(20px 35px at 2% 68%,rgb(255 226 120),transparent),radial-gradient(180px 32px at 74% 100%,rgb(248 128 16),transparent),radial-gradient(85px 26px at 55% 100%,rgb(255 210 63),transparent),radial-gradient(74px 32px at 94% 0%,rgb(249 165 24),transparent),radial-gradient(26px 42px at 100% 27%,rgb(255 59 31),transparent),radial-gradient(52px 48px at 100% 27%,rgb(240 72 30),transparent);--agent-beam-window:conic-gradient(from var(--agent-beam-angle),transparent 0% 30%,rgb(0 0 0/10%) 36%,rgb(0 0 0/35%) 44%,#000 52% 80%,rgb(0 0 0/35%) 86%,rgb(0 0 0/10%) 92%,transparent 95% 100%);position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s ease;animation:agent-beam-turn 6s linear infinite paused}:is(.studio-editor,.studio-prompt-start) .agent-input:is(:focus-within,.is-running) .agent-input-beam{opacity:1;animation-play-state:running}:is(.studio-editor,.studio-prompt-start) .agent-input-beam i,:is(.studio-editor,.studio-prompt-start) .agent-input-beam:after,:is(.studio-editor,.studio-prompt-start) .agent-input-beam:before{content:"";position:absolute;inset:0;border-radius:inherit}:is(.studio-editor,.studio-prompt-start) .agent-input-beam:before{background:var(--agent-beam-light);box-shadow:inset 0 0 9px 1px rgb(255 255 255/27%);mask:var(--agent-beam-window),linear-gradient(#000,transparent 28px,transparent calc(100% - 28px),#000),linear-gradient(to right,#000,transparent 28px,transparent calc(100% - 28px),#000);mask-composite:intersect,add,intersect;opacity:.3}:is(.studio-editor,.studio-prompt-start) .agent-input-beam:after{padding:1px;background:conic-gradient(from var(--agent-beam-angle),transparent 0 54%,rgb(255 255 255/10%) 57%,rgb(255 255 255/30%) 60%,rgb(255 255 255/60%) 63%,rgb(255 255 255/75%) 66%,rgb(255 255 255/60%) 69%,rgb(255 255 255/30%) 72%,rgb(255 255 255/10%) 75%,transparent 78% 100%),var(--agent-beam-light);mask:var(--agent-beam-window),linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:intersect,exclude,intersect;opacity:.2}:is(.studio-editor,.studio-prompt-start) .agent-input-beam i{padding:1px;background:conic-gradient(from var(--agent-beam-angle),transparent 0 58%,rgb(255 236 220/3%) 62%,rgb(255 236 220/8%) 65%,rgb(255 236 220/20%) 67%,rgb(255 236 220/45%) 69%,rgb(255 236 220/85%) 70% 70.5%,rgb(255 236 220/45%) 71.5%,rgb(255 236 220/20%) 73%,rgb(255 236 220/8%) 75%,rgb(255 236 220/3%) 78%,transparent 82%);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;filter:blur(8px);opacity:.16}:is(.studio-editor,.studio-prompt-start) .agent-input.is-running .agent-input-beam{animation-duration:3s}:root[data-theme=light] :is(.studio-editor,.studio-prompt-start) .agent-input-beam:before{box-shadow:none;opacity:.38}:root[data-theme=light] :is(.studio-editor,.studio-prompt-start) .agent-input-beam:after{opacity:.3}:is(.studio-editor,.studio-prompt-start) .agent-input textarea{display:block;width:100%;min-height:44px;max-height:168px;resize:none;border:0;background:transparent;padding:0 2px;color:var(--foreground);font:inherit;font-size:var(--studio-text-sm);line-height:1.5;outline:none}:is(.studio-editor,.studio-prompt-start) .agent-input textarea::placeholder{color:var(--muted-foreground)}:is(.studio-editor,.studio-prompt-start) .agent-input-bar{display:flex;align-items:center;gap:6px}:is(.studio-editor,.studio-prompt-start) .agent-input-icon{display:grid;width:30px;height:30px;place-items:center;border:0;border-radius:var(--radius-control);background:color-mix(in srgb,var(--foreground) 9%,transparent);color:color-mix(in srgb,var(--foreground) 75%,transparent);cursor:pointer;transition:background-color .15s ease,color .15s ease}:is(.studio-editor,.studio-prompt-start) .agent-input-icon:hover:not(:disabled){background:color-mix(in srgb,var(--foreground) 15%,transparent);color:var(--foreground)}:is(.studio-editor,.studio-prompt-start) .agent-input-icon:disabled{opacity:.45}:is(.studio-editor .agent-chat,.studio-prompt-start) .agent-director-select.editor-popover{width:auto;min-width:0;flex:none}:is(.studio-editor .agent-chat,.studio-prompt-start) .agent-director-select.editor-popover>.editor-popover-trigger{display:inline-flex;width:auto;min-width:0;height:30px;align-items:center;gap:6px;border:0;border-radius:var(--radius-control)!important;background:color-mix(in srgb,var(--foreground) 9%,transparent);padding:0 10px 0 12px;color:color-mix(in srgb,var(--foreground) 88%,transparent);font-size:var(--studio-text-xs);font-weight:500}:is(.studio-editor .agent-chat,.studio-prompt-start) .agent-director-select.editor-popover>.editor-popover-trigger:hover:not(:disabled){background:color-mix(in srgb,var(--foreground) 15%,transparent)}:is(.studio-editor .agent-chat,.studio-prompt-start) .agent-director-select.editor-popover>.editor-popover-trigger>svg{color:var(--muted-foreground)}:is(.studio-editor .agent-chat,.studio-prompt-start) .agent-look-select.editor-popover{flex:0 1 auto}:is(.studio-editor .agent-chat,.studio-prompt-start) .agent-look-select.editor-popover>.editor-popover-trigger{max-width:min(136px,100%)}:is(.studio-editor .agent-chat,.studio-prompt-start) .agent-look-select.editor-popover>.editor-popover-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(.studio-editor,.studio-prompt-start) .agent-input-send{display:grid;width:30px;height:30px;margin-left:auto;place-items:center;border:0;border-radius:var(--radius-control);background:var(--primary);color:var(--primary-foreground);cursor:pointer;transition:opacity .15s ease,background-color .15s ease}:is(.studio-editor,.studio-prompt-start) .agent-input-send:disabled{background:color-mix(in srgb,var(--foreground) 9%,transparent);color:color-mix(in srgb,var(--foreground) 40%,transparent);cursor:default}:is(.studio-editor,.studio-prompt-start) .agent-input-send.is-stop:disabled{opacity:.6}:is(.studio-editor,.studio-prompt-start) .agent-input-attachments{display:flex;flex-wrap:wrap;gap:6px}:is(.studio-editor,.studio-prompt-start) .agent-input-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:var(--radius-inner);padding:5px 6px 5px 8px;color:var(--muted-foreground);font-size:var(--studio-text-xs)}.studio-editor .agent-chat .agent-media-reference button,:is(.studio-editor,.studio-prompt-start) .agent-input-chip button{display:grid;width:18px;height:18px;flex:none;place-items:center;border:0;border-radius:var(--radius-small);background:var(--secondary);color:var(--muted-foreground);cursor:pointer}.studio-editor .agent-chat .agent-media-reference{display:inline-flex;max-width:220px;min-width:0;align-items:center;gap:8px;border:1px solid var(--border);border-radius:var(--radius-inner);background:var(--card);padding:4px 8px 4px 4px}.studio-editor .agent-chat .agent-media-thumb{display:grid;width:32px;height:32px;flex:none;overflow:hidden;place-items:center;border-radius:var(--radius-control);background:var(--secondary);color:var(--muted-foreground)}.studio-editor .agent-chat .agent-media-thumb :is(img,video){width:100%;height:100%;object-fit:cover}.studio-editor .agent-chat .agent-media-thumb i{display:grid;place-items:center}.studio-editor .agent-chat .agent-media-label{display:grid;min-width:0;line-height:1.3}.studio-editor .agent-chat .agent-media-label b{overflow:hidden;color:var(--foreground);font-size:var(--studio-text-xs);font-weight:550;text-overflow:ellipsis;white-space:nowrap}.studio-editor .agent-chat .agent-media-label small{color:var(--muted-foreground);font-size:var(--studio-text-xs);font-variant-numeric:tabular-nums}.studio-editor .agent-chat .agent-budget-warning{display:grid;width:30px;height:30px;flex:none;place-items:center;border:0;border-radius:var(--radius-control);background:color-mix(in srgb,var(--warning) 14%,transparent);color:var(--warning);cursor:help}.studio-editor .agent-chat .agent-budget-warning>svg{transform:translateY(-1px)}.studio-editor .agent-chat .agent-budget-warning:focus-visible,.studio-editor .agent-chat .agent-budget-warning:hover{background:color-mix(in srgb,var(--warning) 22%,transparent)}.editor-popover-content.agent-director-select{width:min(290px,calc(100vw - 24px))}@keyframes agent-beam-turn{to{--agent-beam-angle:360deg}}@keyframes agent-shimmer{0%{background-position:100% 0}to{background-position:-150% 0}}@keyframes agent-step-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@media (max-width:600px){:is(.studio-editor,.studio-prompt-start) .agent-input textarea{font-size:16px}.studio-editor .agent-chat .agent-message.is-user{max-width:92%}}@media (prefers-reduced-motion:reduce){.studio-editor .agent-chat :is(.agent-thinking-text,.agent-steps-list li,.agent-run-preview),:is(.studio-editor,.studio-prompt-start) .agent-input-beam{animation:none}.studio-editor .agent-chat .agent-thinking-text{color:var(--muted-foreground);background:none}}.studio-editor .agent-chat .agent-message-tools>button{flex:none}.studio-editor .agent-chat .agent-message-status{max-width:100%;white-space:normal}:is(.studio-editor,.studio-prompt-start) .agent-input-chip.is-layer,:is(.studio-editor,.studio-prompt-start) .agent-input-chip.is-time{max-width:100%;border-color:color-mix(in srgb,var(--ai-accent) 40%,var(--border));color:var(--foreground)}:is(.studio-editor,.studio-prompt-start) .agent-input-chip.is-layer svg:first-child,:is(.studio-editor,.studio-prompt-start) .agent-input-chip.is-time svg:first-child{flex:none;color:var(--ai-accent)}.studio-editor .agent-chat .agent-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.studio-editor .agent-chat .agent-suggestions button{border:1px solid var(--border);border-radius:999px;background:var(--secondary);padding:5px 10px;color:var(--foreground);font-size:var(--studio-text-xs);cursor:pointer}.studio-editor .agent-chat .agent-suggestions button:hover{background:var(--accent)}.studio-editor .agent-chat .agent-shortcut{display:inline-flex;align-items:center}.studio-editor .agent-chat .agent-suggestions .agent-shortcut-delete{margin-left:-26px;display:grid;width:20px;height:20px;place-items:center;border:0;padding:0;background:transparent;color:var(--muted-foreground)}.studio-editor .agent-chat .agent-shortcut:has(.agent-shortcut-delete)>button:first-child{padding-right:28px}.studio-editor .agent-chat .agent-chat-empty small{margin-top:10px;color:var(--muted-foreground);font-size:var(--studio-text-xs)}.studio-select-footer{padding:8px;border-top:1px solid var(--border)}.agent-effort-row{display:grid;gap:8px;min-width:240px}.agent-effort-head{display:grid;justify-items:center;gap:2px;text-align:center}.agent-effort-head strong{color:var(--brand-text);font-size:var(--studio-text-sm);font-weight:600}.agent-effort-head span{color:var(--muted-foreground);font-size:var(--studio-text-xs)}.agent-effort-bar{--thumb:24px;position:relative;height:28px;border-radius:14px;background:var(--muted)}.agent-effort-bar>.agent-effort-fill{position:absolute;inset-block:0;left:0;width:calc(var(--thumb) / 2 + 2px + (100% - var(--thumb) - 4px) * var(--effort-at) + var(--thumb) / 2);border-radius:inherit;background:var(--brand)}.agent-effort-bar>i{position:absolute;top:50%;left:calc(var(--thumb) / 2 + 2px + (100% - var(--thumb) - 4px) * var(--effort-stop));width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:var(--muted-foreground);opacity:.7}.agent-effort-bar>i.is-reached{background:var(--brand-foreground);opacity:.85}.agent-effort-bar>.agent-effort-thumb{position:absolute;top:2px;left:calc(2px + (100% - var(--thumb) - 4px) * var(--effort-at));width:var(--thumb);height:var(--thumb);border-radius:50%;background:#fff;box-shadow:0 1px 3px rgb(0 0 0/35%)}.agent-effort-bar>input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.agent-effort-bar:has(input:focus-visible){outline:2px solid var(--ring);outline-offset:2px}