/* Final responsive overrides; desktop style and generation execution stay intact. */
html.wb-starting body>.sidebar,html.wb-starting body>.workspace{visibility:hidden!important}
#wbStartStatus{display:none}
html.wb-starting #wbStartStatus{position:fixed;inset:0;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--bg,#101214);color:var(--text,#dde4eb);font:14px/1.6 system-ui,sans-serif;padding:24px;text-align:center}
#wbStartStatus button,#wbStartStatus small{display:none}
html.wb-starting-slow #wbStartStatus button,html.wb-starting-slow #wbStartStatus small{display:block}
#wbStartStatus button{padding:9px 18px;border:1px solid #7aa5c566;border-radius:8px;background:transparent;color:inherit;font:inherit;cursor:pointer}
.cc-generation-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px;text-align:center;pointer-events:none;color:var(--text,#dfe8f0)}
.cc-generation-placeholder strong{font-size:14px;font-weight:500}.cc-generation-placeholder small{font-size:11px;line-height:1.7;color:var(--muted,#9ba9b5)}
.cc-generation-placeholder svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.5;opacity:.7}
.cc-media-node.is-generating .cc-generation-placeholder svg{animation:wbGenerationTurn 2.4s linear infinite}
.cc-media-node:has(.cc-generation-placeholder) .cc-generating-label,.cc-media-node:has(.cc-generation-placeholder) .cc-media-surface::before{display:none!important}
.cc .cc-run-compact[data-phase=uncertain] .cc-generate-main::before{width:0!important;animation:none!important}
.cc .cc-run-compact[data-phase=queued] .cc-generate-main::before{width:0!important;animation:none!important}
@keyframes wbGenerationTurn{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.cc-media-node.is-generating .cc-generation-placeholder svg{animation:none}}
@media(max-width:1366px){
 html body .workspace>.topbar{display:flex!important;gap:12px!important}
 html body .workspace>.topbar>.topbar-start{position:static!important;transform:none!important;top:auto!important;left:auto!important;width:auto!important;flex:1 1 auto!important;flex-basis:auto!important;min-width:0!important;overflow:hidden}
 html body .workspace>.topbar>.top-actions,html body .workspace>.topbar>.commerce-actions{position:static!important;transform:none!important;top:auto!important;right:auto!important;flex:0 0 auto!important;margin-left:auto!important}
 html body .topbar-start{min-width:0!important;flex:0 1 auto!important}.topbar .breadcrumb{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 html body .topbar .top-actions{min-width:0;gap:8px!important;flex-wrap:nowrap}.topbar .commerce-storage{min-width:0;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 html body .workspace>#main>.cc-gallery>header{display:grid!important;grid-template-columns:minmax(150px,1fr) auto;align-items:center;gap:10px 16px;height:auto!important;min-height:66px!important;flex:0 0 auto!important;padding:10px 0!important;overflow:visible}
 html body .workspace>#main .cc-gallery>header>div{min-width:0;max-width:100%}
 html body .workspace>#main .cc-gallery>header>div:last-child{display:flex!important;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap!important}
 html body .workspace>#main .cc-gallery>header p{max-width:100%;white-space:normal;line-height:1.6}
 html body .cc-gallery [data-library=new]{flex:0 0 auto;width:auto!important;min-width:112px!important;margin:0!important;white-space:nowrap}
 html body .cc-gallery [data-library=trash]{flex:0 0 34px!important;min-width:34px!important;width:34px!important;padding:6px!important}
 html body .cc-backup-hint{display:flex;flex-wrap:wrap;align-items:center;gap:8px;line-height:1.7;height:auto!important}.cc-backup-hint[hidden]{display:none!important}
 html body .cc .cc-side-shell.open{max-width:calc(100% - 56px)!important}.cc .cc-panel-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 .cc .cc-panel-run{padding-bottom:max(12px,env(safe-area-inset-bottom))!important}.cc .cc-run-options{flex-wrap:wrap;row-gap:7px}
}
@media(min-width:641px) and (max-width:980px){
 html body .workspace>.topbar>.topbar-start>.breadcrumb{min-width:0!important;max-width:100%!important;width:auto!important;display:flex!important;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:28px!important}
 html body .topbar-start>.breadcrumb>*{display:none!important}html body .topbar-start>.breadcrumb>#crumb{display:block!important;min-width:0!important;width:auto!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 html body .topbar #cloudSpaceChip .space-used,html body .topbar #cloudSpaceChip .space-total,html body .topbar #cloudSpaceChip .space-separator{display:none!important}
 html body .topbar #cloudSpaceChip :is(.space-divider,.traffic-symbol,.traffic-remaining){display:none!important}
 /* Keep the cloud entry and its accessible usage label; details open on tap. */
 html body .topbar #cloudSpaceChip{box-sizing:border-box;width:34px!important;min-width:34px!important;max-width:34px!important;padding:5px!important;gap:0!important;font-size:0!important;overflow:hidden;justify-content:center}
 html body .topbar #cloudSpaceChip>*{display:none!important}html body .topbar #cloudSpaceChip::before{content:'☁';font-size:17px;line-height:20px}
 html body .topbar #accountButton #displayName{display:none!important}
 html body .topbar .commerce-invite{display:none!important}html body .topbar .commerce-storage{max-width:170px}html body .topbar .breadcrumb{max-width:140px}
 html body .workspace>#main>.cc-gallery>header{grid-template-columns:minmax(0,1fr)}
 html body .workspace>#main .cc-gallery>header>div:last-child{justify-content:flex-start;flex-wrap:wrap!important}
 html body .workspace>#main{padding-left:16px!important;padding-right:16px!important}
 html body .cc-gallery .cc-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr))!important}
}
@media(max-width:640px){html body .workspace>#main>.cc-gallery>header{grid-template-columns:minmax(0,1fr)}html body .workspace>#main .cc-gallery>header>div:last-child{justify-content:flex-start;flex-wrap:wrap!important}}