/* Conversation-first studio: artifacts and approvals share the chat timeline. */
.studio{display:block;height:100dvh;max-width:1060px;padding:0 28px;margin:auto}
.studio .conversation{height:100%;padding:0}
.chat-scroll{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;overflow-anchor:none;padding:32px 20px 20px}
.studio .messages{overflow:visible;flex:none;padding:0;margin:0}
.studio .studio-canvas{display:block;border:0;box-shadow:none;background:transparent;min-height:0;height:auto;overflow:visible;padding:0;margin:24px 0}
.studio .canvas-content{padding:0;overflow:visible;max-height:none;background:transparent}
.studio .canvas-toolbar{position:static;padding:8px 0;background:transparent;border:0}
.studio .composer-wrap{flex:none;max-width:none;padding:12px 20px 24px;background:#fff}
.studio .message.user{margin-left:auto;max-width:85%;background:#f3f3f3;border-radius:20px;padding:12px 18px}
.studio .message.assistant{color:#272727;padding:0}
.studio .video-result{margin:18px 0;border-radius:14px;overflow:hidden;border:1px solid #e9e9e9;background:#fff}
.studio .video-result video{display:block;width:100%;max-height:540px;background:#101010;border-radius:12px}
.artifact-download{display:inline-block;margin:12px 16px;color:#555;font-size:13px}
.agent-activity{display:flex;align-items:center;gap:10px;color:#888;font-size:14px;margin:18px 0;min-height:28px}
.agent-shimmer{background:linear-gradient(100deg,#909090 20%,#c9c9c9 45%,#767676 65%);background-size:230% 100%;color:transparent;background-clip:text;animation:agent-shimmer 2.6s linear infinite}
.agent-pulse{width:5px;height:5px;border-radius:50%;background:#aaa;animation:agent-pulse 1.5s ease-in-out infinite}
.agent-work{color:#929292;font-size:12px;margin:12px 0 18px}.agent-work summary{cursor:pointer;list-style:none}.agent-work summary:before{content:'›';display:inline-block;margin-right:8px;transition:transform .15s}.agent-work[open] summary:before{transform:rotate(90deg)}
.agent-work ol{list-style:none;border-left:1px solid #e5e5e5;padding:4px 0 4px 15px;margin:10px 4px}.agent-work li{display:flex;gap:9px;margin:8px 0}.agent-work .work-error{color:#9a6f50}
@keyframes agent-shimmer{to{background-position:-230% 0}}@keyframes agent-pulse{50%{opacity:.25}}
@media(prefers-reduced-motion:reduce){.agent-shimmer{animation:none;color:#888;background:none}.agent-pulse{animation:none}}
@media(max-width:760px){.studio{padding:0 8px}.chat-scroll{padding:24px 12px}.studio .composer-wrap{padding:10px 8px 16px}.studio .studio-canvas{display:block}.studio .message{font-size:15px}}

.studio .video-result .legal{display:block;white-space:normal;padding:0 16px;overflow-wrap:anywhere}
.studio .video-details{padding:0 16px 14px}
@media(max-width:760px){
 .studio,.studio:has(.style-gallery){display:block;height:100dvh;min-height:0;overflow:hidden;padding:0 8px}
 #main:has(>.studio){overflow:hidden}
 .studio .conversation,.studio:has(.style-gallery) .conversation{height:100%;min-height:0;max-height:none;display:flex;flex-direction:column}
 .studio .studio-canvas,.studio:has(.style-gallery) .studio-canvas{min-height:0;height:auto;margin:16px 0}
 .studio .canvas-content,.studio .messages{padding:0}
 .studio .composer-wrap{padding-bottom:max(16px,env(safe-area-inset-bottom))}
}

/* A single reading scale, matching the supplied chat reference. */
body:has(.workspace){font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Sans",Arial,sans-serif;font-weight:400;letter-spacing:normal}
.studio{max-width:880px}
.studio .message,.studio .message p,.studio .explanation-sheet,.studio .explanation-sheet p,.studio .explanation-sheet li{font-size:14px;font-weight:400;line-height:1.65;letter-spacing:normal;color:#262626}
.studio .message{margin-bottom:24px}
.studio .message p{margin:0 0 10px}
.studio .message.user{background:#080808;color:#fff;max-width:72%;border-radius:18px;padding:12px 16px}
.studio .message.user p{color:inherit}
.studio .message :is(h1,h2,h3,h4,h5,h6),.studio .explanation-sheet :is(h1,h2,h3){font-size:14px;line-height:1.65;font-weight:600;letter-spacing:normal;margin:14px 0 6px;color:#262626}
.studio .message strong{font-weight:600}
.studio .explanation-sheet{padding:0;margin:12px 0;max-width:none;background:none;border:0;box-shadow:none}
.studio .sheet-heading{margin:0 0 12px;padding:0}
.studio .sheet-kind,.studio .canvas-disclaimer,.studio .block-question,.studio .canvas-toolbar{display:none}
.studio .explanation-blocks{display:block}
.studio .explanation-block{border:0;border-radius:0;background:none;box-shadow:none;padding:0;margin:12px 0}
.studio .explanation-steps,.studio .explanation-comparison{display:block;padding-left:24px;margin:6px 0;list-style:decimal}
.studio .explanation-comparison{list-style:disc}
.studio .explanation-steps li,.studio .explanation-comparison li{display:list-item;padding:0;margin:3px 0;background:none;border:0;border-radius:0}
.studio .explanation-steps li:before{content:none}
.studio .studio-canvas:has(.canvas-content:empty){display:none}
.studio .composer textarea{font-weight:400;font-size:14px;letter-spacing:normal}