/* TC188 Unified Compact UX — one clear primary action, secondary controls on demand. */
:root{--ui-touch:44px;--ui-radius:16px;--ui-gap:10px;--ui-border:#e4e7ec;--ui-muted:#667085;--ui-surface:#fff;--ui-soft:#f8fafc;}
button,a,select,input,textarea{scroll-margin-top:84px}
.ui-disclosure,.ui-action-menu,.video-project-options,.video-extra-options{border:1px solid var(--ui-border);border-radius:14px;background:var(--ui-surface);overflow:hidden}.creative-tool-more,.pixel-options-menu{border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(255,255,255,.08);overflow:visible;box-shadow:0 10px 28px rgba(2,6,23,.2)}
.ui-disclosure>summary,.ui-action-menu>summary,.creative-tool-more>summary,.pixel-options-menu>summary,.video-project-options>summary,.video-extra-options>summary{list-style:none;cursor:pointer;min-height:var(--ui-touch);display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;font-weight:900;color:#344054;background:#fff}
.ui-disclosure>summary::-webkit-details-marker,.ui-action-menu>summary::-webkit-details-marker,.creative-tool-more>summary::-webkit-details-marker,.pixel-options-menu>summary::-webkit-details-marker,.video-project-options>summary::-webkit-details-marker,.video-extra-options>summary::-webkit-details-marker{display:none}
.ui-disclosure>summary:after,.ui-action-menu>summary:after,.creative-tool-more>summary:after,.pixel-options-menu>summary:after,.video-project-options>summary:after,.video-extra-options>summary:after{content:'⌄';font-size:15px;color:#98a2b3;transition:.16s ease}
.ui-disclosure[open]>summary:after,.ui-action-menu[open]>summary:after,.creative-tool-more[open]>summary:after,.pixel-options-menu[open]>summary:after,.video-project-options[open]>summary:after,.video-extra-options[open]>summary:after{transform:rotate(180deg)}
.ui-disclosure-body,.ui-action-menu-body,.creative-tool-more-body,.pixel-options-menu-body,.video-extra-options-body{padding:10px 12px 12px;border-top:1px solid #eef2f6;background:#fbfcfe}
.ui-primary-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ui-primary-row>*{min-height:var(--ui-touch)}
.ui-primary-row .ui-grow{flex:1 1 180px}
.ui-inline-help{margin:10px 0;border:1px dashed #d0d5dd;border-radius:12px;background:#fbfcfe}.ui-inline-help>summary{cursor:pointer;padding:8px 10px;color:#667085;font-weight:850;font-size:12px}.ui-inline-help>div{padding:0 10px 10px;color:#667085;font-size:12px;line-height:1.55}
.ui-compact-title p,.creator-topcopy p,.eco-title p{max-width:760px}
.ui-mini-links{display:flex;gap:8px;flex-wrap:wrap}.ui-mini-links>a,.ui-mini-links>button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ui-border);border-radius:12px;padding:8px 11px;background:#fff;text-decoration:none;font-weight:850;color:#344054}
.ui-compact-card{padding:14px!important}.ui-compact-section{margin-top:12px!important}
.ui-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}

/* Creator Hub */
.creator-hero.tc187-compact{padding:18px 18px 14px}.creator-hero.tc187-compact h2{font-size:clamp(22px,4vw,34px);line-height:1.15;margin:7px 0}.creator-hero.tc187-compact>p{max-width:780px;margin:0;color:#667085}.creator-hero.tc187-compact .creator-loop{margin-top:10px;gap:6px}.creator-hero.tc187-compact .creator-loop span{padding:7px 9px;font-size:11px}
.creator-section.tc187-tool-section .creator-section-head{align-items:end}.creator-management-menu{min-width:170px}.creator-management-menu .ui-action-menu-body{display:grid;gap:7px}.creator-management-menu a{display:flex;align-items:center;min-height:42px;border-radius:10px;padding:8px 10px;text-decoration:none;color:#344054;font-weight:850;background:#fff;border:1px solid #eef2f6}
.creator-principles-details{margin-top:12px}.creator-principles-details .creator-principles{margin:0}

/* Projects: open to portfolio first; creation/support on demand. */
.projects-compact-actions{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}.projects-compact-actions>a{min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;text-decoration:none;padding:9px 12px;font-weight:900;border:1px solid #d0d5dd;background:#fff;color:#344054}.projects-compact-actions>a.primary{background:#6d28d9;color:#fff;border-color:#6d28d9}
.projects-collapsible{margin-top:12px}.projects-collapsible>.ui-disclosure-body>.eco-section,.projects-collapsible>.ui-disclosure-body>.series-section{margin:0;padding:0;background:transparent;border:0;box-shadow:none}
.portfolio-backup.ui-disclosure{padding:0!important}.portfolio-backup.ui-disclosure>summary{font-size:13px}.portfolio-backup.ui-disclosure .ui-disclosure-body{padding:11px}.portfolio-backup.ui-disclosure p{margin-top:0}

/* Maker: core canvas/content first, history/storage/file utilities collapsed. */
.maker-shell .maker-panel{margin-top:12px}.maker-title{align-items:center}.maker-title p{margin-top:3px;color:#667085}
.maker-utility-details{margin-top:10px}.maker-utility-details>[data-creator-storage]{margin:0}
.maker-file-panel{padding:12px!important}.maker-file-panel .maker-hint{margin:8px 0 0}.maker-file-panel .ui-action-menu{flex:1 1 200px}.maker-file-panel .ui-action-menu-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.maker-file-panel .maker-btn{margin:0;min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center}
.maker-settings-details{margin:10px 0 12px}.maker-settings-details>.ui-disclosure-body>.maker-grid{margin:0}.maker-settings-details .maker-field{margin:0}
.maker-core-name{margin-bottom:10px}.maker-core-name .maker-field{margin:0}
.creator-pro-callout.tc187-help{margin:8px 0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.creator-pro-callout.tc187-help .ui-inline-help{margin:0}
.creator-continuity-shell .creator-continuity{margin:0;padding:10px 0 0;border:0;background:transparent;box-shadow:none}

/* Creative Studio: keep essential drawing tools visible, place advanced controls behind one button. */
.creative-toolbar.tc187-compact-toolbar{gap:7px;align-items:center}.creative-toolbar.tc187-compact-toolbar>.creative-tool-btn,.creative-toolbar.tc187-compact-toolbar>.pixel-palette,.creative-toolbar.tc187-compact-toolbar>.creative-color-row{flex:0 0 auto}.creative-tool-more,.pixel-options-menu{position:relative;overflow:visible}.creative-tool-more>summary,.pixel-options-menu>summary{border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:8px 10px;background:rgba(255,255,255,.08);color:#f8fafc;white-space:nowrap;box-shadow:0 6px 16px rgba(2,6,23,.18)}.creative-tool-more-body,.pixel-options-menu-body{display:flex;align-items:center;gap:7px;flex-wrap:wrap;position:absolute;top:calc(100% + 7px);right:0;z-index:60;width:min(92vw,620px);max-height:min(60vh,430px);overflow:auto;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:linear-gradient(180deg,#15213d,#0c1327);color:#f8fafc;box-shadow:0 18px 48px rgba(2,6,23,.42)}
.creative-tool-more:not([open]) .creative-tool-more-body,.pixel-options-menu:not([open]) .pixel-options-menu-body{display:none}.creative-tool-more-body .creative-color-row{flex-basis:100%}.creative-tool-more-body .creative-tool-btn,.pixel-options-menu-body .creative-tool-btn{min-height:42px}.creative-tool-more-body .creative-text-input{min-width:150px;flex:1}.creative-tool-more-body .creative-size,.creative-tool-more-body .creative-opacity{min-width:140px}

/* Video: project/export/file settings are progressively disclosed. */
.video-project-bar.tc187-compact{display:flex;gap:8px;align-items:center}.video-project-bar.tc187-compact>input{flex:1;min-width:140px}.video-project-options{position:relative;overflow:visible}.video-project-options>summary{border:1px solid #d0d5dd;border-radius:10px;padding:7px 10px;white-space:nowrap}.video-project-options .ui-action-menu-body{position:absolute;right:0;top:calc(100% + 6px);z-index:55;width:min(84vw,280px);display:grid;gap:8px;border:1px solid #d0d5dd;border-radius:12px;box-shadow:0 16px 40px rgba(15,23,42,.16)}
.video-inspector-fields-core{display:grid;grid-template-columns:1fr 1fr;gap:8px}.video-extra-options{margin-top:9px}.video-extra-options-body{display:grid;grid-template-columns:1fr 1fr;gap:8px}.video-audio-box.ui-disclosure{margin-top:10px}.video-audio-box.ui-disclosure>summary{font-size:12px}.video-export-box.tc187-compact{display:grid;gap:8px}.video-export-box.tc187-compact .video-project-file-menu .ui-action-menu-body{display:grid;gap:7px}.video-export-box.tc187-compact .wide{width:100%}

/* Home: reduce duplicate project/community surfaces. */
.home-parent-community{padding:0!important}.home-parent-community>.ui-disclosure{border:0}.home-parent-community>.ui-disclosure>summary{padding:12px 14px}.home-parent-community>.ui-disclosure .ui-disclosure-body{display:grid;gap:10px}.home-parent-community>.ui-disclosure .home-parent-community-copy h2{margin:4px 0 2px;font-size:20px}.home-parent-community>.ui-disclosure .home-parent-community-copy p{margin:0}.home-parent-community>.ui-disclosure .home-parent-community-actions{margin:0}
.home-project-compact .project-actions{grid-template-columns:1fr!important}.home-project-compact .project-actions a+ a{display:none}

/* General responsive density. */
@media(max-width:900px){
  .creator-section,.eco-section,.maker-panel{padding:14px!important}
  .creator-section-head,.eco-section-head{gap:8px}
  .maker-file-panel .ui-action-menu-body{grid-template-columns:1fr}
  .video-inspector-fields-core,.video-extra-options-body{grid-template-columns:1fr}
}
@media(max-width:640px){
  :root{--ui-gap:8px}
  .ui-summary-grid{grid-template-columns:1fr}
  .creator-hero.tc187-compact{padding:14px}.creator-hero.tc187-compact>p{font-size:13px}.creator-hero.tc187-compact .creator-loop{display:none}
  .creator-section.tc187-tool-section .creator-section-head{align-items:flex-start}
  .creator-management-menu{width:100%}.creator-management-menu>summary{width:100%}
  .projects-compact-actions>a{flex:1 1 135px}
  .creative-tool-more-body,.pixel-options-menu-body{position:fixed;left:10px;right:10px;bottom:max(74px,env(safe-area-inset-bottom));top:auto;width:auto;max-height:56vh}
  .video-project-options .ui-action-menu-body{position:fixed;left:12px;right:12px;top:auto;bottom:max(72px,env(safe-area-inset-bottom));width:auto}
  .home-project-compact .universe-card-head h2{font-size:18px}
}


/* TC188 Smart Minimal UX: the work surface wins; explanations are on-demand. */
.ui-help-button{width:40px;height:40px;min-width:40px;min-height:40px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.08);color:#f8fafc;font-weight:950;font-size:18px;display:inline-grid;place-items:center;padding:0;cursor:pointer;box-shadow:0 6px 16px rgba(2,6,23,.22)}
.ui-help-dialog{width:min(92vw,520px);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:0;box-shadow:0 28px 90px rgba(2,6,23,.5);color:#f8fafc;background:linear-gradient(180deg,#15213d,#0c1327)}.ui-help-dialog::backdrop{background:rgba(15,23,42,.56);backdrop-filter:blur(5px)}.ui-help-dialog form{position:relative;padding:22px}.ui-help-dialog h2{margin:0 44px 10px 0;font-size:20px}.ui-help-dialog p{margin:0;white-space:pre-line;color:#d6def0;line-height:1.58}.ui-help-close{position:absolute;right:12px;top:12px;width:38px;height:38px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:rgba(255,255,255,.08);font-size:23px;color:#f8fafc}
.ui-help-source[hidden]{display:none!important}.ui-question-only{position:relative;display:inline-block;border:0!important;background:transparent!important;overflow:visible!important;margin:0!important}.ui-question-only>summary{width:40px!important;height:40px!important;min-height:40px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:12px!important;padding:0!important;display:grid!important;place-items:center!important;font-size:18px!important;background:rgba(255,255,255,.08)!important;color:#f8fafc!important;box-shadow:0 6px 16px rgba(2,6,23,.22)}.ui-question-only>summary:after{display:none!important}.ui-question-only>.ui-disclosure-body,.ui-question-only>div{position:absolute;z-index:80;width:min(88vw,460px);max-height:55vh;overflow:auto;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:linear-gradient(180deg,#15213d,#0c1327);color:#f8fafc;box-shadow:0 18px 50px rgba(2,6,23,.45);padding:12px!important}
.creator-topcopy,.maker-title>div,.eco-title,.clean-page-title-wrap,.stage-title-wrap{position:relative}.creator-topcopy>.ui-help-button,.maker-title>div>.ui-help-button,.eco-title>.ui-help-button,.clean-page-title-wrap>.ui-help-button,.stage-title-wrap>.ui-help-button{position:absolute;right:0;top:50%;transform:translateY(-50%)}.creator-topcopy:has(>.ui-help-button),.maker-title>div:has(>.ui-help-button),.eco-title:has(>.ui-help-button),.clean-page-title-wrap:has(>.ui-help-button),.stage-title-wrap:has(>.ui-help-button){padding-right:48px}

/* Creative: one button per control family, no persistent mission/privacy copy. */
.creative-stage{grid-template-rows:auto auto auto minmax(0,1fr) auto!important}.creative-stage-title small[hidden],.creative-footer{display:none!important}.creative-stage-actions{align-items:center}.creative-stage-actions .ui-help-button{background:rgba(255,255,255,.09);color:#fff;border-color:rgba(255,255,255,.14)}
.creative-toolbar.tc188-smart-toolbar{overflow:visible;gap:6px}.creative-toolbar.tc188-smart-toolbar>.creative-tool-btn{flex:0 0 auto}.creative-toolbar.tc188-smart-toolbar>.creative-palette,.creative-toolbar.tc188-smart-toolbar>.creative-tool-more,.creative-toolbar.tc188-smart-toolbar>.pixel-options-menu{flex:0 0 auto}.creative-toolbar.tc188-smart-toolbar .pixel-palette-summary b{font-size:12px}.creative-toolbar.tc188-smart-toolbar .creative-tool-more>summary,.creative-toolbar.tc188-smart-toolbar .pixel-options-menu>summary{width:42px;min-width:42px;justify-content:center;font-size:20px;padding:0}.creative-toolbar.tc188-smart-toolbar .creative-tool-more>summary:after,.creative-toolbar.tc188-smart-toolbar .pixel-options-menu>summary:after{display:none}
.creative-palette .pixel-palette-panel{top:96px}.creative-layers-menu{position:absolute!important;right:10px;top:10px;z-index:35;width:auto!important;max-width:min(82vw,300px);border:1px solid rgba(255,255,255,.16)!important;border-radius:13px!important;background:linear-gradient(180deg,#15213d,#0c1327)!important;box-shadow:0 10px 28px rgba(2,6,23,.42)!important;overflow:visible!important;color:#f8fafc}.creative-layers-menu>summary{list-style:none;min-height:40px;display:flex;align-items:center;gap:7px;padding:7px 10px;cursor:pointer;color:#f8fafc;font-weight:900;background:transparent}.creative-layers-menu>summary::-webkit-details-marker{display:none}.creative-layers-menu .creative-layers-body{width:min(82vw,300px);max-height:50vh;overflow:auto;padding:10px;border-top:1px solid rgba(255,255,255,.1);background:transparent;color:#e2e8f0}.creative-layer-workspace{position:relative;grid-template-columns:1fr!important;grid-template-rows:minmax(0,1fr)!important}.creative-layer-stage{width:100%!important;grid-column:1;grid-row:1}.creative-layer-workspace>.creative-layers-menu:not([open]){height:42px}.creative-layer-workspace>.creative-layers-menu:not([open]) .creative-layers-body{display:none}

/* 40 templates + Demo/Step/Follow/Free become one Mode button. */
.creative-learning-bar.tc188-learning-compact{display:flex!important;height:auto!important;min-height:40px!important;padding:0!important;background:transparent!important;border:0!important;overflow:visible!important}.creative-learning-menu{position:relative;overflow:visible}.creative-learning-menu>summary{list-style:none;min-height:40px;display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.09);color:#fff;padding:6px 10px;cursor:pointer}.creative-learning-menu>summary::-webkit-details-marker{display:none}.creative-learning-menu>summary small{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#cbd5e1}.creative-learning-menu-body{position:absolute;left:0;top:calc(100% + 6px);z-index:70;width:min(92vw,520px);padding:10px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:linear-gradient(180deg,#15213d,#0c1327);box-shadow:0 18px 50px rgba(2,6,23,.42);display:grid;gap:9px;color:#f8fafc}.creative-learning-menu:not([open]) .creative-learning-menu-body{display:none}.creative-learning-menu-body .creative-library-open{width:100%;min-width:0}.creative-learning-menu-body .creative-mode-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.creative-learning-menu-body .creative-mode-btn{width:100%;color:#e5ecf8;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12)}.creative-learning-menu-body .creative-mode-btn.active{background:#7c3aed;color:#fff}

/* Music: descriptive copy is available through ?; controls keep the space. */
.music-record-direct-note[hidden],.music-tip[hidden],.stage-title-wrap>small[hidden]{display:none!important}.music-stage-controls{gap:6px}.music-stage-controls .stage-info-toggle{font-size:0;width:42px;padding:0}.music-stage-controls .stage-info-toggle:after{content:'?';font-size:18px;font-weight:950}.music-record-panel{gap:8px!important}

/* Compact headers throughout Creator/Projects. */
.creator-topcopy p[hidden],.maker-title p[hidden],.eco-title p[hidden],.clean-page-title-wrap p[hidden]{display:none!important}.creator-topbar,.eco-topbar,.clean-page-bar{min-height:54px}.maker-title{min-height:42px}.maker-title p{margin:0}

@media(max-width:640px){
 .creative-stage{gap:4px!important;padding-left:4px!important;padding-right:4px!important}.creative-stage-bar{min-height:44px}.creative-exit,.creative-icon-btn,.creative-stage-actions .ui-help-button{width:40px;height:40px;min-width:40px}.creative-toolbar.tc188-smart-toolbar .creative-tool-btn{min-width:40px;padding-left:8px;padding-right:8px}.creative-toolbar.tc188-smart-toolbar .pixel-palette-summary{min-height:40px;padding:5px 8px}.creative-toolbar.tc188-smart-toolbar .pixel-palette-summary b{display:none}.creative-palette .pixel-palette-panel{top:88px}.creative-learning-menu>summary small{max-width:116px}.creative-learning-menu>summary strong{font-size:11px}.creative-file-actions{min-height:44px!important}.creative-layers-menu{right:6px;top:6px}.ui-help-dialog form{padding:18px}
 .creator-topcopy>.ui-help-button,.eco-title>.ui-help-button,.clean-page-title-wrap>.ui-help-button{right:0}
}

/* TC189 dark creative surfaces */
.creative-stage .ui-mini-links>a,.creative-stage .ui-mini-links>button,.creative-stage .creator-management-menu a{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#f8fafc}
.creative-stage .ui-action-menu>summary,.creative-stage .creative-tool-more>summary,.creative-stage .pixel-options-menu>summary,.creative-stage .video-project-options>summary,.creative-stage .video-extra-options>summary{background:rgba(255,255,255,.08);color:#f8fafc;border-color:rgba(255,255,255,.15)}
.creative-stage .ui-disclosure>summary:after,.creative-stage .ui-action-menu>summary:after,.creative-stage .creative-tool-more>summary:after,.creative-stage .pixel-options-menu>summary:after,.creative-stage .video-project-options>summary:after,.creative-stage .video-extra-options>summary:after{color:#d6def0}
.creative-stage .ui-disclosure-body,.creative-stage .ui-action-menu-body,.creative-stage .creative-tool-more-body,.creative-stage .pixel-options-menu-body,.creative-stage .video-extra-options-body{background:linear-gradient(180deg,#15213d,#0c1327);border-top-color:rgba(255,255,255,.1);color:#e2e8f0}
.creative-stage .creative-layers-body .creative-tool-btn,.creative-stage .creative-tool-more-body .creative-tool-btn,.creative-stage .pixel-options-menu-body .creative-tool-btn,.creative-stage .creative-learning-menu-body .creative-mode-btn{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#f8fafc}
.creative-stage .creative-layers-body .creative-tool-btn.active,.creative-stage .creative-tool-more-body .creative-tool-btn.active,.creative-stage .pixel-options-menu-body .creative-tool-btn.active{background:#7c3aed;border-color:#a78bfa;color:#fff}
.creative-stage .creative-text-input,.creative-stage .creative-sticker-select{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#f8fafc}
.creative-stage .creative-text-input::placeholder{color:#b9c4db}
.creative-stage .creative-layers-menu input,.creative-stage .creative-layers-menu select,.creative-stage .creative-learning-menu-body select,.creative-stage .creative-learning-menu-body input{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#f8fafc;border-radius:10px}

/* TC191 max-space Creative Studio */
.creative-toolbar.tc188-smart-toolbar{flex-wrap:nowrap!important;min-height:42px}
.creative-toolbar .tc191-inline-learning{display:flex!important;flex:0 0 auto!important;min-height:40px!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important}
.creative-toolbar .tc191-inline-learning .creative-learning-menu>summary{width:42px;height:40px;min-height:40px;justify-content:center;padding:0;font-size:20px}
.creative-toolbar .tc191-inline-learning .creative-learning-menu>summary span{display:block}
.creative-toolbar .tc191-inline-learning .creative-learning-menu>summary strong,.creative-toolbar .tc191-inline-learning .creative-learning-menu>summary small{display:none!important}
.creative-toolbar .tc191-inline-learning .creative-learning-menu-body{left:auto;right:0}
.creative-file-actions{min-height:40px!important;padding:0!important;border:0!important;background:transparent!important;justify-content:flex-end!important;overflow:visible!important}
.creative-file-menu{position:relative;overflow:visible}
.creative-file-menu>summary{list-style:none;width:42px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.08);color:#fff;font-size:20px;cursor:pointer;box-shadow:0 6px 16px rgba(2,6,23,.2)}
.creative-file-menu>summary::-webkit-details-marker{display:none}
.creative-file-menu-body{position:absolute;right:0;bottom:calc(100% + 7px);z-index:75;width:min(92vw,360px);display:grid;gap:7px;padding:9px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:linear-gradient(180deg,#15213d,#0c1327);box-shadow:0 18px 50px rgba(2,6,23,.45)}
.creative-file-menu:not([open]) .creative-file-menu-body{display:none}
.creative-file-menu-body .creative-tool-btn{width:100%;min-width:0!important;min-height:44px!important;text-align:left;justify-content:flex-start;background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.14)!important;color:#f8fafc}
@media(max-width:700px){.creative-file-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important}.creative-toolbar.tc188-smart-toolbar .creative-tool-label{display:none!important}.creative-toolbar.tc188-smart-toolbar>.creative-tool-btn,.creative-toolbar.tc188-smart-toolbar>.creative-palette,.creative-toolbar.tc188-smart-toolbar>.creative-tool-more,.creative-toolbar.tc188-smart-toolbar>.pixel-options-menu,.creative-toolbar.tc188-smart-toolbar>.tc191-inline-learning{flex:0 0 40px!important}.creative-toolbar.tc188-smart-toolbar>.creative-tool-btn{width:40px!important;min-width:40px!important;padding:0!important;display:grid;place-items:center;font-size:18px}.creative-toolbar.tc188-smart-toolbar .pixel-palette-summary,.creative-toolbar.tc188-smart-toolbar .creative-tool-more>summary,.creative-toolbar.tc188-smart-toolbar .pixel-options-menu>summary,.creative-toolbar.tc188-smart-toolbar .tc191-mode-summary{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important}.creative-file-actions{min-height:40px!important}.creative-file-menu>summary{width:40px;height:40px}.creative-layers-menu>summary{min-height:38px;padding:6px 9px}}

/* TC192 Creative layout stability — four direct grid rows only. */
.creative-stage{grid-template-rows:auto auto minmax(0,1fr) auto!important}
.creative-toolbar.tc188-smart-toolbar{min-width:0;max-width:100%;overflow-x:auto!important;overflow-y:visible!important;scrollbar-width:none}
.creative-toolbar.tc188-smart-toolbar::-webkit-scrollbar{display:none}
@media(max-width:700px){
  .creative-learning-menu-body{position:fixed!important;left:8px!important;right:8px!important;top:auto!important;bottom:max(54px,calc(env(safe-area-inset-bottom) + 50px))!important;width:auto!important;max-height:min(52dvh,420px)!important;overflow:auto!important;z-index:120!important}
  .creative-tool-more-body,.pixel-options-menu-body{position:fixed!important;left:8px!important;right:8px!important;top:auto!important;bottom:max(54px,calc(env(safe-area-inset-bottom) + 50px))!important;width:auto!important;max-height:min(52dvh,420px)!important;z-index:120!important}
  .creative-file-menu-body{position:fixed!important;left:8px!important;right:8px!important;bottom:max(54px,calc(env(safe-area-inset-bottom) + 50px))!important;width:auto!important;z-index:125!important}
}


/* TC193 Creative interaction polish */
.creative-toolbar.tc188-smart-toolbar{height:44px!important;min-height:44px!important;align-items:center!important;gap:6px!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 0!important}
.creative-toolbar.tc188-smart-toolbar>.creative-tool-btn,.creative-toolbar.tc188-smart-toolbar>.creative-palette>summary,.creative-toolbar.tc188-smart-toolbar>.creative-tool-more>summary,.creative-toolbar.tc188-smart-toolbar>.pixel-options-menu>summary,.creative-toolbar.tc188-smart-toolbar>.tc191-inline-learning .tc191-mode-summary{height:40px!important;min-height:40px!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;white-space:nowrap!important;vertical-align:middle!important;margin:0!important}
.creative-toolbar.tc188-smart-toolbar>.creative-tool-btn{padding:0 10px!important;gap:6px!important}
.creative-toolbar.tc188-smart-toolbar>.creative-palette>summary{padding:0 8px!important;gap:6px!important}
.creative-toolbar.tc188-smart-toolbar>.creative-tool-more>summary,.creative-toolbar.tc188-smart-toolbar>.pixel-options-menu>summary,.creative-toolbar.tc188-smart-toolbar>.tc191-inline-learning .tc191-mode-summary{width:40px!important;min-width:40px!important;padding:0!important}
.creative-toolbar.tc188-smart-toolbar .creative-tool-label{line-height:1!important;margin:0!important}
.ui-popover-close{position:absolute!important;right:8px!important;top:8px!important;z-index:10!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:11px!important;background:rgba(255,255,255,.1)!important;color:#fff!important;font:800 24px/1 system-ui,sans-serif!important;display:grid!important;place-items:center!important;padding:0!important;cursor:pointer!important}
.pixel-palette-panel,.creative-learning-menu-body,.creative-layers-body,.creative-tool-more-body,.pixel-options-menu-body,.creative-file-menu-body{position:relative}
.pixel-palette-panel>.ui-popover-close,.creative-learning-menu-body>.ui-popover-close,.creative-layers-body>.ui-popover-close,.creative-tool-more-body>.ui-popover-close,.pixel-options-menu-body>.ui-popover-close,.creative-file-menu-body>.ui-popover-close{grid-column:auto!important}
.creative-learning-menu-body,.creative-tool-more-body,.pixel-options-menu-body,.creative-file-menu-body,.creative-layers-body{padding-top:50px!important}
.pixel-palette-panel{padding-top:52px!important}
@media(max-width:900px){
 .creative-toolbar.tc188-smart-toolbar .creative-tool-label,.creative-toolbar.tc188-smart-toolbar .pixel-palette-summary b{display:none!important}
 .creative-toolbar.tc188-smart-toolbar>.creative-tool-btn,.creative-toolbar.tc188-smart-toolbar>.creative-palette,.creative-toolbar.tc188-smart-toolbar>.creative-tool-more,.creative-toolbar.tc188-smart-toolbar>.pixel-options-menu,.creative-toolbar.tc188-smart-toolbar>.tc191-inline-learning{flex:0 0 40px!important;width:40px!important;min-width:40px!important}
 .creative-toolbar.tc188-smart-toolbar>.creative-tool-btn{padding:0!important;font-size:18px!important}
 .creative-toolbar.tc188-smart-toolbar .pixel-palette-summary{width:40px!important;min-width:40px!important;padding:0!important}
 .creative-toolbar .tc191-inline-learning .creative-learning-menu-body,.creative-tool-more-body,.pixel-options-menu-body,.creative-file-menu-body,.creative-palette .pixel-palette-panel{position:fixed!important;left:50%!important;right:auto!important;top:auto!important;bottom:max(54px,calc(env(safe-area-inset-bottom) + 50px))!important;transform:translateX(-50%)!important;width:min(430px,calc(100vw - 16px))!important;max-width:calc(100vw - 16px)!important;max-height:min(60dvh,470px)!important;overflow:auto!important;z-index:140!important}
 .creative-layers-menu[open]{position:fixed!important;left:8px!important;right:8px!important;top:auto!important;bottom:max(54px,calc(env(safe-area-inset-bottom) + 50px))!important;width:auto!important;max-width:none!important;z-index:145!important}
 .creative-layers-menu[open] .creative-layers-body{width:100%!important;max-height:min(55dvh,430px)!important}
}