.activity{width:min(100%,360px);flex-shrink:0;transition:min-height .55s ease;}
.activity[data-empty="false"]{min-height:min(330px,38dvh)}
#liveSurface{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;}
#liveContent{width:100%;max-height:calc(min(330px,38dvh) - 50px);overflow:auto;touch-action:pan-y!important;display:flex;align-items:center;justify-content:center;gap:9px;}
#liveContent img{max-width:100%;max-height:calc(min(330px,38dvh) - 70px);object-fit:contain;border-radius:9px;display:block;}
#liveContent figure{margin:0;min-width:0;flex:1;text-align:center;}#liveContent figcaption{font-size:10px;color:#9b88a8;margin-top:5px}
#liveContent p{font:400 17px/1.5 Inter,system-ui;color:#775b8c;text-align:center;margin:0;max-width:310px;}
#liveStatus{font:400 11px/1.5 Inter,system-ui;color:#987fa9;text-align:center;max-width:340px;}
#liveStatus button{border:0;border-bottom:1px solid #b99dc9;background:transparent;font:inherit;color:#875a9e;padding:5px;margin-left:7px;cursor:pointer}
.surface-dots{display:flex;gap:8px;padding:25px}.surface-dots i{width:3px;height:3px;background:#ad82ca;border-radius:50%;animation:surfaceDrift 1.8s ease-in-out infinite}.surface-dots i:nth-child(2){animation-delay:.3s}.surface-dots i:nth-child(3){animation-delay:.6s}@keyframes surfaceDrift{50%{transform:translateY(-8px);opacity:.25}}
.material-working{animation:materialBreathe 2.8s ease-in-out infinite}@keyframes materialBreathe{50%{opacity:.66}}
#liveContent.surface-structured{display:flex;flex-direction:column;align-items:stretch;gap:8px}#liveContent video{max-width:100%;max-height:260px;border-radius:9px}.surface-row{position:relative;text-align:left;background:transparent;border:0;border-bottom:1px solid #a789bd30;padding:8px 6px;color:#775b8c;flex-shrink:0;font:13px/1.4 system-ui}.surface-row strong{font-weight:500;display:block}.surface-row small{font:11px/1.4 system-ui;color:#9783a5;display:block;margin-top:3px}.surface-row button{cursor:pointer}.surface-bar{display:block;height:3px;background:#a078c1;border-radius:4px;margin-top:8px}
.generated-material{width:100%;height:100%;min-height:230px}.generated-sandbox{display:block;border:0;width:100%;height:260px;border-radius:12px;background:transparent}.material-originals{display:flex;gap:8px;overflow:auto;max-height:25px;font:10px system-ui}.material-originals a{color:#8e70a7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.live-select{position:relative;max-width:100%;touch-action:none!important;cursor:crosshair}.live-select img{pointer-events:none}.live-region{position:absolute;border:1px solid #b582dc;background:#b582dc22;pointer-events:none}
@media(prefers-reduced-motion:reduce){.surface-dots i,.material-working{animation:none}.activity{transition:none}}
.activity[data-empty="true"]:has(+.background-jobs[data-expanded="true"]) .wordmark{opacity:0;filter:blur(5px);transform:translateY(-12px);pointer-events:none}.activity[data-empty="true"]+.background-jobs[data-expanded="true"]{margin-top:-136px;min-height:136px;position:relative;z-index:4}.background-jobs{width:min(90%,360px);margin:10px auto;color:#725b87;font:12px/1.4 system-ui;text-align:left;max-height:150px;overflow:auto}.background-job{padding:9px 4px;border-bottom:1px solid #a789bd25}.background-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.background-state{font-size:11px;color:#8f7b9f;margin-top:3px;font-variant-numeric:tabular-nums}.background-jobs button{border:0;background:transparent;color:#725b87;padding:5px 0;font:11px system-ui;cursor:pointer}

.voice-visuals-paused .surface-dots i{animation:none}

#liveStatus details{max-height:90px;overflow:auto;overflow-wrap:anywhere;margin-top:5px}#liveStatus summary{cursor:pointer}
.surface-collapse[hidden]{display:none}.surface-collapse{position:absolute;right:16px;top:max(12px,env(safe-area-inset-top));z-index:2;border:1px solid #baa9ce;background:#f5effbeF;color:#654c7c;border-radius:24px;padding:12px 16px;font:14px system-ui;cursor:pointer;min-height:44px}
.activity.surface-expanded{position:fixed!important;inset:0!important;z-index:1000;width:100%!important;height:100dvh!important;margin:0!important;background:#eee8f6;padding:70px 12px max(12px,env(safe-area-inset-bottom));overflow:hidden}
.surface-expanded #liveSurface{inset:70px 12px max(12px,env(safe-area-inset-bottom));justify-content:flex-start}.surface-expanded #liveContent{max-height:none;height:100%;min-height:0;flex:1;align-items:stretch}.surface-expanded .generated-material{display:flex;flex-direction:column;min-height:0}.surface-expanded .generated-sandbox{flex:1;min-height:0;height:100%;border-radius:12px}.surface-expanded #liveContent img,.surface-expanded #liveContent video{max-height:calc(100dvh - 130px)}

body:has(.surface-expanded) #status{position:fixed;top:max(24px,env(safe-area-inset-top));left:18px;z-index:1001;max-width:calc(100% - 160px);margin:0;font:14px system-ui;color:#705290;pointer-events:none}