/* v0.8.9 Workspace visual polish - safe styling layer.
 * Intentionally avoids layout, positioning, sizing, display and overflow changes.
 * Existing workspace CSS remains the source of truth for structure and responsive behavior.
 */
.ai-platform-generator:not(.ai-platform-generator--public-home){
  --aip-brand-cyan:#27e1ff;
  --aip-brand-blue:#4d8dff;
  --aip-brand-purple:#7c4dff;
  --aip-brand-magenta:#e45cff;
  --aip-brand-orange:#ff9645;
  --aip-work-text:#f7f9fc;
  --aip-work-muted:#a8b0bd;
  --aip-work-surface:rgba(18,21,29,.88);
  --aip-work-surface-strong:rgba(24,27,36,.94);
  --aip-work-border:rgba(255,255,255,.10);
  --aip-work-border-strong:rgba(255,255,255,.16);
  color:var(--aip-work-text);
  background:
    radial-gradient(circle at 88% 0%,rgba(228,92,255,.09),transparent 26%),
    radial-gradient(circle at 14% 0%,rgba(39,225,255,.08),transparent 24%),
    linear-gradient(180deg,#0a0d13 0%,#0b0d12 100%) !important;
}

.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__sidebar{
  background:rgba(8,11,16,.84) !important;
  border-right-color:var(--aip-work-border) !important;
  box-shadow:12px 0 36px rgba(0,0,0,.12);
}

.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__brand-mark{
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
}

.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__workspace-item{
  color:#aeb6c3 !important;
  border-color:transparent !important;
  background:transparent !important;
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__workspace-item:hover{
  color:#fff !important;
  background:linear-gradient(90deg,rgba(39,225,255,.07),rgba(124,77,255,.07)) !important;
  border-color:rgba(255,255,255,.07) !important;
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__workspace-item.is-active{
  color:#fff !important;
  background:linear-gradient(90deg,rgba(39,225,255,.11),rgba(124,77,255,.10)) !important;
  border-color:rgba(124,77,255,.20) !important;
  box-shadow:inset 3px 0 0 var(--aip-brand-purple),0 0 22px rgba(124,77,255,.05);
}

.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__topbar,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-image-topbar,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-video-topbar{
  background:rgba(10,13,18,.72) !important;
  border-bottom-color:var(--aip-work-border) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.10);
}

.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-model-picker__trigger{
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.035)) !important;
  border-color:var(--aip-work-border-strong) !important;
  color:#fff !important;
  box-shadow:0 8px 24px rgba(0,0,0,.14);
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-model-picker__trigger:hover{
  background:rgba(255,255,255,.07) !important;
  border-color:rgba(124,77,255,.32) !important;
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-model-picker__menu{
  background:rgba(20,23,30,.97) !important;
  border-color:rgba(255,255,255,.12) !important;
  box-shadow:0 24px 60px rgba(0,0,0,.42),0 0 34px rgba(88,72,255,.08);
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-model-picker__option:hover,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-model-picker__option.is-selected{
  background:linear-gradient(90deg,rgba(39,225,255,.08),rgba(124,77,255,.10)) !important;
  color:#fff !important;
}

.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__status,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-image-status,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-video-status{
  color:#dfe5ee !important;
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__status-dot,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-image-status::before,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-video-status::before{
  box-shadow:0 0 0 4px rgba(53,211,115,.07),0 0 12px rgba(53,211,115,.18);
}

.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__empty-inner,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-image-controls,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-video-controls,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-image-result-wrap,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-video-result-wrap{
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018)) !important;
  border-color:rgba(255,255,255,.08) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.12);
}

.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__composer{
  background:linear-gradient(180deg,rgba(28,31,40,.94),rgba(18,20,27,.96)) !important;
  border-color:rgba(255,255,255,.13) !important;
  box-shadow:0 18px 50px rgba(0,0,0,.24),0 0 28px rgba(39,225,255,.035);
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__composer:focus-within{
  border-color:rgba(124,77,255,.42) !important;
  box-shadow:0 18px 50px rgba(0,0,0,.25),0 0 0 2px rgba(124,77,255,.11);
}

.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-image-field input,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-image-field textarea,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-video-field input,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-video-field textarea,
.ai-platform-generator:not(.ai-platform-generator--public-home) select{
  background:rgba(255,255,255,.035) !important;
  border-color:rgba(255,255,255,.10) !important;
  color:#f7f9fc !important;
}

.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__send,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-image-generate,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-video-generate{
  background:linear-gradient(105deg,#1bbfe4,#4d74ff,#7c4dff) !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(64,92,255,.20);
}

.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__chat-history-panel,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-image-history-panel,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-video-history-panel,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-voice-history-panel{
  background:rgba(14,16,22,.95) !important;
  border-color:rgba(255,255,255,.10) !important;
  box-shadow:0 22px 60px rgba(0,0,0,.34);
}

.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-image-upload,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-video-upload{
  background:rgba(255,255,255,.025) !important;
  border-color:rgba(255,255,255,.12) !important;
}

.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-account-menu,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-account-profile-dialog,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-credit-modal-dialog{
  background:rgba(20,23,30,.97) !important;
  border-color:rgba(255,255,255,.12) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.42);
}

.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-account-menu-item:hover,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-account-menu-credit:hover{
  background:linear-gradient(90deg,rgba(39,225,255,.08),rgba(124,77,255,.08)) !important;
}

@media (prefers-reduced-motion:reduce){
  .ai-platform-generator:not(.ai-platform-generator--public-home) *{transition:none !important;animation:none !important}
}

/* v0.8.9 Workspace visual polish 2 — opaque compact rail + account / credit surfaces. */
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__sidebar{
  background:#0b0f16 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* Account popover */
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__account-menu{
  background:linear-gradient(180deg,#151a23 0%,#0f141c 100%) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 28px 70px rgba(0,0,0,.50),0 0 34px rgba(39,225,255,.05) !important;
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__account-menu-head{
  padding:8px 8px 12px !important;
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__account-menu-credit{
  background:rgba(255,255,255,.035) !important;
  border:1px solid rgba(255,255,255,.07) !important;
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__account-menu-credit:hover,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__account-menu-item:hover{
  background:linear-gradient(90deg,rgba(39,225,255,.10),rgba(124,77,255,.10)) !important;
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__account-menu-separator{
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent) !important;
}

/* Shared dialog styling: profile / personalization / credits / billing */
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__account-profile-dialog,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__personalization-dialog,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__credit-modal-dialog,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__billing-modal-dialog{
  background:
    radial-gradient(circle at 95% 0%,rgba(228,92,255,.07),transparent 32%),
    radial-gradient(circle at 5% 0%,rgba(39,225,255,.07),transparent 30%),
    linear-gradient(180deg,#161b24 0%,#0f141c 100%) !important;
  border:1px solid rgba(255,255,255,.13) !important;
  box-shadow:0 32px 100px rgba(0,0,0,.55),0 0 46px rgba(39,225,255,.04) !important;
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__account-profile,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__personalization,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__credit-modal,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__billing-modal{
  background:rgba(2,5,10,.72) !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
}

/* Modal titles / section hierarchy */
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__account-profile-header,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__billing-modal-header,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__credit-modal-header{
  border-bottom-color:rgba(255,255,255,.09) !important;
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__account-profile-eyebrow,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__credit-modal-eyebrow{
  color:#7fdff1 !important;
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__account-profile-header h3,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__billing-modal-header h3,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__credit-modal-header h3{
  color:#f8fbff !important;
  text-shadow:0 0 18px rgba(39,225,255,.08);
}

/* Close buttons */
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__account-profile-close,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__billing-modal-close,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__credit-modal-close{
  background:rgba(255,255,255,.035) !important;
  border-color:rgba(255,255,255,.11) !important;
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__account-profile-close:hover,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__billing-modal-close:hover,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__credit-modal-close:hover{
  background:rgba(39,225,255,.10) !important;
  border-color:rgba(39,225,255,.35) !important;
  color:#fff !important;
  box-shadow:0 0 18px rgba(39,225,255,.10);
}

/* Profile / personalization cards and fields */
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__account-profile-avatar-row,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__memory-section,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__personalization .ai-platform-generator__memory-section{
  background:rgba(255,255,255,.028) !important;
  border-color:rgba(255,255,255,.09) !important;
  border-radius:14px !important;
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__account-profile-field input,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__personalization input,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__personalization textarea,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__personalization select{
  background:rgba(4,8,14,.72) !important;
  border-color:rgba(255,255,255,.10) !important;
  color:#f3f7fb !important;
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__account-profile-field input:focus,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__personalization input:focus,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__personalization textarea:focus,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__personalization select:focus{
  border-color:rgba(39,225,255,.42) !important;
  box-shadow:0 0 0 2px rgba(39,225,255,.10),0 0 22px rgba(39,225,255,.06) !important;
}

/* Credit balance + summary */
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__credit-balance-card{
  background:linear-gradient(135deg,rgba(39,225,255,.07),rgba(124,77,255,.08)) !important;
  border-color:rgba(123,150,255,.20) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 14px 30px rgba(0,0,0,.16);
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__credit-balance-icon{
  background:linear-gradient(135deg,rgba(39,225,255,.16),rgba(124,77,255,.16)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 0 22px rgba(39,225,255,.08);
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__credit-summary>div{
  background:rgba(255,255,255,.025) !important;
  border-color:rgba(255,255,255,.08) !important;
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__credit-buy-button{
  background:linear-gradient(105deg,#1bbfe4,#4d74ff,#7c4dff) !important;
  border-color:transparent !important;
  color:#fff !important;
  box-shadow:0 8px 22px rgba(64,92,255,.20);
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__credit-buy-button:hover{
  filter:brightness(1.06);
  box-shadow:0 10px 26px rgba(64,92,255,.28);
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__credit-transaction{
  border-top-color:rgba(255,255,255,.075) !important;
}

/* Billing package cards */
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__billing-package{
  background:rgba(255,255,255,.025) !important;
  border-color:rgba(255,255,255,.10) !important;
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__billing-package:hover{
  background:linear-gradient(145deg,rgba(39,225,255,.06),rgba(124,77,255,.07)) !important;
  border-color:rgba(124,77,255,.28) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__billing-package.is-selected{
  border-color:rgba(39,225,255,.50) !important;
  box-shadow:0 0 0 1px rgba(39,225,255,.25),0 10px 30px rgba(39,225,255,.08) !important;
  background:linear-gradient(145deg,rgba(39,225,255,.08),rgba(124,77,255,.09)) !important;
}
/* Compact layouts: the rail must remain opaque on phone + tab. */
@media (max-width:1199px){
  .ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__sidebar{
    background:#0b0f16 !important;
    opacity:1 !important;
  }
}


/* v0.8.9 Workspace visual polish 4 — remove theme default light boxes from chat empty state, image/video result surfaces, and personalization. */
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__empty-inner{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__empty,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__empty-inner{
  color:var(--aip-work-muted) !important;
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__empty h2{
  color:#f7f9fc !important;
}

.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-image-result-wrap,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-video-result-wrap{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-image-result,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-video-result{
  background:linear-gradient(180deg,rgba(18,21,29,.92),rgba(12,15,21,.94)) !important;
  border-color:rgba(255,255,255,.08) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.16) !important;
}

.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__personalization-dialog{
  background:
    radial-gradient(circle at 92% 0%,rgba(228,92,255,.06),transparent 28%),
    radial-gradient(circle at 6% 0%,rgba(39,225,255,.06),transparent 26%),
    linear-gradient(180deg,#151a23 0%,#0f141c 100%) !important;
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__personalization .ai-platform-generator__memory-section{
  background:linear-gradient(180deg,rgba(28,32,42,.88),rgba(17,21,29,.92)) !important;
  border:1px solid rgba(255,255,255,.07) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 30px rgba(0,0,0,.14) !important;
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__personalization .ai-platform-generator__memory-section + .ai-platform-generator__memory-section{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__personalization .ai-platform-generator__memory-list,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__personalization .ai-platform-generator__memory-empty{
  background:transparent !important;
}

/* v0.8.9 Workspace visual polish 5 — mobile history surfaces + memory panel cleanup. */
@media (max-width:520px){
  /* History drawers must sit above every workspace control and be fully opaque. */
  .ai-platform-generator.is-mobile-history-open .ai-platform-generator__chat-history-panel,
  .ai-platform-generator.is-mobile-image-history-open .ai-platform-image-history-panel,
  .ai-platform-generator.is-mobile-video-history-open .ai-platform-video-history-panel,
  .ai-platform-generator.is-mobile-voice-history-open .ai-platform-voice-history-panel{
    z-index:2147483000 !important;
    background:#0f1218 !important;
    background-color:#0f1218 !important;
    opacity:1 !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    
  }

  /* Drawer headers blend into the drawer instead of appearing as a separate box. */
  .ai-platform-generator.is-mobile-history-open .ai-platform-generator__chat-history-header,
  .ai-platform-generator.is-mobile-image-history-open .ai-platform-image-history-header,
  .ai-platform-generator.is-mobile-video-history-open .ai-platform-video-history-header,
  .ai-platform-generator.is-mobile-voice-history-open .ai-platform-voice-history-header{
    background:#0f1218 !important;
    background-color:#0f1218 !important;
    border:0 !important;
    box-shadow:none !important;
  }

  /* History records: clean flat list, no extra cards/frames on mobile. */
  .ai-platform-generator.is-mobile-history-open .ai-platform-generator__chat-history-item,
  .ai-platform-generator.is-mobile-image-history-open .ai-platform-generator__image-history-item,
  .ai-platform-generator.is-mobile-video-history-open .ai-platform-generator__video-history-item,
  .ai-platform-generator.is-mobile-voice-history-open .ai-platform-voice-history-item{
    background:transparent !important;
    background-color:transparent !important;
    border-color:transparent !important;
    box-shadow:none !important;
    
  }

  .ai-platform-generator.is-mobile-history-open .ai-platform-generator__chat-history-item:hover,
  .ai-platform-generator.is-mobile-image-history-open .ai-platform-generator__image-history-item:hover,
  .ai-platform-generator.is-mobile-video-history-open .ai-platform-generator__video-history-item:hover,
  .ai-platform-generator.is-mobile-voice-history-open .ai-platform-voice-history-item:hover{
    background:rgba(255,255,255,.045) !important;
    border-color:transparent !important;
  }

  /* Keep the mobile history drawer above the floating toggles, status, and sidebar. */
  .ai-platform-generator.is-mobile-history-open .ai-platform-mobile-history-toggle,
  .ai-platform-generator.is-mobile-image-history-open .ai-platform-mobile-history-toggle--image,
  .ai-platform-generator.is-mobile-video-history-open .ai-platform-mobile-history-toggle--video,
  .ai-platform-generator.is-mobile-history-open .ai-platform-generator__sidebar,
  .ai-platform-generator.is-mobile-image-history-open .ai-platform-generator__sidebar,
  .ai-platform-generator.is-mobile-video-history-open .ai-platform-generator__sidebar,
  .ai-platform-generator.is-mobile-voice-history-open .ai-platform-generator__sidebar{
    z-index:2147482000 !important;
  }
}

/* Remove the extra outer memory panel frame inside Personalization. */
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__personalization .ai-platform-generator__memory-section{
  background:transparent !important;
  background-color:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding-top:0 !important;
}

/* v0.8.9 Workspace History Drawer Fix1 — mobile drawer must cover all floating controls. */
@media (max-width:520px){
  .ai-platform-generator.is-mobile-history-open .ai-platform-generator__chat-history-panel,
  .ai-platform-generator.is-mobile-image-history-open .ai-platform-image-history-panel,
  .ai-platform-generator.is-mobile-video-history-open .ai-platform-video-history-panel,
  .ai-platform-generator.is-mobile-voice-history-open .ai-platform-voice-history-panel{
    z-index:2147483647 !important;
    isolation:isolate !important;
  }

  /* Keep sidebar / top toggles / status behind the open drawer. */
  .ai-platform-generator.is-mobile-history-open .ai-platform-generator__sidebar,
  .ai-platform-generator.is-mobile-image-history-open .ai-platform-generator__sidebar,
  .ai-platform-generator.is-mobile-video-history-open .ai-platform-generator__sidebar,
  .ai-platform-generator.is-mobile-history-open .ai-platform-mobile-workspace-toggle,
  .ai-platform-generator.is-mobile-image-history-open .ai-platform-mobile-workspace-toggle,
  .ai-platform-generator.is-mobile-video-history-open .ai-platform-mobile-workspace-toggle,
  .ai-platform-generator.is-mobile-history-open .ai-platform-generator__status,
  .ai-platform-generator.is-mobile-image-history-open .ai-platform-image-status,
  .ai-platform-generator.is-mobile-video-history-open .ai-platform-video-status,
  .ai-platform-generator.is-mobile-voice-history-open .ai-platform-voice-status{
    z-index:1 !important;
  }

  /* Separator between history records. */
  .ai-platform-generator.is-mobile-history-open .ai-platform-generator__chat-history-item,
  .ai-platform-generator.is-mobile-image-history-open .ai-platform-generator__image-history-item,
  .ai-platform-generator.is-mobile-video-history-open .ai-platform-generator__video-history-item,
  .ai-platform-generator.is-mobile-voice-history-open .ai-platform-voice-history-item{
    border-bottom:1px solid rgba(255,255,255,.12) !important;
    border-left:0 !important;
    border-right:0 !important;
    border-top:0 !important;
    border-radius:0 !important;
  }
  .ai-platform-generator.is-mobile-history-open .ai-platform-generator__chat-history-item:last-child,
  .ai-platform-generator.is-mobile-image-history-open .ai-platform-generator__image-history-item:last-child,
  .ai-platform-generator.is-mobile-video-history-open .ai-platform-generator__video-history-item:last-child,
  .ai-platform-generator.is-mobile-voice-history-open .ai-platform-voice-history-item:last-child{
    border-bottom:0 !important;
  }
}

/* v0.8.9 Workspace History Drawer Visual Fix2 — video history card skin. */
@media (max-width:1199px){
  .ai-platform-generator.is-mobile-video-history-open .ai-platform-generator__video-history-item,
  .ai-platform-generator.is-mobile-voice-history-open .ai-platform-voice-history-item{
    border:1px solid rgba(111,127,158,.34) !important;
    border-radius:10px !important;
    background:#15171d !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
  }

  .ai-platform-generator.is-mobile-video-history-open .ai-platform-generator__video-history-item:hover,
  .ai-platform-generator.is-mobile-voice-history-open .ai-platform-voice-history-item:hover{
    border-color:rgba(91,211,255,.56) !important;
    background:#1a1e27 !important;
  }
}

/* v0.8.9 Workspace theme surfaces — replace neutral gray panels with AIGC Motion theme tones. */
.ai-platform-generator:not(.ai-platform-generator--public-home){
  --aip-theme-bg:#090d14;
  --aip-theme-panel:#0d131c;
  --aip-theme-panel-strong:#111823;
  --aip-theme-panel-soft:#0b1119;
  --aip-theme-border:rgba(135,172,255,.14);
  --aip-theme-border-strong:rgba(100,181,255,.22);
  --aip-theme-cyan:rgba(39,225,255,.08);
  --aip-theme-purple:rgba(124,77,255,.09);
  --aip-theme-magenta:rgba(228,92,255,.07);
}

.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__main,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__messages,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-image-view,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-video-view{
  background:
    radial-gradient(circle at 82% 0%,var(--aip-theme-magenta),transparent 28%),
    radial-gradient(circle at 18% 0%,var(--aip-theme-cyan),transparent 30%),
    linear-gradient(180deg,var(--aip-theme-bg) 0%,#0b1017 100%) !important;
}

.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__topbar,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-image-topbar,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-video-topbar{
  background:linear-gradient(180deg,rgba(12,17,25,.96),rgba(10,14,21,.94)) !important;
  border-bottom-color:var(--aip-theme-border) !important;
}

.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__empty-inner{
  background:
    radial-gradient(circle at 50% 0%,rgba(39,225,255,.05),transparent 58%),
    linear-gradient(180deg,rgba(17,24,35,.84),rgba(12,18,27,.74)) !important;
  border-color:var(--aip-theme-border) !important;
  box-shadow:0 18px 48px rgba(0,0,0,.24),0 0 32px rgba(39,225,255,.025) !important;
}

.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__composer{
  background:linear-gradient(180deg,rgba(17,24,35,.96),rgba(11,16,24,.98)) !important;
  border-color:var(--aip-theme-border-strong) !important;
}

.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__composer-tools{
  background:rgba(7,11,17,.46) !important;
  border-top-color:var(--aip-theme-border) !important;
}

.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__message.is-user .ai-platform-generator__message-content{
  background:linear-gradient(135deg,rgba(39,225,255,.10),rgba(124,77,255,.11)) !important;
  border:1px solid rgba(124,77,255,.16) !important;
}

.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-image-controls,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-video-controls{
  background:
    radial-gradient(circle at 0% 0%,rgba(39,225,255,.05),transparent 36%),
    linear-gradient(180deg,rgba(16,23,33,.96),rgba(11,16,24,.98)) !important;
  border-color:var(--aip-theme-border) !important;
}

.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-image-result,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-video-result{
  background:
    radial-gradient(circle at 100% 0%,rgba(124,77,255,.06),transparent 34%),
    linear-gradient(180deg,rgba(17,23,33,.96),rgba(11,16,24,.98)) !important;
  border-color:var(--aip-theme-border) !important;
}

.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-image-field input,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-image-field textarea,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-video-field input,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-video-field textarea,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-image-field select,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-video-field select,
.ai-platform-generator:not(.ai-platform-generator--public-home) select{
  background:linear-gradient(180deg,rgba(14,20,29,.96),rgba(10,15,22,.98)) !important;
  border-color:var(--aip-theme-border) !important;
}

.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-image-upload,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-video-upload{
  background:
    radial-gradient(circle at 50% 0%,rgba(39,225,255,.05),transparent 55%),
    rgba(10,15,23,.86) !important;
  border-color:rgba(119,157,255,.20) !important;
}

.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-image-reference,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-video-reference,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-video-result-meta{
  background:linear-gradient(180deg,rgba(15,21,30,.96),rgba(10,15,22,.98)) !important;
  border-color:var(--aip-theme-border) !important;
}

.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__chat-history-panel,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-image-history-panel,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-video-history-panel,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-voice-history-panel,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-music-history-panel{
  background:
    radial-gradient(circle at 100% 0%,rgba(124,77,255,.07),transparent 34%),
    linear-gradient(180deg,#0d131c 0%,#090e15 100%) !important;
  border-color:var(--aip-theme-border) !important;
}

.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__chat-item:hover,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__chat-item.is-active,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__tool:hover{
  background:linear-gradient(90deg,rgba(39,225,255,.07),rgba(124,77,255,.08)) !important;
}

.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-video-option-check,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-video-result-actions button,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-video-download,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-image-result-actions button,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-image-download{
  background:linear-gradient(180deg,rgba(16,23,33,.96),rgba(10,15,22,.98)) !important;
  border-color:var(--aip-theme-border) !important;
}

.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-video-history-search-toggle{
  background:linear-gradient(180deg,rgba(16,23,33,.96),rgba(10,15,22,.98)) !important;
  border-color:var(--aip-theme-border) !important;
}

.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-model-picker__menu,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-account-menu,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-account-profile-dialog,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-personalization-dialog,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-credit-modal-dialog,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-billing-modal-dialog{
  background:
    radial-gradient(circle at 95% 0%,rgba(228,92,255,.07),transparent 30%),
    radial-gradient(circle at 5% 0%,rgba(39,225,255,.06),transparent 28%),
    linear-gradient(180deg,#111823 0%,#0b1119 100%) !important;
}

/* v0.8.9 Workspace Theme Surface Fix2 — chat base surface, desktop history outlines, mobile history headers, new-chat button. */
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__composer-wrap{
  background:var(--aip-theme-bg,#0b1017) !important;
}

/* Computer screen: Image/Video history cards keep the panel visible, but their inner surfaces stay transparent. */
@media (min-width:1200px){
  .ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-image-history-panel .ai-platform-generator__image-history-item,
  .ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-video-history-panel .ai-platform-generator__video-history-item{
    background:transparent !important;
    box-shadow:none !important;
  }
}

/* Phone/Tab: history titles share the drawer surface instead of looking like separate dark boxes. */
@media (max-width:1199px){
  .ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__chat-history-header,
  .ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-image-history-header,
  .ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-video-history-header,
  .ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-voice-history-header{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }
}

/* Chat New button: transparent center with an AIGC Motion rainbow outline. */
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__new{
  background:
    linear-gradient(transparent,transparent) padding-box,
    linear-gradient(105deg,#27e1ff,#4d8dff,#7c4dff,#e45cff,#ff9645) border-box !important;
  
  
  box-shadow:0 0 22px rgba(39,225,255,.035) !important;
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__new:hover{
  background:
    linear-gradient(rgba(255,255,255,.025),rgba(255,255,255,.025)) padding-box,
    linear-gradient(105deg,#27e1ff,#4d8dff,#7c4dff,#e45cff,#ff9645) border-box !important;
  border-color:transparent !important;
  
  box-shadow:0 0 26px rgba(124,77,255,.10) !important;
}

/* v0.8.9 Workspace Theme Surface Fix3 — unify the main workspace/chat canvas. */






/* v0.8.9 Workspace Theme Surface Fix3 — unify the main workspace/chat canvas. */
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__main{
  background:
    radial-gradient(circle at 88% 0%,rgba(228,92,255,.065),transparent 26%),
    radial-gradient(circle at 14% 0%,rgba(39,225,255,.055),transparent 24%),
    linear-gradient(180deg,#0a0d13 0%,#0b0d12 100%) !important;
}

.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__messages{
  
}

.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__composer-wrap{
  background:transparent !important;
}


/* v0.8.9 Workspace Theme Surface Fix4 — Chat New Chat button matches Homepage CTA. */
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__new{
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-height:42px !important;
  padding:0 16px !important;
  border:1px solid transparent !important;
  border-radius:12px !important;
  background:
    linear-gradient(#0b1119,#0b1119) padding-box,
    linear-gradient(105deg,#27e1ff,#4d8dff,#7c4dff,#e45cff,#ff9645) border-box !important;
  color:#f7f9fc !important;
  font-size:13px !important;
  font-weight:700 !important;
  line-height:1 !important;
  text-decoration:none !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.02),0 8px 24px rgba(39,225,255,.045) !important;
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__new:hover{
  background:
    linear-gradient(#0e1520,#0e1520) padding-box,
    linear-gradient(105deg,#27e1ff,#4d8dff,#7c4dff,#e45cff,#ff9645) border-box !important;
  color:#fff !important;
  transform:translateY(-1px);
  box-shadow:0 0 0 1px rgba(255,255,255,.03),0 10px 28px rgba(124,77,255,.10) !important;
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__new:focus-visible{
  outline:2px solid rgba(39,225,255,.55) !important;
  outline-offset:2px !important;
}
@media(max-width:820px){
  .ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__new{
    width:44px !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 !important;
    border-radius:12px !important;
    font-size:0 !important;
  }
  .ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__new::before{
    content:'+' !important;
    display:block !important;
    font-size:22px !important;
    font-weight:700 !important;
    line-height:1 !important;
    color:#fff !important;
  }
}

/* v0.8.9 Workspace Sidebar Active State Fix1 — keep the active rail highlight visible while the clicked item retains focus. */
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__workspace-item.is-active:focus,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__workspace-item.is-active:focus-visible{
  color:#fff !important;
  background:linear-gradient(90deg,rgba(39,225,255,.11),rgba(124,77,255,.10)) !important;
  border-color:rgba(124,77,255,.20) !important;
  box-shadow:inset 3px 0 0 var(--aip-brand-purple),0 0 22px rgba(124,77,255,.05) !important;
  outline:none !important;
}

/* v0.8.9 clean-base follow-up — remove chat empty-state panel surface. */
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__empty,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__empty-inner {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__empty-inner {
  background-image: none !important;
}

/* Keep the chat empty state visually merged with the themed workspace canvas. */
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__messages {
  background: transparent !important;
}


/* v0.8.9 Chat History New Chat button — restore full label on phone and Tab history drawers. */
@media (max-width:1199px){
  .ai-platform-generator.is-mobile-history-open .ai-platform-generator__new{
    width:100% !important;
    min-height:44px !important;
    height:44px !important;
    padding:0 16px !important;
    font-size:13px !important;
    line-height:1 !important;
    justify-content:center !important;
    gap:8px !important;
  }
  .ai-platform-generator.is-mobile-history-open .ai-platform-generator__new::before{
    display:none !important;
    content:none !important;
  }
}

/* v0.8.9 Dropdown Theme Fix1: keep native select menus on the dark workspace theme. */
.ai-platform-generator:not(.ai-platform-generator--public-home){
  color-scheme: dark;
}
.ai-platform-generator:not(.ai-platform-generator--public-home) select,
.ai-platform-generator:not(.ai-platform-generator--public-home) select option,
.ai-platform-generator:not(.ai-platform-generator--public-home) select optgroup{
  color-scheme: dark;
  background-color:#111722 !important;
  color:#eceff5 !important;
}
.ai-platform-generator:not(.ai-platform-generator--public-home) select option:checked,
.ai-platform-generator:not(.ai-platform-generator--public-home) select option:hover{
  background-color:#24324a !important;
  color:#ffffff !important;
}

/* Fix40 — Image reference dropzone must remain visually transparent even when shared workspace skins apply !important backgrounds. */
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-image-upload.has-references,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-image-upload.has-references:hover,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-image-upload.has-references.is-dragover{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border-color:transparent !important;
  box-shadow:none !important;
}


/* v0.9.5-Fix47 — Authoritative responsive topbar centering.
 * Fix45 was still being visually affected by the accumulated mobile.css
 * positioning rules. Workspace Visual is enqueued after mobile.css, so this
 * shared layer is the final cascade owner. Menu and History use the exact same
 * containing block and vertical-centering method inside the active topbar. */
@media (max-width:1199px){
  .ai-platform-generator.is-mobile-portal .ai-platform-generator__topbar > .ai-platform-mobile-workspace-toggle,
  .ai-platform-generator.is-mobile-portal .ai-platform-image-topbar > .ai-platform-mobile-workspace-toggle,
  .ai-platform-generator.is-mobile-portal .ai-platform-video-topbar > .ai-platform-mobile-workspace-toggle,
  .ai-platform-generator.is-mobile-portal .ai-platform-voice-topbar > .ai-platform-mobile-workspace-toggle,
  .ai-platform-generator.is-mobile-portal .ai-platform-music-topbar > .ai-platform-mobile-workspace-toggle{
    position:absolute !important;
    top:0 !important;
    bottom:0 !important;
    left:8px !important;
    right:auto !important;
    margin:auto 0 !important;
    transform:none !important;
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    box-sizing:border-box !important;
    z-index:100220 !important;
  }
}


/* v0.9.6 Music — inherit the established workspace visual system. */
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-music-view{
  color:var(--aip-text) !important;
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-music-controls,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-music-result-wrap{
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018)) !important;
  border-color:rgba(255,255,255,.08) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.12) !important;
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-music-field textarea,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-music-field select,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-music-lyrics{
  background:rgba(255,255,255,.035) !important;
  border-color:rgba(255,255,255,.10) !important;
  color:#f7f9fc !important;
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-music-generate{
  background:linear-gradient(105deg,#1bbfe4,#4d74ff,#7c4dff) !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(64,92,255,.20) !important;
}


/* v0.9.6-Fix9 — Music responsive rules consolidated.
 * Menu/header mounting remains shared with Voice. Music History uses one authoritative
 * drawer implementation and the same surface treatment as the other workspaces. */
@media (max-width:1199px){
  .ai-platform-generator.is-mobile-portal .ai-platform-music-topbar{
    position:relative !important;
    padding-left:50px !important;
    padding-right:54px !important;
    box-sizing:border-box !important;
    text-align:center !important;
  }
  .ai-platform-generator.is-mobile-portal .ai-platform-music-topbar > div:first-child{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    text-align:center !important;
  }
  .ai-platform-generator.is-mobile-portal .ai-platform-music-title{
    display:block !important;
    margin:0 !important;
    line-height:1.12 !important;
    text-align:center !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    padding-inline:54px !important;
    box-sizing:border-box !important;
  }
  .ai-platform-generator.is-mobile-portal .ai-platform-music-subtitle{
    display:block !important;
    margin:7px auto 0 !important;
    width:100% !important;
    max-width:100% !important;
    line-height:1.35 !important;
    text-align:center !important;
    padding-inline:0 !important;
    box-sizing:border-box !important;
  }

  /* Match Voice drawer geometry on Tab: full responsive viewport. */
  .ai-platform-generator.is-mobile-music-history-open .ai-platform-music-history-panel,
  .ai-platform-generator.is-mobile-portal .ai-platform-music-history-panel{
    position:fixed !important;
    top:var(--aip-mobile-top,0px) !important;
    right:0 !important;
    bottom:0 !important;
    left:auto !important;
    width:100vw !important;
    min-width:100vw !important;
    max-width:none !important;
    height:calc(100dvh - var(--aip-mobile-top,0px)) !important;
    max-height:none !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
    z-index:100301 !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
    background:
      radial-gradient(circle at 100% 0%,rgba(124,77,255,.07),transparent 34%),
      linear-gradient(180deg,#0d131c 0%,#090e15 100%) !important;
    border-left:1px solid var(--aip-theme-border) !important;
    border-right:0 !important;
    border-top:0 !important;
    border-bottom:0 !important;
    border-radius:0 !important;
    box-shadow:-18px 0 40px rgba(0,0,0,.35) !important;
    transform:translateX(100%) !important;
    opacity:.98 !important;
    pointer-events:none !important;
    transition:transform .20s cubic-bezier(.22,.8,.24,1),opacity .15s ease !important;
    will-change:transform,opacity;
  }
  .ai-platform-generator.is-mobile-portal.is-mobile-music-history-open .ai-platform-music-history-panel{
    transform:translateX(0) !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }
  .ai-platform-generator.is-mobile-portal .ai-platform-music-history-header{
    flex:0 0 auto !important;
    min-width:0 !important;
    min-height:58px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    flex-wrap:nowrap !important;
    gap:10px !important;
    position:sticky !important;
    top:0 !important;
    z-index:3 !important;
    padding:12px 14px !important;
    box-sizing:border-box !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    font-size:15px !important;
  }
  .ai-platform-generator.is-mobile-portal .ai-platform-music-history-tools{
    display:flex !important;
    flex:0 0 auto !important;
    align-items:center !important;
    justify-content:flex-end !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    gap:8px !important;
    margin:0 0 0 auto !important;
    white-space:nowrap !important;
  }
  .ai-platform-generator.is-mobile-portal .ai-platform-music-history{
    display:flex !important;
    flex-direction:column !important;
    flex:1 1 auto !important;
    min-height:0 !important;
    height:0 !important;
    max-height:none !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;
    touch-action:pan-y !important;
    scrollbar-width:thin !important;
  }
}

@media (max-width:520px){
  .ai-platform-generator.is-mobile-music-history-open .ai-platform-music-history-panel{
    inset:var(--aip-mobile-top,0px) 0 0 0 !important;
    width:100vw !important;
    min-width:100vw !important;
    max-width:none !important;
    height:calc(100dvh - var(--aip-mobile-top,0px)) !important;
    padding:0 !important;
    border:0 !important;
    box-shadow:none !important;
  }
}

/* Voice-equivalent compact history record presentation for Music. */
.ai-platform-music-history-item{
  min-width:0 !important;
  overflow:hidden !important;
  padding:10px !important;
  border:1px solid rgba(125,145,180,.16) !important;
  border-radius:10px !important;
  background:rgba(10,17,28,.72) !important;
}
.ai-platform-music-history-meta-wrap{
  min-width:0 !important;
  margin-bottom:8px !important;
  padding-right:30px !important;
  box-sizing:border-box !important;
}
.ai-platform-music-history-meta{
  min-width:0 !important;
  margin:0 0 2px !important;
  width:100% !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:var(--aip-text,#e8edf6) !important;
  font:inherit !important;
  font-size:10px !important;
  font-weight:700 !important;
  line-height:1.25 !important;
  text-align:left !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  cursor:pointer !important;
}
.ai-platform-music-history-player{
  width:100% !important;
  min-width:0 !important;
  display:grid !important;
  grid-template-columns:26px minmax(60px,1fr) 32px 26px !important;
  align-items:center !important;
  gap:6px !important;
  box-sizing:border-box !important;
  padding:7px 8px !important;
  border:1px solid rgba(125,145,180,.20) !important;
  border-radius:9px !important;
  background:linear-gradient(180deg,rgba(18,28,43,.96),rgba(9,15,24,.96)) !important;
  box-shadow:none !important;
  overflow:hidden !important;
}
.ai-platform-music-history-play,.ai-platform-music-history-download{
  width:24px !important;
  height:24px !important;
  padding:0 !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.06) !important;
  color:#eaf0f8 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  cursor:pointer !important;
  font:inherit !important;
  font-size:8px !important;
  line-height:1 !important;
  text-decoration:none !important;
}
.ai-platform-music-history-play:hover,.ai-platform-music-history-download:hover{
  background:rgba(255,255,255,.12) !important;
  border-color:rgba(67,199,255,.42) !important;
}
.ai-platform-music-history-time{
  min-width:0 !important;
  color:#c7d0dc !important;
  font-size:9px !important;
  line-height:1 !important;
  font-variant-numeric:tabular-nums !important;
  text-align:center !important;
  white-space:nowrap !important;
}
@media (max-width:520px){
  .ai-platform-music-history-player{
    grid-template-columns:24px minmax(45px,1fr) 29px 24px !important;
    gap:5px !important;
    padding:6px !important;
  }
  .ai-platform-music-history-play,.ai-platform-music-history-download{
    width:22px !important;
    height:22px !important;
    font-size:8px !important;
  }
  .ai-platform-music-history-time{font-size:7px !important;}
}

/* v0.9.6-Fix12 — Shared History Drawer controls (Image / Video / Voice / Music).
   One markup/icon source and one visual treatment across all Workspaces. */
.ai-platform-history-control{
  box-sizing:border-box !important;
  display:grid !important;
  place-items:center !important;
  flex:0 0 28px !important;
  width:28px !important;
  min-width:28px !important;
  max-width:28px !important;
  height:28px !important;
  min-height:28px !important;
  max-height:28px !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid rgba(125,145,180,.25) !important;
  border-radius:8px !important;
  background:#101722 !important;
  background-image:none !important;
  color:#dce7f5 !important;
  box-shadow:none !important;
  font:inherit !important;
  font-size:0 !important;
  line-height:1 !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  cursor:pointer !important;
  text-decoration:none !important;
}
.ai-platform-history-control:hover{
  background:#182130 !important;
  border-color:rgba(91,211,255,.62) !important;
  color:#fff !important;
}
.ai-platform-history-control:focus-visible{
  outline:2px solid rgba(67,199,255,.72) !important;
  outline-offset:2px !important;
}
.ai-platform-history-control svg{
  display:block !important;
  width:15px !important;
  height:15px !important;
  margin:0 !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  pointer-events:none !important;
}
@media (max-width:1199px){
  .ai-platform-history-control{
    flex-basis:34px !important;
    width:34px !important;
    min-width:34px !important;
    max-width:34px !important;
    height:34px !important;
    min-height:34px !important;
    max-height:34px !important;
    border-radius:9px !important;
    background:#151a22 !important;
    border-color:rgba(91,211,255,.28) !important;
  }
  .ai-platform-history-control svg{width:17px !important;height:17px !important;}
  .ai-platform-history-close{display:grid !important;}
}
@media (min-width:1200px){
  .ai-platform-history-close{display:none !important;}
}