/* Studio structure uses the live OS palette and fonts. Authored canvas content is untouched. */
body.studio-workspace{margin:0;font-family:var(--body-font,system-ui);font-size:13px;line-height:1.5;color:var(--fg);background:var(--bg)}
body.studio-workspace [hidden]{display:none!important}
body.studio-workspace :is(button,input,textarea,select){font-family:var(--mono-font,monospace)}
body.studio-workspace :is(button,a,input,textarea,select):focus-visible{outline:2px solid var(--link);outline-offset:3px}
body.studio-workspace .studio-home{max-width:1240px;margin:20px auto 40px;padding:0 22px}
.studio-masthead{display:flex;align-items:center;gap:14px;padding:10px 16px;margin-bottom:16px}
.studio-masthead>div:not(.studio-masthead-controls){flex:1;min-width:0}
.studio-masthead-controls{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.studio-masthead-controls .studio-session{margin:0;font-size:12px}
.studio-square{width:42px;height:42px;object-fit:contain;flex:none}
.studio-masthead h1{font-size:22px;line-height:1.15;margin:0 0 6px;font-weight:700}
.studio-masthead p{margin:0;max-width:65ch;font-size:13px}
.studio-session{margin-left:auto;font:12px var(--mono-font);max-width:24ch}
.studio-work-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;align-items:start}
.studio-window{min-width:0;border:1px solid var(--line);background:var(--panel);color:var(--fg);box-shadow:var(--shadow,none);border-radius:var(--radius,0);overflow:hidden}
.studio-window-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--highlight);color:var(--fg)}
.studio-window-head h2{font-size:14px;line-height:1.2;margin:0}
.studio-window-head a{font-size:13px;white-space:nowrap;color:var(--link)}
.studio-window-body{padding:16px}
.studio-agent-summary{display:flex;gap:10px;align-items:center;margin-bottom:14px;font-size:13px}
.studio-agent-summary .agent-dot{width:9px;height:9px;background:var(--link);flex:none}
.studio-agent-summary p{margin:0}.studio-agent-summary small{display:block;font-size:13px;color:var(--fg)}
.studio-conversation{height:220px;overflow:auto;display:flex;flex-direction:column;gap:14px;padding:8px 0 16px;scrollbar-gutter:stable;overscroll-behavior:contain}
.studio-conversation:empty{display:none}.studio-conversation .msg{max-width:95%}
.studio-home-page .studio-conversation.has-builds{height:clamp(480px,62vh,560px)}
.studio-conversation>.msg{flex:none}
.studio-home-page .studio-conversation .msg.agent.has-build{box-sizing:border-box;width:100%;max-width:100%;padding:12px}
.studio-build-card{margin-top:12px;border:1px solid var(--line);background:var(--panel);color:var(--fg);border-radius:var(--radius,0);overflow:hidden}
.studio-build-head{display:grid;gap:4px;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--highlight);font:13px/1.4 var(--body-font)}
.studio-build-state{font:12px/1.4 var(--body-font);color:var(--fg);overflow-wrap:anywhere}
.studio-build-stage{position:relative;width:100%;aspect-ratio:16/9;min-height:180px;max-height:300px;background:var(--bg)}
.studio-build-preview{position:absolute;inset:0;width:100%;height:100%;display:block;border:0;background:var(--bg)}
.studio-build-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;padding:4px 12px;border-top:1px solid var(--line);background:var(--panel)}
.studio-build-actions a,.studio-build-actions button{display:inline-flex;align-items:center;min-height:44px;font:12px/1.4 var(--body-font);color:var(--link)}
.studio-build-actions button{margin-left:auto;padding:0;border:0;background:transparent;text-decoration:underline;cursor:pointer}
.studio-build-actions :is(a,button):focus-visible{outline:2px solid var(--link);outline-offset:2px}
.studio-build-actions button:disabled{opacity:.6;cursor:wait}
@media(max-width:768px){.studio-home-page .studio-conversation.has-builds{height:480px}.studio-build-actions{gap:4px 12px}.studio-build-head,.studio-build-actions{padding-left:10px;padding-right:10px}.studio-build-stage{min-height:180px}}
.studio-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;border-top:1px solid var(--line);padding-top:14px}
.studio-composer label{grid-column:1/-1;font-weight:bold;font-size:13px}
.studio-composer textarea{width:100%;min-width:0;min-height:70px;font-size:13px;line-height:1.5;padding:10px;border:1px solid var(--line);background:var(--surface-input-bg,var(--bg));color:var(--surface-input-fg,var(--fg));resize:vertical}
.studio-composer button{min-height:32px;padding:10px 15px;align-self:end;font-size:12px;cursor:pointer;border:1px solid var(--line);background:var(--highlight);color:var(--fg)}
.studio-composer button:disabled{opacity:.6;cursor:default}.studio-chat-status{min-height:24px;margin:10px 0 0;font-size:13px;color:var(--fg)}
.studio-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.studio-action{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:9px 13px;border:1px solid var(--line);background:var(--highlight);color:var(--fg);font:12px var(--mono-font);text-decoration:underline;border-radius:var(--radius,0)}
.studio-project-list{list-style:none;padding:0;margin:0}.studio-project-list li{border-top:1px solid var(--line);padding:12px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}
.studio-project-list li:first-child{border-top:0}.studio-project-list .project-title{font-size:13px;font-weight:bold;overflow-wrap:anywhere;color:var(--link)}
.studio-project-list small{display:block;font-size:13px;margin-top:3px}.studio-project-list .project-open{min-height:32px;display:flex;align-items:center;padding:0 8px;color:var(--link)}
.studio-section-note{font-size:12px;margin:0 0 16px}.studio-utility-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px}
.studio-tool-link{display:block;color:var(--link);font-size:13px;font-weight:bold;min-height:32px;align-content:center}
.studio-window-body p{margin:0 0 12px}.studio-window-body p:last-child{margin-bottom:0}
.studio-family{display:flex;gap:18px;flex-wrap:wrap;margin:24px 0 0;border-top:1px solid var(--line);padding-top:18px;font-size:12px}
body.studio-workspace .msg{font:13px/1.55 var(--body-font);overflow-wrap:anywhere;max-width:86%;padding:12px 16px;border:1px solid var(--line);color:var(--fg)}
body.studio-workspace .msg.user{align-self:flex-end;background:var(--highlight);color:var(--fg)}
body.studio-workspace .msg.agent{align-self:flex-start;background:var(--panel);color:var(--fg)}
body.studio-workspace .msg .msg-meta{font:12px/1.5 var(--mono-font);color:var(--fg);margin-top:8px;text-transform:none;letter-spacing:0}
body.studio-workspace .msg code{font:12px/1.5 var(--mono-font);overflow-wrap:anywhere}
/* The conversation fits between actual OS rails, including expanded bars. */
body.agent-workspace{overflow:hidden;height:100dvh}
body.agent-workspace .shell{height:var(--agent-available-height,calc(100dvh - 90px));min-height:0;grid-template-columns:minmax(0,1fr) 310px;grid-template-rows:auto minmax(0,1fr);margin-top:0}
body.agent-workspace .chat-area{min-width:0;min-height:0}
body.agent-workspace .chat-messages{min-height:0;flex:1;padding:20px;scrollbar-gutter:stable;overscroll-behavior:contain}
body.agent-workspace .chat-input-area{flex:none;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:14px 20px;background:var(--panel);border-top:2px solid var(--line)}
body.agent-workspace .chat-input-area label{grid-column:1/-1;font:700 13px var(--body-font)}
body.agent-workspace .chat-input{min-width:0;min-height:64px;max-height:160px;font:13px/1.5 var(--body-font);background:var(--surface-input-bg,var(--bg));color:var(--surface-input-fg,var(--fg))}
body.agent-workspace .chat-send{font:12px var(--mono-font);min-height:32px;align-self:end;background:var(--highlight);color:var(--fg);border:1px solid var(--line)}
body.agent-workspace .chat-input-note{grid-column:1/-1;min-height:18px;font:12px/1.4 var(--mono-font);color:var(--fg)}
body.agent-workspace .agent-name-display{font:700 16px var(--body-font)}
body.agent-workspace .agent-presence,body.agent-workspace .agent-personality{font:12px/1.4 var(--body-font);color:var(--fg);letter-spacing:0}
body.agent-workspace .topbar{padding:12px 20px;gap:10px;flex-wrap:wrap}
body.agent-workspace .topbar-brand{font:700 13px var(--body-font)}
body.agent-workspace .topbar-sub{font:12px var(--mono-font);letter-spacing:0;text-transform:none;color:var(--fg)}
body.agent-workspace .topbar-right{flex-wrap:wrap}.topbar-right .agent-primary-nav{font-weight:bold}
body.agent-workspace .btn{font-size:13px;min-height:30px;align-content:center}
body.agent-workspace .side-panel{min-height:0}.side-label{font-size:12px!important;letter-spacing:.04em!important;color:var(--fg)!important}
body.agent-workspace :is(.memory-card,.conn-card,.profile-stat,.agent-choice){font-size:13px;line-height:1.5}
body.agent-workspace :is(.memory-time,.connect-note,.memory-type,.agent-choice small){font-size:12px;color:var(--fg)}
body.agent-workspace :is(.add-memory-btn,.profile-name-input){font-size:12px;min-height:32px}
body.studio-workspace #dashTabs .tab{font-size:13px;min-height:30px}
body.studio-workspace #welcomeBlock h1{font-size:24px}
body.studio-workspace .studio-agent-nav{font:700 13px var(--mono-font);min-height:32px;display:inline-flex;align-items:center;padding:0 10px;color:var(--fg);border:1px solid var(--line);background:var(--highlight);white-space:nowrap}
.studio-agent-nav .studio-agent-nav-short{display:none}
@media(max-width:768px){
  #studio-agent-nav.has-shell-agent{display:none!important}
  #aos-topchips:has(#aos-top-agent, .aos-agent-btn) #studio-agent-nav{display:none!important}
  body.studio-workspace .studio-agent-nav,
  .studio-agent-nav{font-size:11px!important;min-height:28px!important;padding:0 6px!important;max-width:68px!important;border-radius:12px!important;text-align:center!important}
  .studio-agent-nav .studio-agent-nav-full{display:none!important}
  .studio-agent-nav .studio-agent-nav-short{display:inline!important}
}
@media(max-width:800px){.studio-work-grid{grid-template-columns:1fr}.studio-utility-grid{grid-template-columns:1fr}.studio-masthead{flex-wrap:wrap}.studio-masthead .studio-masthead-controls{flex:0 0 100%;flex-direction:row;align-items:center;justify-content:space-between}.studio-masthead .studio-session{max-width:none}.studio-masthead h1{font-size:20px}.studio-home{padding:0 16px}.studio-conversation{height:180px}}
@media(max-width:768px){body.agent-workspace .shell{grid-template-columns:minmax(0,1fr)}body.agent-workspace .topbar{padding:8px 12px}.topbar-sub{display:none}body.agent-workspace .topbar-right .btn{min-height:32px}body.agent-workspace .chat-header{padding:10px 12px}body.agent-workspace .chat-messages{padding:12px}body.agent-workspace .chat-input-area{padding:10px 12px}body.agent-workspace .msg{max-width:96%}body.agent-workspace .side-panel.is-open{z-index:2147483400;top:var(--aos-top-h,32px);bottom:var(--aos-bottom-h,52px);width:min(340px,94vw)}body.agent-workspace .profile-close{min-height:32px}body.studio-workspace .studio-agent-nav{min-height:32px}}

body.agent-workspace .side-section>summary{font:700 13px var(--body-font);cursor:pointer;min-height:32px;align-content:center;color:var(--fg)}
body.studio-workspace:not(.agent-workspace) :is(.intro,.step,.receipt,.section,.card,.system-card){color:var(--fg)}
body.studio-workspace :is(.intro,.step,.receipt,.section-head){background:var(--panel)}
body.studio-workspace .step :is(p,.state),body.studio-workspace .fine{font-size:13px;color:var(--fg)}
body.studio-workspace .button{font-size:12px;min-height:32px;background:var(--panel);color:var(--fg);border-color:var(--line)}
body.studio-workspace .button.primary{background:var(--highlight);color:var(--fg)}

body.agent-workspace .agent-tools-menu{position:relative}
body.agent-workspace .agent-tools-menu summary{cursor:pointer;min-height:32px;align-content:center}
body.agent-workspace .agent-tools-choices{position:absolute;right:0;top:100%;z-index:40;min-width:210px;padding:8px;border:1px solid var(--line);background:var(--panel)}
body.agent-workspace .agent-tools-choices a{display:block;margin:4px 0;min-height:32px;align-content:center}
@media(max-width:1100px){body.agent-workspace .topbar-sub{display:none}}
@media(max-height:500px){body.agent-workspace .chat-messages{padding:6px 12px}body.agent-workspace .chat-header{padding:6px 12px}body.agent-workspace .chat-input-area{padding:8px 12px;gap:4px 8px}body.agent-workspace .chat-input-note{font-size:11px;min-height:14px}body.agent-workspace .chat-input{min-height:32px;height:48px}body.agent-workspace .topbar{padding:6px 12px}}

body.studio-workspace#developerAccess{font-family:var(--body-font);font-size:13px}
body.studio-workspace#developerAccess :is(h2,h3,label,button,input,select,summary,.strip,pre,.meta,.audit){font-family:var(--mono-font);font-size:13px;color:var(--fg)}
body.studio-workspace#developerAccess :is(pre,input,select){background:var(--surface-input-bg,var(--bg));color:var(--surface-input-fg,var(--fg))!important;border-color:var(--line)}
body.studio-workspace#developerAccess :is(button,.btn,summary){min-height:32px;font-size:12px}
body.studio-workspace#developerAccess .meta{font-size:13px;color:var(--fg)}
body.studio-workspace#developerAccess :is(.status,.secret){background:var(--highlight);color:var(--fg)}

/* Scan 34 composition: connections left, agent at center, work and family right. */
.studio-pad-grid{display:grid;grid-template-columns:minmax(200px,.9fr) minmax(280px,1.4fr) minmax(220px,1fr);grid-template-areas:"connect agent work";gap:16px;align-items:start}
.studio-pad-column{display:flex;flex-direction:column;gap:16px;min-width:0}
.studio-col-connect{grid-area:connect}.studio-col-agent{grid-area:agent}.studio-col-work{grid-area:work}
.studio-home-page .studio-window-head{padding:10px 14px}.studio-home-page .studio-window-head h2{font-size:14px}.studio-home-page .studio-window-body{padding:14px}
.studio-panel-note{font:12px var(--mono-font);white-space:nowrap}.studio-home-page .studio-conversation{height:clamp(140px,24vh,210px)}
.studio-endpoint{font:12px/1.5 var(--mono-font);overflow-wrap:anywhere;padding:10px;border:1px solid var(--line);background:var(--highlight);color:var(--fg)}
.studio-home-page .studio-actions .studio-action{flex:1}.studio-home-page .studio-project-list li{grid-template-columns:100px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0}.studio-home-page .project-actions{display:flex;flex-direction:column;align-items:flex-end;justify-self:end}.studio-home-page .project-actions a{display:flex;align-items:center;white-space:nowrap;font-size:12px;min-height:30px;padding:0 2px;color:var(--link)}.project-info{min-width:0}.project-preview{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:8/5;overflow:hidden;border:1px solid var(--line);border-radius:calc(var(--radius,0px)/2);background:var(--highlight);color:var(--fg)}.project-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.project-preview-state{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:6px;font:11px/1.3 var(--body-font);text-align:center}.project-preview.is-loaded .project-preview-state{display:none}.project-preview.is-unavailable{border-style:dashed}.studio-home-page .studio-project-list small{font-size:12px;color:var(--fg)!important}
.studio-agent-facts{margin:0 0 14px;font-size:13px}.studio-agent-facts>div{padding:8px 0;border-top:1px solid var(--line)}.studio-agent-facts dt{font-weight:normal}.studio-agent-facts dd{margin:4px 0 0;font-weight:bold;overflow-wrap:anywhere}
.studio-network{display:flex;flex-direction:column;gap:10px}.studio-network a{padding:10px;min-height:32px;border:1px solid var(--line);color:var(--link)}.studio-network span{display:block;font-size:13px;margin-top:4px}
body.studio-workspace .studio-composer textarea,body.agent-workspace .chat-input{font-size:13px!important}
@media(max-width:1100px){.studio-pad-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"agent" "work" "connect"}.studio-making-tools{display:flex;gap:14px;flex-wrap:wrap}.studio-home-page .studio-window-head h2{font-size:14px}}

/* Restore the recovered panel studio to the same OS palette and controls. */
body.studio-image-workspace{--ink:var(--fg);--dim:var(--muted);--dim2:var(--muted);--panel2:var(--chip,var(--panel));--pick:var(--link);--accent:var(--link);font-size:12px!important}
body.studio-image-workspace header{background:var(--bar,var(--panel))!important;color:var(--fg)!important;border-bottom:1px solid var(--line)!important;backdrop-filter:none!important;gap:8px}
body.studio-image-workspace .item,body.studio-image-workspace .vcard,body.studio-image-workspace .picker,body.studio-image-workspace .notif,body.studio-image-workspace .promptbox{background:var(--panel)!important;color:var(--fg)!important;border:1px solid var(--line)!important;border-radius:var(--radius,0px)!important}
body.studio-image-workspace .btn,body.studio-image-workspace .mini,body.studio-image-workspace .ovbtn,body.studio-image-workspace select,body.studio-image-workspace input,body.studio-image-workspace textarea{background:var(--input-bg,var(--panel))!important;color:var(--fg)!important;border:1px solid var(--line)!important;border-radius:var(--radius,0px)!important;font-family:var(--mono)!important;font-size:12px!important;min-height:32px;line-height:1.35}
body.studio-image-workspace textarea{font-size:12px!important}
body.studio-image-workspace .btn:focus-visible,body.studio-image-workspace .mini:focus-visible{outline:3px solid var(--link)!important;outline-offset:2px}
body.studio-image-workspace header h1{font-size:12px!important;color:var(--fg)!important}
body.studio-image-workspace .chip{font-size:12px!important;color:var(--fg)!important}
@media(max-width:600px){body.studio-image-workspace header{position:relative;padding:10px}body.studio-image-workspace main{padding:12px 12px 180px}body.studio-image-workspace #feedStreamGrid{grid-template-columns:minmax(0,1fr)!important}body.studio-image-workspace .picker{max-height:85vh;overflow:auto}}

body.studio-image-workspace #ankle-toolbar{position:static!important;inset:auto!important;transform:none!important;display:flex!important;align-items:center;min-height:32px;margin-left:auto!important;padding:0!important;z-index:auto!important}

/* Theme roles, including user-selected fonts, are shared with Website/Gallery. */
body.studio-workspace{font-family:var(--ankle-font-body,var(--body-font))!important}
body.studio-workspace :is(h1,h2,h3,h4,h5,h6,.agent-name-display,.topbar-brand){font-family:var(--ankle-font-heading,var(--body-font))!important}
body.studio-workspace :is(button,input,textarea,select,label,.studio-action,.studio-tool-link,.studio-agent-nav){font-family:var(--ankle-font-ui,var(--mono-font))!important}
body.studio-workspace :is(code,pre,.studio-endpoint,.msg-meta,.studio-session,.studio-panel-note){font-family:var(--ankle-font-mono,var(--mono-font))!important}
/* Desktop keeps compact type. Phones keep readable inputs without focus zoom. */
@media(min-width:769px){body.studio-workspace :is(.studio-action,.studio-network a,.studio-tool-link){min-height:30px}body.studio-workspace .studio-tool-link{font-weight:500}body.studio-workspace .studio-window-head{padding:8px 12px}body.studio-workspace .studio-window-body{padding:12px}body.studio-workspace .studio-masthead{padding:10px 16px}body.studio-workspace .studio-masthead p{font-size:13px}body.studio-workspace .studio-network a{padding:8px}body.studio-workspace .studio-project-list .project-title{font-size:13px}body.studio-image-workspace :is(.btn,.mini,.ovbtn,select,input,textarea){font-size:12px!important;min-height:30px}}
@media(max-width:768px){body.studio-workspace :is(.studio-action,.studio-tool-link,.studio-network a,.studio-composer button,.chat-send,.btn,.profile-close,.studio-agent-nav,.agent-tools-menu summary,.agent-tools-choices a,.side-section>summary){min-height:44px}body.studio-workspace :is(.studio-composer textarea,.chat-input){font-size:16px!important}body.studio-image-workspace :is(.btn,.mini,.ovbtn,select,input,textarea){min-height:44px}body.studio-image-workspace :is(input,textarea){font-size:16px!important}}

/* Studio identity: Figure Eight from /gif (sin(t), sin(2t), cos(t) rocking).
   Bounded brand motion, not an invented runtime activity signal. */
.studio-identity{--studio-mark-box:83px;--studio-mark-stage-width:100px;--studio-mark-stage-height:72px;display:flex;width:var(--studio-mark-stage-width);height:var(--studio-mark-stage-height);flex:none;align-items:center;justify-content:center}
.studio-logo-link{display:flex;align-items:center;justify-content:center;width:var(--studio-mark-stage-width);height:var(--studio-mark-stage-height)}
.studio-winged-mark{display:block;width:var(--studio-mark-box);height:var(--studio-mark-box);object-fit:contain;animation:studio-wing-figure-eight 5.236s linear infinite;will-change:transform}
body.studio-workspace .studio-logo-pause{width:12px;height:12px;min-height:0!important;margin:0;padding:0!important;cursor:pointer;accent-color:var(--link)}
.studio-logo-toggle{display:inline-flex;align-items:center;gap:6px;min-height:24px;font-size:11px;line-height:1.2;cursor:pointer}
.studio-masthead:has(.studio-logo-pause:checked) .studio-winged-mark{animation-play-state:paused}
@keyframes studio-wing-figure-eight{
 0%{transform:translate(0.000px,0.000px) rotate(4.584deg)}
 6.25%{transform:translate(3.061px,3.182px) rotate(4.235deg)}
 12.5%{transform:translate(5.657px,4.500px) rotate(3.241deg)}
 18.75%{transform:translate(7.391px,3.182px) rotate(1.754deg)}
 25%{transform:translate(8.000px,0.000px) rotate(0.000deg)}
 31.25%{transform:translate(7.391px,-3.182px) rotate(-1.754deg)}
 37.5%{transform:translate(5.657px,-4.500px) rotate(-3.241deg)}
 43.75%{transform:translate(3.061px,-3.182px) rotate(-4.235deg)}
 50%{transform:translate(0.000px,-0.000px) rotate(-4.584deg)}
 56.25%{transform:translate(-3.061px,3.182px) rotate(-4.235deg)}
 62.5%{transform:translate(-5.657px,4.500px) rotate(-3.241deg)}
 68.75%{transform:translate(-7.391px,3.182px) rotate(-1.754deg)}
 75%{transform:translate(-8.000px,0.000px) rotate(-0.000deg)}
 81.25%{transform:translate(-7.391px,-3.182px) rotate(1.754deg)}
 87.5%{transform:translate(-5.657px,-4.500px) rotate(3.241deg)}
 93.75%{transform:translate(-3.061px,-3.182px) rotate(4.235deg)}
 100%{transform:translate(-0.000px,-0.000px) rotate(4.584deg)}
}
@media(max-width:768px){.studio-identity{--studio-mark-box:68px;--studio-mark-stage-width:80px;--studio-mark-stage-height:68px}.studio-logo-toggle{min-height:44px}.studio-logo-link{min-height:44px}body.studio-workspace .studio-logo-pause{width:16px;height:16px}.studio-home-page .studio-project-list li{grid-template-columns:92px minmax(0,1fr);gap:4px 10px}.studio-home-page .project-preview{grid-row:1/3}.studio-home-page .project-actions{grid-column:2;justify-self:start;flex-direction:row;align-items:center;gap:12px}.studio-home-page .project-actions a{min-height:44px;padding:0}.studio-home-page .studio-project-list small{font-size:12px}}
@media(prefers-reduced-motion:reduce){.studio-winged-mark{animation:none!important;transform:none!important;will-change:auto}.studio-logo-toggle{display:none}}
/* Wrapped image-workspace controls define the top of its floating canvas. */
body.studio-image-workspace.patch main{top:var(--studio-header-height,126px)!important}
body.studio-image-workspace.patch #poffs{top:var(--studio-header-height,126px)}
body.studio-image-workspace .pmod{background:var(--panel);border-color:var(--line);border-radius:var(--radius,0);box-shadow:var(--shadow,none)}

/* Image workspace: shared OS controls, legible selection and bounded history. */
body.studio-image-workspace{--mono:var(--ankle-font-ui,var(--mono-font,monospace));--accent:var(--link);--ink:var(--fg)}
body.studio-image-workspace :is(.prompt-chip,.chip-filter-pill){background:var(--panel)!important;color:var(--fg)!important;border:1px solid var(--line)!important;border-radius:var(--radius,0)!important;min-height:28px;font-size:11px;line-height:1.3}
body.studio-workspace.studio-image-workspace :is(.prompt-chip.active,.chip-filter-pill.active){background:var(--fg)!important;color:var(--bg)!important;border-color:var(--fg)!important}
body.studio-image-workspace .prompt-chip.active .chip-layer{background:var(--bg)!important;color:var(--fg)!important}
body.studio-image-workspace .item .chip{background:var(--panel)!important;color:var(--fg)!important}
body.studio-image-workspace #feedPromptInput{height:96px!important;min-height:80px;padding:9px!important;font-size:13px!important;cursor:text;user-select:text;touch-action:auto}
body.studio-image-workspace .studio-prompt-panel>div:first-child{flex-wrap:wrap;gap:4px}
body.studio-image-workspace #feedConsole{overflow:hidden!important}
body.studio-image-workspace .studio-console-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:6px;overflow-y:auto;overscroll-behavior:contain}
body.studio-image-workspace .studio-console-body>div{flex-shrink:0}
body.studio-image-workspace .studio-console-action{flex:none;position:static;border-top:1px solid var(--line)}
body.studio-image-workspace .studio-image-tools{flex:1 0 100%;min-width:0;order:1}
body.studio-image-workspace .studio-image-tools>summary{display:none;cursor:pointer;font:12px var(--ankle-font-ui,var(--mono-font));min-height:44px;align-content:center;padding:0 10px;border:1px solid var(--line);background:var(--panel);color:var(--fg);border-radius:var(--radius,0)}
body.studio-image-workspace .studio-image-tools-list{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
body.studio-image-workspace #feedActiveModelBadge{min-width:0;max-width:57%;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.studio-image-workspace .studio-model-details summary{cursor:pointer;font-size:12px;min-height:30px;align-content:center;color:var(--fg)}
body.studio-image-workspace .studio-model-details[open] summary{margin-bottom:6px}
body.studio-image-workspace #modelDescText{font-size:12px;line-height:1.45;color:var(--fg)}
body.studio-image-workspace #graphComfyJson{background:var(--panel)!important;color:var(--fg)!important;font-size:11px!important}
body.studio-image-workspace .item-actions .mini{flex:1 1 90px!important;white-space:normal;padding:6px!important}
body.studio-image-workspace .studio-load-more{grid-column:1/-1;justify-self:center;margin:12px;min-height:36px}
.studio-session-search{display:flex;align-items:center;gap:12px;padding:12px 18px;background:var(--panel);border-bottom:1px solid var(--line)}
.studio-session-search[hidden]{display:none}.studio-session-search input{min-width:0;max-width:420px;flex:1}
body.studio-image-workspace .ank-modal{font-family:var(--ankle-font-body,var(--body-font));background:var(--panel);color:var(--fg);border:1px solid var(--line);border-radius:var(--radius,0);box-shadow:var(--shadow,2px 2px 0 var(--fg))}
body.studio-image-workspace .ank-modal-tb{background:var(--bar,var(--panel));color:var(--fg);border-bottom:1px solid var(--line);font-family:var(--ankle-font-ui,var(--mono-font));padding:6px 10px}
body.studio-image-workspace :is(.ank-modal-btn,.ank-modal-x){font-family:var(--ankle-font-ui,var(--mono-font));background:var(--panel);color:var(--fg);border:1px solid var(--line);font-size:12px;min-height:32px}
body.studio-image-workspace .ank-modal-msg{font-size:13px;line-height:1.5}
body.studio-image-workspace .ank-modal-input{font-family:var(--ankle-font-ui,var(--mono-font));font-size:13px;background:var(--input-bg,var(--panel));color:var(--fg);border:1px solid var(--line)}
@media(max-width:768px){body.studio-image-workspace #feedPromptInput{font-size:16px!important}body.studio-image-workspace :is(.prompt-chip,.chip-filter-pill,.ank-modal-btn,.ank-modal-x,.studio-model-details summary){min-height:44px}.studio-session-search{flex-wrap:wrap}.studio-session-search input{width:100%;max-width:none;flex-basis:100%}}
@media(max-width:768px){body.studio-image-workspace .studio-console-body{overflow:visible;flex:none}body.studio-image-workspace .studio-image-tools{flex:0 1 auto}body.studio-image-workspace .studio-image-tools>summary{display:list-item;list-style-position:inside}body.studio-image-workspace .studio-image-tools-list{margin-top:8px}body.studio-image-workspace .studio-image-tools[open]{flex:1 0 100%}}
@media(max-width:768px){body.studio-image-workspace #genBtn{min-height:44px}}

body.studio-image-workspace .studio-mirror-source{font-weight:600;font-size:11px;margin-bottom:6px;color:var(--fg)}
body.studio-image-workspace .studio-mirror-parameters{font-family:var(--ankle-font-mono,var(--mono-font));font-size:11px;line-height:1.5;overflow-wrap:anywhere;margin-bottom:6px;color:var(--fg)}

/* The full conversation uses the same saved-build card as Studio home. */
.agent-workspace .msg.agent.has-build{box-sizing:border-box;width:min(100%,860px);max-width:100%;}
.agent-workspace .studio-build-stage{--chat-build-height:clamp(150px,calc(var(--agent-available-height,100vh) - 480px),300px);height:var(--chat-build-height);aspect-ratio:auto;min-height:0;max-height:none;}
.agent-workspace .studio-build-preview{width:min(100%,calc(var(--chat-build-height) * 1.7777778));left:50%;transform:translateX(-50%);}
.agent-workspace .studio-build-card{font:12px/1.4 var(--body-font,Arial,sans-serif);}
.studio-build-poster{display:block;width:100%;height:100%;object-fit:contain;}
.studio-build-preview[hidden]{display:none;}
@media(max-width:600px){.agent-workspace .msg.agent.has-build{width:100%;}}

/* Image Studio: labels must remain readable in dark and light themes. */
body.studio-image-workspace button:is(.del,.rx):not(#ankle-theme-panel *){background:#e06a6a!important;color:#000!important;-webkit-text-fill-color:#000!important}
body.studio-image-workspace .promptbox>summary{color:var(--fg)!important;-webkit-text-fill-color:var(--fg)!important}