/* Test-only portrait refinement, shared by the native entry and web prompt page.
   44.8px × 0.75 = 33.6px. Only the outer header height changes this pass. */
.portrait-titlebar,
body.songsa-web .portrait-titlebar {
  box-sizing:border-box;
  flex-basis:33.6px;
  min-height:33.6px;
  height:33.6px;
}
#portrait-composition-title {
  height:28px;
  max-height:100%;
  min-height:0;
  box-sizing:border-box;
  padding:0 8px;
  border:0;
  background:inherit;
  color:inherit;
  box-shadow:none;
}
#portrait-composition-title,
#portrait-composition-title input {
  animation:none !important;
  transition:none !important;
}
#portrait-composition-title::before,
#portrait-composition-title::after,
#portrait-composition-title input::before,
#portrait-composition-title input::after {
  content:none !important;
  display:none !important;
  animation:none !important;
}
#portrait-composition-title input {
  height:26px;
  max-height:100%;
  min-height:0;
  box-sizing:border-box;
  font-size:24px;
  line-height:1.05;
}
#portrait-composition-title input:not([readonly]) {
  background:transparent;
}

/* The existing transparent master marks every Songsa reply, including history
   and account invitations. Decorative only: no changes to message contents. */
.chat-message.assistant .chat-message-label{display:inline-flex;align-items:center;gap:7px}
.chat-message.assistant .chat-message-label::before{content:'';display:block;flex:0 0 28px;width:28px;height:28px;background:transparent url('/songsa-logo-master.svg') center/contain no-repeat}
.portrait-titlebar .song-guidance-open svg{width:21px;height:21px}

/* Test art direction. One removable layer; musical colours retain their identity. */
:root,html,body {
  color-scheme:dark;
  --portrait-surface:#141416;--portrait-message:#202023;
  --portrait-text:#f2eef7;--portrait-muted:#bcb5c7;
  --portrait-analysis-text:#d2c6e4;--portrait-hint:#b5adbf;
  --portrait-border:#38333e;--portrait-glass:#1b191ff5;--portrait-scrim:#000000a8;
  --portrait-button:#a45bea;--portrait-button-text:#ffffff;
  background:var(--portrait-surface);color:var(--portrait-text);
}
body.songsa-web,.app-main,.library-page,.release-grid,.sidebar {background:#141416;color:#f2eef7}
dialog, #settings-dialog, .account-card, .chat-artifact, #composition-menu {
  background:#201e24!important;color:#f2eef7!important;border-color:#46404e!important;
}
dialog::backdrop {background:#000000a8}
dialog input,dialog textarea,dialog select {color:#f2eef7!important;background:#17151b!important;border-color:#51465e!important;color-scheme:dark}
dialog label,dialog p,dialog legend,.chat-turn-status,.chat-message-label {color:#c7bdd4}
dialog a,.library-page a {color:#d0a1ff}
.chat-generation-retry {background:#30223d;color:#dfb9ff;border-color:#a45bea}
.chat-generation-retry:hover {background:#422e54}
.release,.release-placeholder {background:#201e24;color:#f2eef7;border-color:#38333e}
.release h3,.release strong {color:#f2eef7}.release p,.release small {color:#bcb5c7}
/* Your Music is deliberately a calm creator-project list on phones. */
.library-page .release-grid{display:flex;flex-direction:column;max-width:760px;gap:0}
.chat-turn-status.is-error {color:#ffb6c8}
#selection-markers {--selection-three-row-height:100px}
.portrait-titlebar,body.songsa-web .portrait-titlebar{background:#141416!important;color:#f2eef7!important;box-shadow:0 1px #38333e!important}
.chat-composer,body.songsa-web .chat-composer{background:#1b191f!important;color:#f2eef7;border-color:#46404e!important;box-shadow:0 8px 32px #0003;border-radius:20px;overflow:visible}
.chat-message-text,.chat-message,.chat-composer textarea,.prompt-input-stream{color:#f2eef7!important}
.chat-composer textarea::placeholder{color:#b8adbf!important;opacity:1}
.chat-composer-footer #prompt-status{color:#c5b7d1!important}
.selection-marker,.selection-marker-label,#selection-markers{color:#dbd0e6!important}
.finish-dialog .finish-cover,.finish-dialog .share-option{background:#302537!important;color:#d8afff!important}
.finish-subtitle,.finish-footnote,.share-option span{color:#c7b8d5!important}
/* The web layout must reserve the same measured suggestion clearance as native. */
body.songsa-web .chat-conversation{padding-bottom:calc(24px + var(--selection-list-clearance,0px));scroll-padding-bottom:calc(24px + var(--selection-list-clearance,0px))}
#selection-markers{background:#141416;border-radius:12px 12px 0 0}
.chat-composer .prompt-input-shell.has-prompt-stream textarea::placeholder{color:transparent!important}
.chat-composer .produce-button,.chat-composer .voice-button{background:#28212f!important;color:#dfbeff!important;border-color:#a45bea!important}
body.songsa-web .songsa-studio,.songsa-studio header,#songsa-timeline{background:#141416;color:#f2eef7}
.songsa-studio header{border-color:#38333e}.songsa-studio h1{color:#f2eef7}.songsa-studio header a{color:#d0a1ff}
