/* Only the pill floats over the page: no header, full-width backing or menu button. */
/* Portrait is 70% of the former width and 75% of its height. Same audio owner. */
#portrait-player{position:fixed;z-index:80;top:8px;left:0;right:0;width:calc(70% - 19.6px);max-width:434px;height:43.5px;margin:0 auto;gap:6px;padding:4px 6px}
#portrait-player .player-details{display:block}
#portrait-player .player-heading{display:block}
#portrait-player .player-meta{display:block}
#portrait-player .player-button{width:32px;height:32px}
@media(max-height:330px){#portrait-player{height:40.5px}}
#portrait-player audio{display:none}
body.has-portrait-player #chat-settings{top:58px}
body.has-portrait-player .chat-conversation{padding-top:102px}
body.has-portrait-player .home-page,body.has-portrait-player .library-page{padding-top:66px}
#music-history{position:fixed;inset:58px 0 auto;width:min(460px,calc(100vw - 28px));max-height:calc(100dvh - 74px);margin:0 auto;overflow:auto;padding:20px;background:var(--surface-raised);color:var(--text);border:1px solid var(--border);border-radius:18px;box-shadow:0 12px 30px var(--shadow);--portrait-muted:var(--text-muted);--portrait-border:var(--border)}
#music-history::backdrop{background:transparent}#music-history h2{font:600 19px system-ui;margin:0 35px 18px 0}#music-history h3{font:600 12px system-ui;color:var(--portrait-muted);margin:20px 0 8px}
.history-close{position:absolute;top:10px;right:10px}.history-close,.history-delete{border:0;background:none;font-size:24px;min-width:36px;min-height:36px;cursor:pointer;color:var(--portrait-muted)}
.history-track{display:flex;align-items:center;border-bottom:1px solid var(--portrait-border);padding:9px 0;gap:8px}.history-track-play{flex:1;display:flex;align-items:center;gap:12px;min-width:0;background:none;border:0;color:inherit;text-align:left;padding:4px;cursor:pointer}
.history-track-play svg{width:23px;height:23px;flex:none;fill:var(--accent)}.history-track-play span{display:grid;gap:4px;min-width:0}.history-track strong{font:500 13px system-ui;overflow-wrap:anywhere}.history-generation strong{font-size:12px}.history-track small{font:11px system-ui;color:var(--portrait-muted)}
.history-delete{color:var(--danger)}#music-history>p{font:12px system-ui;color:var(--portrait-muted)}#music-history>button[hidden]{display:none}
body .chat-artifact{display:flex;align-items:center;gap:14px;padding:14px 16px;margin-top:18px;background:#fff;border:1px solid var(--portrait-border);border-radius:8px;box-shadow:0 2px 3px #1717140b,0 5px 15px #1717140a;color:var(--portrait-text);cursor:pointer;text-align:left;width:100%;font:inherit}
body .chat-artifact>svg{width:34px;height:34px;flex:none;fill:var(--portrait-muted)}body .chat-artifact-heading{display:grid;gap:5px;min-width:0;padding:0}body .chat-artifact-heading strong{color:var(--portrait-text);font:500 14px system-ui;overflow-wrap:anywhere}body .chat-artifact .chat-artifact-detail{display:block!important;font:12px system-ui;color:var(--portrait-muted);white-space:normal}