/* v0.9.13-Fix10 — One colour system for every workspace, and the Music/Voice refresh.
 *
 * Loaded last. (1) Chat, Image, Video, Music and Voice share the same page background,
 * panel surfaces, borders and history panels. (2) Music and Voice keep their form
 * layout but get the composer look: styled dropdowns (composer-chips.js, prefix
 * ai-platform-form-select), normal-size inputs, the new duration slider, a frameless
 * result without the "Result" heading, history lists that fill their panel, and
 * paired short options on phones.
 */
.ai-platform-generator:not(.ai-platform-generator--public-home){
  --aip-ws-bg:radial-gradient(circle at 82% 0%,rgba(228,92,255,.07),transparent 28%),radial-gradient(circle at 18% 0%,rgba(39,225,255,.08),transparent 30%),linear-gradient(180deg,#090d14 0%,#0b1017 100%);
  --aip-ws-panel:radial-gradient(circle at 0% 0%,rgba(39,225,255,.045),transparent 36%),linear-gradient(180deg,rgba(16,23,33,.96),rgba(11,16,24,.98));
  --aip-ws-history:radial-gradient(circle at 100% 0%,rgba(124,77,255,.07),transparent 34%),linear-gradient(180deg,#0d131c 0%,#090e15 100%);
  --aip-ws-border:rgba(135,172,255,.14);
  --aip-ws-field:rgba(255,255,255,.035);
  --aip-ws-field-border:rgba(255,255,255,.11);
  --aip-ws-text:#f7f9fc;
  --aip-ws-muted:#a8b0bd;
}

/* ---------- 1. Same background and surfaces everywhere ---------- */
.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,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-music-view,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-voice-view{
  background:var(--aip-ws-bg) !important;
  color:var(--aip-ws-text) !important;
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-music-topbar,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-voice-topbar{
  background:linear-gradient(180deg,rgba(12,17,25,.96),rgba(10,14,21,.94)) !important;
  border-bottom:1px solid var(--aip-ws-border) !important;
}
/* History panels */
.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-music-history-panel,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-voice-history-panel{
  background:var(--aip-ws-history) !important;
  border-color:var(--aip-ws-border) !important;
}
@media (min-width:1200px){
  .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-music-history-panel,
  .ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-voice-history-panel{
    border-width:1px !important;
    border-style:solid !important;
    border-radius:16px !important;
    box-shadow:0 18px 44px rgba(0,0,0,.18) !important;
  }
}
/* History cards inside the panels */
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__image-history-item,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-generator__video-history-item,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-music-history-item,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-voice-history-item{
  background:rgba(255,255,255,.025) !important;
  border-color:rgba(255,255,255,.08) !important;
  border-radius:12px !important;
}
/* Music/Voice form panels use the composer surface. */
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-music-controls,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-voice-controls{
  background:var(--aip-ws-panel) !important;
  border:1px solid var(--aip-ws-border) !important;
  border-radius:16px !important;
  box-shadow:0 18px 44px rgba(0,0,0,.18) !important;
}

/* ---------- 2. Music / Voice form ---------- */
.ai-platform-generator .ai-platform-music-field > span,
.ai-platform-generator .ai-platform-voice-field > span,
.ai-platform-generator .ai-platform-music-duration-label > span{
  color:var(--aip-ws-text) !important;
  font-size:12px !important;
  font-weight:650 !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 > input[data-music-title],
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-voice-field textarea{
  background:var(--aip-ws-field) !important;
  border:1px solid var(--aip-ws-field-border) !important;
  border-radius:10px !important;
  color:var(--aip-ws-text) !important;
  font-size:14px !important;
  line-height:1.5 !important;
  box-shadow:none !important;
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-music-field textarea::placeholder,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-music-field > input[data-music-title]::placeholder,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-voice-field textarea::placeholder{
  color:#7f8897 !important;
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-music-field textarea:focus,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-music-field > input[data-music-title]:focus,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-voice-field textarea:focus{
  border-color:rgba(124,77,255,.45) !important;
  box-shadow:0 0 0 2px rgba(124,77,255,.12) !important;
  outline:none !important;
}

/* Styled dropdown (composer-chips.js, prefix ai-platform-form-select) */
.ai-platform-generator .ai-platform-form-select{
  position:relative;
  display:block;
  width:100%;
  min-width:0;
  height:44px;
  border:1px solid var(--aip-ws-field-border);
  border-radius:10px;
  background:var(--aip-ws-field);
  box-sizing:border-box;
  transition:border-color .15s ease,background .15s ease;
}
.ai-platform-generator .ai-platform-form-select:hover,
.ai-platform-generator .ai-platform-form-select.is-open{
  border-color:rgba(124,77,255,.40);
  background:linear-gradient(90deg,rgba(39,225,255,.05),rgba(124,77,255,.07));
}
.ai-platform-generator .ai-platform-form-select.is-disabled{
  opacity:.5;
}
.ai-platform-generator .ai-platform-form-select.is-enhanced select{
  position:absolute !important;
  inset:auto !important;
  width:1px !important;
  height:1px !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  opacity:0 !important;
  pointer-events:none !important;
}
.ai-platform-generator .ai-platform-form-select__trigger{
  display:flex;
  align-items:center;
  width:100%;
  height:100%;
  min-width:0;
  margin:0;
  padding:0 34px 0 13px;
  border:0;
  border-radius:inherit;
  background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5' fill='none' stroke='%23a8b0bd' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center / 11px;
  color:var(--aip-ws-text,#f7f9fc);
  font:inherit;
  font-size:14px;
  font-weight:500;
  text-align:left;
  white-space:nowrap;
  cursor:pointer;
  outline:none;
}
.ai-platform-generator .ai-platform-form-select.is-open .ai-platform-form-select__trigger{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 7.5 6 4.5 9 7.5' fill='none' stroke='%23f7f9fc' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.ai-platform-generator .ai-platform-form-select__trigger:focus-visible{
  box-shadow:0 0 0 2px rgba(124,77,255,.45);
}
.ai-platform-generator .ai-platform-form-select__trigger:disabled{
  cursor:not-allowed;
}
.ai-platform-generator .ai-platform-form-select__label{
  overflow:hidden;
  text-overflow:ellipsis;
}
.ai-platform-generator .ai-platform-form-select-menu{
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 6px);
  z-index:80;
  max-height:min(280px,50vh);
  overflow-y:auto;
  padding:5px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  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%);
  box-shadow:0 24px 60px rgba(0,0,0,.42),0 0 34px rgba(88,72,255,.08);
  box-sizing:border-box;
  animation:aip-form-select-in .13s ease-out both;
}
.ai-platform-generator .ai-platform-form-select-menu[hidden]{
  display:none !important;
}
.ai-platform-generator .ai-platform-form-select.is-flip-up .ai-platform-form-select-menu{
  top:auto;
  bottom:calc(100% + 6px);
}
.ai-platform-generator .ai-platform-form-select-menu__head{
  display:none;
}
.ai-platform-generator .ai-platform-form-select-option{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  min-height:36px;
  margin:0;
  padding:0 10px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:var(--aip-ws-text,#f7f9fc);
  font:inherit;
  font-size:13px;
  font-weight:500;
  text-align:left;
  white-space:nowrap;
  cursor:pointer;
}
.ai-platform-generator .ai-platform-form-select-option:hover,
.ai-platform-generator .ai-platform-form-select-option.is-active{
  background:linear-gradient(90deg,rgba(39,225,255,.08),rgba(124,77,255,.10));
}
.ai-platform-generator .ai-platform-form-select-option.is-selected{
  color:#5fe6ff;
  font-weight:650;
}
.ai-platform-generator .ai-platform-form-select-option:disabled{
  opacity:.4;
  cursor:not-allowed;
}
.ai-platform-generator .ai-platform-form-select-option__text{
  flex:1 1 auto;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ai-platform-generator .ai-platform-form-select-option__check{
  flex:0 0 14px;
  color:#5fe6ff;
  font-size:12px;
  text-align:right;
}
@keyframes aip-form-select-in{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  .ai-platform-generator .ai-platform-form-select-menu{animation:none}
}
/* Voice: the dropdown sits next to the preview button. */
.ai-platform-generator .ai-platform-voice-select-row{
  display:flex !important;
  align-items:center;
  gap:8px;
}
.ai-platform-generator .ai-platform-voice-select-row .ai-platform-form-select{
  flex:1 1 auto;
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-voice-preview{
  flex:0 0 44px;
  width:44px !important;
  height:44px !important;
  border:1px solid var(--aip-ws-field-border) !important;
  border-radius:10px !important;
  background:var(--aip-ws-field) !important;
  color:#9fd8ff !important;
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-voice-preview:not(:disabled):hover{
  border-color:rgba(124,77,255,.40) !important;
}

/* Music duration: same slider as Video (thin gradient track, small glowing handle, lit scale). */
.ai-platform-generator .ai-platform-music-duration-label{
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  margin-bottom:10px !important;
}
.ai-platform-generator .ai-platform-music-duration-label output{
  padding:2px 10px;
  border:1px solid rgba(39,225,255,.40);
  border-radius:999px;
  background:linear-gradient(90deg,rgba(39,225,255,.12),rgba(124,77,255,.14));
  color:#5fe6ff !important;
  font-size:12px !important;
  font-weight:700;
}
.ai-platform-generator .ai-platform-music-duration-wrap{
  padding:9px 0 0 !important;
  margin:0 6px;
}
.ai-platform-generator .ai-platform-music-duration-wrap input[type=range]{
  top:0 !important;
  left:-6px !important;
  width:calc(100% + 12px) !important;
  height:24px !important;
}
.ai-platform-generator .ai-platform-music-duration-seek{
  height:6px !important;
  min-height:6px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.10) !important;
  overflow:visible !important;
}
.ai-platform-generator .ai-platform-music-duration-seek-fill{
  border-radius:999px !important;
  background:linear-gradient(90deg,#27e1ff,#4d8dff 55%,#7c4dff) !important;
  box-shadow:0 0 12px rgba(39,225,255,.35);
}
.ai-platform-generator .ai-platform-music-duration-seek-thumb{
  width:12px !important;
  height:12px !important;
  margin-left:-6px !important;
  margin-top:-6px !important;
  border-radius:50% !important;
  background:#f7f9fc !important;
  box-shadow:0 0 0 2px rgba(124,77,255,.6),0 0 10px rgba(39,225,255,.5) !important;
}
.ai-platform-generator .ai-platform-music-duration-wrap input[type=range]:focus-visible + .ai-platform-music-duration-seek .ai-platform-music-duration-seek-thumb{
  box-shadow:0 0 0 2px rgba(124,77,255,.9),0 0 0 5px rgba(39,225,255,.25),0 0 10px rgba(39,225,255,.6) !important;
}
.ai-platform-generator .ai-platform-music-duration-seek.is-disabled{
  opacity:.45;
}
.ai-platform-generator .ai-platform-music-duration-scale{
  height:24px !important;
  margin-top:10px !important;
  color:var(--aip-ws-muted) !important;
  font-size:10.5px !important;
}
.ai-platform-generator .ai-platform-music-duration-scale span{
  padding-top:9px;
}
.ai-platform-generator .ai-platform-music-duration-scale span::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  width:4px;
  height:4px;
  margin-left:-2px;
  border-radius:50%;
  background:rgba(255,255,255,.22);
}
.ai-platform-generator .ai-platform-music-duration-scale span:first-child::before{left:0}
.ai-platform-generator .ai-platform-music-duration-scale span:last-child::before{left:100%}
.ai-platform-generator .ai-platform-music-duration-scale span.is-passed::before{background:rgba(39,225,255,.55)}
.ai-platform-generator .ai-platform-music-duration-scale span.is-active{color:#5fe6ff;font-weight:700}
.ai-platform-generator .ai-platform-music-duration-scale span.is-active::before{background:#5fe6ff;box-shadow:0 0 8px rgba(39,225,255,.7)}

/* Cost above Generate */
.ai-platform-generator .ai-platform-music-generate-cost,
.ai-platform-generator .ai-platform-voice-generate-cost{
  color:var(--aip-ws-text) !important;
  font-size:14px !important;
  font-weight:600 !important;
}

/* ---------- 3. Frameless results, no "Result" heading ---------- */
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-music-result-wrap,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-voice-result-wrap{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.ai-platform-generator .ai-platform-music-result-header,
.ai-platform-generator .ai-platform-voice-result-header{
  display:none !important;
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-music-result,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-voice-result{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.ai-platform-generator .ai-platform-music-player-meta,
.ai-platform-generator .ai-platform-voice-player-meta{
  color:var(--aip-ws-muted) !important;
  font-size:12px !important;
  text-align:center;
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-music-download,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-voice-download{
  display:inline-flex !important;
  align-items:center;
  align-self:center;
  gap:7px;
  height:36px;
  padding:0 16px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:10px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.04)) !important;
  color:var(--aip-ws-text) !important;
  font-size:12.5px !important;
  font-weight:600;
  text-decoration:none !important;
}
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-music-download:hover,
.ai-platform-generator:not(.ai-platform-generator--public-home) .ai-platform-voice-download:hover{
  border-color:rgba(124,77,255,.40) !important;
  background:linear-gradient(90deg,rgba(39,225,255,.08),rgba(124,77,255,.10)) !important;
}

/* ---------- 4. History lists fill their panel ---------- */
@media (min-width:1200px){
  /* Music fills the screen height like Voice: the form keeps its own height,
     Result and Recent music run to the bottom. */
  .ai-platform-generator .ai-platform-music-body{
    flex:1 1 auto !important;
    min-height:0 !important;
    grid-template-rows:minmax(0,1fr) !important;
    overflow:hidden !important;
  }
  .ai-platform-generator .ai-platform-music-controls{
    align-self:start !important;
    max-height:100% !important;
    overflow-y:auto !important;
    box-sizing:border-box !important;
  }
  .ai-platform-generator .ai-platform-music-result-wrap,
  .ai-platform-generator .ai-platform-music-history-panel{
    align-self:stretch !important;
    min-height:0 !important;
  }
  .ai-platform-generator .ai-platform-music-history-panel,
  .ai-platform-generator .ai-platform-voice-history-panel{
    display:flex !important;
    flex-direction:column !important;
    min-height:0 !important;
    overflow:hidden !important;
  }
  .ai-platform-generator .ai-platform-music-history,
  .ai-platform-generator .ai-platform-voice-history{
    flex:1 1 auto !important;
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
    overflow-y:auto !important;
  }
}

/* ---------- 5. Phones: pair short options so Generate is reached sooner ---------- */
@media (max-width:520px){
  .ai-platform-generator .ai-platform-music-grid,
  .ai-platform-generator .ai-platform-voice-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:0 10px !important;
  }
  .ai-platform-generator .ai-platform-music-grid > .ai-platform-music-duration-field{
    grid-column:1 / -1;
  }
  /* Voice (with its preview button) and Style each take a full row; Language + Speed pair up. */
  .ai-platform-generator .ai-platform-voice-grid:has(.ai-platform-voice-select-row){
    grid-template-columns:minmax(0,1fr) !important;
  }
  .ai-platform-generator .ai-platform-form-select{
    height:42px;
  }
  .ai-platform-generator .ai-platform-form-select__trigger{
    padding:0 30px 0 11px;
    font-size:14px;
    background-position:right 10px center;
  }
}

/* v0.9.13-Fix14 — a history file that is gone from storage: dimmed, play disabled. */
.ai-platform-generator .ai-platform-music-history-player.is-unavailable,
.ai-platform-generator .ai-platform-voice-history-player.is-unavailable{
  opacity:.55;
}
.ai-platform-generator .ai-platform-music-history-player.is-unavailable button,
.ai-platform-generator .ai-platform-voice-history-player.is-unavailable button{
  cursor:not-allowed;
}
.ai-platform-generator .ai-platform-music-history-player.is-unavailable .ai-platform-music-history-time,
.ai-platform-generator .ai-platform-voice-history-player.is-unavailable .ai-platform-voice-history-time{
  color:#fca5a5;
}

/* v0.9.13-Fix15 — note under the Music duration slider (fixed 30 s for clip models). */
.ai-platform-generator .ai-platform-music-view .ai-platform-music-duration-note{
  display:block;
  margin-top:6px;
  color:var(--aip-work-muted,#a8b0bd);
  font-size:10px;
  line-height:1.45;
}

/* Search box and Rename in the Image / Music / Voice history panels
 * (shared JS: AIPlatformHistoryTools in frontend.js). */
.ai-platform-generator .ai-platform-history-search-toggle.is-active{
  color:var(--aip-work-text,#f7f9fc) !important;
  border-color:rgba(124,77,255,.55) !important;
  background:rgba(124,77,255,.14) !important;
}
.ai-platform-generator .ai-platform-history-search{
  margin:0 0 10px;
  padding:0 2px;
}
.ai-platform-generator .ai-platform-history-search[hidden]{display:none !important}
.ai-platform-generator .ai-platform-history-search input{
  display:block;
  width:100%;
  box-sizing:border-box;
  padding:8px 11px !important;
  border:1px solid var(--aip-ws-border,rgba(148,177,218,.16)) !important;
  border-radius:9px !important;
  background:var(--aip-ws-field,#0e131d) !important;
  color:var(--aip-work-text,#f7f9fc) !important;
  font:inherit;
  font-size:12px !important;
  outline:none;
  box-shadow:none !important;
}
.ai-platform-generator .ai-platform-history-search input:focus{border-color:rgba(124,77,255,.6) !important;box-shadow:0 0 0 2px rgba(124,77,255,.14) !important}
.ai-platform-generator .ai-platform-music-history-panel .ai-platform-history-search,
.ai-platform-generator .ai-platform-voice-history-panel .ai-platform-history-search{padding:10px 12px 0;margin:0}

/* Image cards: Rename beside Delete. */
.ai-platform-generator .ai-platform-generator__image-history-actions{
  display:flex;
  align-items:center;
  gap:12px;
}
.ai-platform-generator .ai-platform-generator__image-history-rename{
  padding:0;
  border:0;
  background:transparent;
  color:var(--aip-work-muted,#a8b0bd);
  font:inherit;
  font-size:9px;
  cursor:pointer;
}
.ai-platform-generator .ai-platform-generator__image-history-rename:hover{color:var(--aip-work-text,#f7f9fc);text-decoration:underline}

/* Music / Voice rows: ✎ to the left of ×. */
.ai-platform-generator .ai-platform-music-history-rename,
.ai-platform-generator .ai-platform-voice-history-rename{
  position:absolute;
  top:6px;
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  margin:0;
  padding:0;
  border:0;
  background:transparent !important;
  color:var(--aip-work-muted,#a8b0bd) !important;
  box-shadow:none !important;
  font:inherit;
  font-size:13px;
  line-height:1;
  cursor:pointer;
}
.ai-platform-generator .ai-platform-music-history-rename{top:8px;right:36px;width:24px;height:24px}
.ai-platform-generator .ai-platform-voice-history-rename{right:30px}
.ai-platform-generator .ai-platform-music-history-rename:hover,
.ai-platform-generator .ai-platform-voice-history-rename:hover{color:var(--aip-work-text,#f7f9fc) !important}
.ai-platform-generator .ai-platform-music-history-meta-wrap,
.ai-platform-generator .ai-platform-voice-history-meta-wrap{padding-right:58px !important;box-sizing:border-box}
.ai-platform-generator .ai-platform-image-history-tools{
  display:inline-flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center;
  gap:8px;
}

/* (i) beside each "Recent …" history title: how long history is kept. */
.ai-platform-generator .ai-platform-history-heading{
  position:relative;
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
}
.ai-platform-generator .ai-platform-history-heading > span:first-child,
.ai-platform-generator .ai-platform-history-heading > .ai-platform-generator__sidebar-title{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ai-platform-generator .ai-platform-history-info{
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
  width:18px;
  height:18px;
  color:var(--aip-work-muted,#a8b0bd);
  cursor:help;
  outline:none;
  border-radius:50%;
}
.ai-platform-generator .ai-platform-history-info svg{width:15px;height:15px;display:block}
.ai-platform-generator .ai-platform-history-info:hover,
.ai-platform-generator .ai-platform-history-info.is-open,
.ai-platform-generator .ai-platform-history-info:focus-visible{color:#5fe6ff}
.ai-platform-generator .ai-platform-history-info:focus-visible{box-shadow:0 0 0 2px rgba(57,215,255,.35)}
.ai-platform-generator .ai-platform-history-info__tip{
  position:absolute;
  left:0;
  top:calc(100% + 8px);
  z-index:80;
  width:min(250px,calc(100vw - 40px));
  padding:11px 13px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:11px;
  background:linear-gradient(180deg,#141b27 0%,#0d121b 100%);
  box-shadow:0 18px 40px rgba(0,0,0,.45),0 0 24px rgba(57,215,255,.06);
  color:#cfd6e2;
  font-size:11.5px;
  font-weight:400;
  line-height:1.5;
  letter-spacing:normal;
  text-transform:none;
  white-space:normal;
  text-align:left;
  opacity:0;
  visibility:hidden;
  transform:translateY(-3px);
  transition:opacity .15s ease,transform .15s ease,visibility .15s;
  pointer-events:none;
}
.ai-platform-generator .ai-platform-history-info__tip strong{display:block;margin-top:6px;color:#fff;font-weight:600}
.ai-platform-generator .ai-platform-history-info:hover .ai-platform-history-info__tip,
.ai-platform-generator .ai-platform-history-info:focus-visible .ai-platform-history-info__tip,
.ai-platform-generator .ai-platform-history-info.is-open .ai-platform-history-info__tip{
  opacity:1;
  visibility:visible;
  transform:none;
}
/* Mobile panel styles set position on every span inside the history header;
 * keep the note anchored to the heading. */
.ai-platform-generator .ai-platform-history-heading{position:relative !important}
.ai-platform-generator .ai-platform-history-heading .ai-platform-history-info{position:static !important}
.ai-platform-generator .ai-platform-history-heading .ai-platform-history-info__tip{position:absolute !important;left:0 !important;top:calc(100% + 8px) !important;display:block !important}