/* Live follows the workbench scale while keeping a compact, touch-safe pult. */
html body .grid-footer:has(.workbench-live-launch){display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:nowrap}
html body .grid-footer:has(.workbench-live-launch)>.grid-generate{flex:0 1 auto;width:auto;max-width:380px;min-width:0;height:56px;padding:0 24px;flex-wrap:nowrap;border-radius:28px}
html body .grid-footer .grid-generate small{display:inline-flex;align-items:center;white-space:nowrap;flex:none;margin:0}
html body .workbench-live-launch{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;flex:none!important;width:auto!important;height:56px;padding:0 20px!important;border:0!important;border-radius:28px!important;background:#eceeed!important;color:#151516!important;font:600 14px Manrope,sans-serif;cursor:pointer;transition:background 180ms,color 180ms}
html body .workbench-live-launch:hover,html body .workbench-live-launch[aria-pressed=true]{background:#065dfd!important;color:#fff!important}
.workbench-live-launch:disabled{opacity:.55;cursor:wait}
.workbench-live-panel{position:fixed;right:24px;bottom:24px;width:360px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 64px);z-index:1100;box-sizing:border-box;padding:18px 20px;border:1px solid #ffffffb0;border-radius:32px;background:linear-gradient(135deg,#ffffffed,#edf4ffda);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);color:#17212b;box-shadow:0 8px 34px #065dfd22,0 0 0 1px #065dfd15,inset 0 1px 0 #fff;overflow:auto;scrollbar-width:thin;scrollbar-color:#83aaf9 transparent;font-family:Manrope,sans-serif;animation:live-enter 240ms cubic-bezier(.22,1,.36,1)}
.workbench-live-panel[hidden],.workbench-live-launch[hidden],.workbench-live-panel [hidden],.workbench-live-traveller[hidden]{display:none!important}
.workbench-live-panel.has-modal{visibility:hidden;pointer-events:none}
.workbench-live-panel header{display:flex;align-items:center;justify-content:center;gap:10px}
.workbench-live-panel strong{font-size:16px;line-height:1.35;font-weight:650}
.workbench-live-panel small{display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;line-height:1.5;margin-top:4px;color:#526579}
.workbench-live-mark{display:flex;align-items:center;justify-content:center;gap:3px;width:36px;height:36px;color:#065dfd;flex:none}
.workbench-live-mark i{width:4px;height:12px;border-radius:6px;background:currentColor;transform-origin:center}
.workbench-live-mark i:nth-child(2),.workbench-live-mark i:nth-child(4){height:24px}.workbench-live-mark i:nth-child(3){height:32px}
[data-state=speaking] .workbench-live-mark i,[data-state=listening] .workbench-live-mark i{animation:live-wave 1100ms ease-in-out infinite alternate}
.workbench-live-mark i:nth-child(2){animation-delay:-250ms}.workbench-live-mark i:nth-child(3){animation-delay:-650ms}.workbench-live-mark i:nth-child(4){animation-delay:-400ms}
html body .workbench-live-panel .workbench-live-heading,html body .workbench-live-panel .workbench-live-heading:hover{display:block;min-width:0;background:transparent!important;background-image:none!important;color:#17212b!important;border:0!important;box-shadow:none!important;padding:0!important;text-align:center;font:inherit;cursor:pointer;border-radius:0}
.workbench-live-status{min-width:0;overflow-wrap:anywhere}.workbench-live-timer{font-variant-numeric:tabular-nums;color:#065dfd;font-size:11px;white-space:nowrap;flex:none}
.workbench-live-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:15px;flex-wrap:nowrap}
html body .workbench-live-actions button,html body .workbench-live-inline button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;min-height:42px;border:0!important;border-radius:50%!important;padding:0!important;margin:0!important;background:#dce3ec!important;background-image:none!important;color:#25364b!important;box-shadow:none!important;cursor:pointer;transition:background 160ms,color 160ms,transform 160ms}
html body .workbench-live-actions button:hover,html body .workbench-live-inline button:hover{background:#065dfd!important;color:#fff!important}
html body .workbench-live-actions button .material-symbols-outlined,html body .workbench-live-inline button .material-symbols-outlined{font-size:23px;line-height:1;color:inherit!important;-webkit-text-fill-color:currentColor!important;flex:none}
html body .workbench-live-actions .workbench-live-close,html body .workbench-live-inline .workbench-live-close{background:#d32f3f!important;color:#fff!important}
html body .workbench-live-actions .workbench-live-close:hover,html body .workbench-live-inline .workbench-live-close:hover{background:#ba2033!important;color:#fff!important}
.workbench-live-actions button:disabled{opacity:.45;cursor:default}
.workbench-live-actions button[aria-pressed=true]{background:#bed4ff!important;color:#065dfd!important}
.workbench-live-panel button:focus-visible,.workbench-live-inline button:focus-visible,.workbench-live-launch:focus-visible{outline:2px solid #065dfd;outline-offset:3px}
.workbench-live-transcript{font-size:13px;line-height:1.65;color:#354a60;margin:14px 0 0;max-height:96px;overflow:auto;scrollbar-width:thin;scrollbar-color:#83aaf9 transparent;overflow-wrap:anywhere}
.workbench-live-transcript:empty{display:none}
.workbench-live-panel.is-expanded .workbench-live-transcript{max-height:180px}
.workbench-live-panel:not(.is-expanded)>.workbench-live-ideas,.workbench-live-panel:not(.is-expanded)>.workbench-live-price,.workbench-live-panel:not(.is-expanded)>.workbench-live-message{display:none!important}
.workbench-live-message{display:flex;gap:8px;margin-top:12px}
.workbench-live-message input{min-width:0;flex:1;border:1px solid #d4deeb;border-radius:16px;padding:10px;font:inherit;font-size:12px;background:#fff9;color:#18212a}
.workbench-live-message input:focus{outline:2px solid #065dfd;outline-offset:1px}
.workbench-live-message button{width:40px;flex:none;border:0;border-radius:50%;background:#065dfd;color:white;display:grid;place-items:center}
.workbench-live-price{display:flex;align-items:center;gap:10px;padding:12px;margin-top:14px;background:#e1edff;border-radius:18px;color:#065dfd;font-size:12px}
.workbench-live-price>span:first-child{font-size:22px}.workbench-live-price strong{font-size:13px}.workbench-live-price small{justify-content:flex-start;font-size:10px;color:#45618a}
.workbench-live-ideas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:12px}
.workbench-live-panel .workbench-live-idea{display:flex;flex-direction:column;padding:0;border:0;overflow:hidden;gap:0;border-radius:12px;min-width:0;background:#f5f7f8;font:inherit;font-size:9px;cursor:pointer}
.workbench-live-idea img{width:100%;height:66px;object-fit:cover}.workbench-live-idea>span{padding:7px 3px}
.workbench-live-inline{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;margin:0 18px 14px;padding:12px;border-radius:24px;background:#e4efffb3;color:#065dfd;box-shadow:inset 0 1px 0 #fff,0 0 18px #065dfd18;font:500 11px Manrope,sans-serif}
.workbench-live-inline-meta,.workbench-live-inline-actions{display:flex;align-items:center;justify-content:center;gap:12px}.workbench-live-inline-status{text-align:center;overflow-wrap:anywhere;line-height:1.5}.workbench-live-inline-error{font-size:12px;line-height:1.6;margin:0;text-align:center}
.workbench-live-inline button[hidden]{display:none!important}.workbench-live-inline .workbench-live-retry{order:-1}
html body .grid-card.workbench-live-focus,html body .workbench-live-focus{outline:3px solid #065dfd!important;outline-offset:4px;box-shadow:0 0 0 8px #065dfd12,0 0 36px #065dfd38!important}
.workbench-live-field-focus{outline:2px solid #065dfd!important;outline-offset:4px;border-radius:10px;box-shadow:0 0 20px #065dfd25!important}
html body .workbench-live-writing{caret-color:#065dfd!important;text-shadow:0 0 15px #065dfd12}
.workbench-live-passing{box-shadow:inset 0 0 0 2px #065dfd50,0 0 15px #065dfd20!important}
.workbench-live-traveller{position:fixed;pointer-events:none;z-index:1084;border:3px solid #065dfd;outline:0;box-shadow:0 8px 30px #065dfd28;box-sizing:border-box;transition:opacity 240ms ease}
.workbench-live-traveller::after{content:'';position:absolute;top:-6px;left:18px;width:9px;height:9px;background:#065dfd;border:2px solid white;border-radius:50%;box-shadow:0 0 14px #065dfd50}
.workbench-live-traveller.is-obscured{opacity:.2}
.workbench-live-traveller:empty{display:block}
.workbench-live-edge{position:fixed;inset:0;z-index:1080;pointer-events:none;overflow:hidden;border-radius:0;opacity:0;transition:opacity 600ms ease;contain:strict;--live-edge-radius:28px;--live-edge-bleed:20px}
/* One continuous aurora extends outside the viewport. Increasing its radius
   by the same amount keeps the inward corner curves aligned with the screen. */
.workbench-live-edge i{position:absolute;inset:calc(-1 * var(--live-edge-bleed));border-radius:calc(var(--live-edge-radius) + var(--live-edge-bleed));box-shadow:inset 40px 10px 60px -35px #065dfdb0,inset -24px -20px 74px -40px #2782ff80;opacity:.6}
.workbench-live-edge i:nth-child(2){transform:rotate(180deg);animation-delay:-3s;box-shadow:inset 15px 0 55px -30px #65b2ffcc,inset -40px 0 70px -35px #065dfdcc}
.workbench-live-edge i:nth-child(3){box-shadow:inset 0 45px 65px -35px #065dfd80;animation-delay:-5s}
.workbench-live-edge i:nth-child(4){box-shadow:inset 0 -45px 65px -35px #2389ffb0;animation-delay:-1s}
[data-workbench-live=active] .workbench-live-edge{opacity:1}[data-workbench-live=active] .workbench-live-edge i{animation:live-aurora 7s ease-in-out infinite alternate}
[data-workbench-live=paused] .workbench-live-edge{opacity:.32}
@keyframes live-aurora{0%{opacity:.32}45%{opacity:.78}100%{opacity:.5}}
@keyframes live-wave{to{transform:scaleY(.5)}}
@keyframes live-enter{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
.workbench-live-permission{width:min(360px,calc(100vw - 32px));box-sizing:border-box;border:1px solid #d8dee2;border-radius:28px;padding:27px;background:#fff;color:#17212b;font-family:inherit;box-shadow:0 20px 80px #14294322}
.workbench-live-permission::backdrop{background:#17263840;backdrop-filter:blur(5px)}
.workbench-live-permission>.workbench-live-close{position:absolute;right:14px;top:14px;width:34px;height:34px;background:#fff;color:#e33942;border:0;border-radius:11px;cursor:pointer;display:grid;place-items:center}
.workbench-live-permission>.workbench-live-close:hover{background:#e33942;color:#fff}
.workbench-live-permission-mark{display:grid;place-items:center;width:54px;height:54px;background:#edf4ff;color:#065dfd;border-radius:18px;margin-bottom:18px}
.workbench-live-permission-mark .material-symbols-outlined{font-size:31px}
.workbench-live-permission h2{font-size:23px;line-height:1.2;margin:0 0 14px;font-weight:650}
.workbench-live-permission p{font-size:13px;line-height:1.7;margin:10px 0;color:#526374}
.workbench-live-permission-accept{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;background:#065dfd;border:1px solid #065dfd;color:#fff;border-radius:15px;margin-top:22px;padding:13px;font:inherit;font-size:13px;cursor:pointer}
.workbench-live-permission-accept:hover{background:#044ed8}
.workbench-live-permission button:focus-visible{outline:2px solid #065dfd;outline-offset:4px}

@media(max-width:1060px){
 html body .grid-footer:has(.workbench-live-launch){gap:8px}
 html body .grid-footer:has(.workbench-live-launch)>.grid-generate{flex:1;width:auto;max-width:340px;height:52px;padding:0 10px;gap:6px;flex-wrap:nowrap;border-radius:26px}
 html body .grid-footer .grid-generate>span:not(.material-symbols-outlined){font-size:12px}
 html body .grid-footer .grid-generate>.material-symbols-outlined{font-size:18px}
 html body .grid-footer .grid-generate small{font-size:9px;white-space:nowrap}
 html body .workbench-live-launch{height:52px;padding:0 14px!important;font-size:12px;border-radius:26px!important;gap:6px}
 .workbench-live-panel{right:14px;bottom:max(82px,calc(env(safe-area-inset-bottom) + 72px));width:calc(100vw - 28px);padding:16px;border-radius:32px;max-height:calc(100dvh - 116px);box-shadow:0 0 24px #065dfd32,inset 0 1px 0 #fff;border-color:#c7dcff}
 .workbench-live-panel .workbench-live-type,.workbench-live-panel .workbench-live-message{display:none!important}
 html body .workbench-live-actions,.workbench-live-inline-actions{gap:18px}
 html body .workbench-live-actions button,html body .workbench-live-inline button{width:46px;height:46px;min-height:46px;flex-basis:46px}
 .workbench-live-transcript{font-size:12px;max-height:100px}
 .workbench-live-edge{--live-edge-radius:30px}
 .workbench-live-edge i{filter:opacity(.88)}
}
@media(prefers-reduced-motion:reduce){.workbench-live-panel,.workbench-live-mark i,.workbench-live-edge i{animation:none!important}.workbench-live-panel button,.workbench-live-launch,.workbench-live-traveller{transition:none!important}}

@media(max-width:360px){
 html body .grid-footer:has(.workbench-live-launch)>.grid-generate{padding:0 8px;gap:5px}
 html body .grid-footer .grid-generate>.material-symbols-outlined{display:none}
 html body .grid-footer .grid-generate small{padding:4px 5px;font-size:9px}
 html body .workbench-live-launch{padding:0 10px!important;gap:5px}
}

/* Controls stay above the decorative light on both shells. */
html[data-workbench-live=active] body :is(.app-topbar,.product-sidebar,.m-topbar,.m-dock,.grid-done),html[data-workbench-live=paused] body :is(.app-topbar,.product-sidebar,.m-topbar,.m-dock,.grid-done){z-index:1200!important}
html[data-workbench-live=active] body :is(.app-topbar,.m-topbar),html[data-workbench-live=paused] body :is(.app-topbar,.m-topbar){background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html body .workbench-live-panel{z-index:1250}
html body #mobileApp #mobileCreatePage .grid-workbench .grid-card.workbench-live-focus,html body .grid-workbench .grid-card.workbench-live-focus{outline:0!important;box-shadow:none!important}
html body .grid-card.workbench-live-focus .workbench-live-field-focus{outline:0!important;box-shadow:none!important;background-color:#065dfd08}
html body .workbench-live-modal{border-color:#9cbfff;box-shadow:0 16px 60px #132d5925,0 0 0 1px #065dfd1a}
html body .workbench-live-modal .workbench-live-field-focus{outline:2px solid #065dfd!important;outline-offset:3px;box-shadow:0 0 0 6px #065dfd0c!important;transition:outline-color 200ms,box-shadow 200ms}
html body .workbench-live-modal .workbench-live-field-focus[data-live-kind=options]{outline:0!important;box-shadow:none!important;border-radius:16px;background:linear-gradient(90deg,#065dfd0c,transparent);padding-block:5px}
html body .workbench-live-modal .workbench-live-field-focus[data-live-kind=palette]{border-radius:18px;outline-offset:6px;box-shadow:0 0 0 10px #065dfd09!important}
html body .workbench-live-modal .workbench-live-field-focus[data-live-kind=sequence]{outline:0!important;box-shadow:inset 3px 0 #065dfd!important;padding-left:10px;border-radius:0}
html body .workbench-live-modal button.workbench-live-option-focus{outline:2px solid #065dfd!important;outline-offset:2px;box-shadow:0 0 0 5px #065dfd12!important;transition:background 180ms,box-shadow 180ms}
html body .workbench-live-modal .workbench-live-inline{flex:none;position:relative;z-index:2}
@media(prefers-reduced-motion:reduce){html body .workbench-live-modal .workbench-live-field-focus,html body .workbench-live-modal button.workbench-live-option-focus{transition:none!important}}