/* Presentation only. No musical controls, IDs, requests or data are replaced. */
.v-mobile-history-tools,.v-mobile-prompt-preview,.v-mobile-prompt-label{display:none}
@media(max-width:700px){
 html[data-v-ui="workspace"] .soul-head{height:44px;min-height:44px;flex-basis:44px}
 html[data-v-ui="workspace"] .soul-now{position:relative;padding:8px;justify-content:flex-start;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
 html[data-v-ui="workspace"] .soul-now>.v-source-label,
 html[data-v-ui="workspace"] .soul-now>#soulTrackMeta{display:none}
 html[data-v-ui="workspace"] .soul-track-heading{min-height:26px}
 html[data-v-ui="workspace"] #soulTrackTitle{font-size:16px;line-height:1.4}
 html[data-v-ui="workspace"] .soul-player{margin:4px 0;height:32px;min-height:32px}
 html[data-v-ui="workspace"] .soul-actions{gap:4px;margin:3px 0;flex-wrap:wrap}
 html[data-v-ui="workspace"] .soul-actions button{min-height:32px;padding:6px;font-size:10px;letter-spacing:0}
 html[data-v-ui="workspace"] #soulStatus{margin:3px 0 5px;line-height:17px;min-height:17px}
 /* Only a short preview occupies the layout. Full details overlay the card. */
 html[data-v-ui="workspace"] .v-track-details{max-height:none;margin:2px 0 6px;padding:5px 8px;overflow:visible;flex:0 0 auto}
 html[data-v-ui="workspace"] .v-track-details>summary{display:flex;gap:6px;align-items:center;list-style:none;min-height:25px;font-size:10px;letter-spacing:.02em;line-height:1.35}
 html[data-v-ui="workspace"] .v-track-details>summary::-webkit-details-marker{display:none}
 html[data-v-ui="workspace"] .v-mobile-prompt-label{display:inline-block;margin-left:auto;flex:0 0 auto;font:600 10px/1.3 system-ui,sans-serif;border:1px solid #b4c8d3;border-radius:5px;background:#fff;padding:5px 7px}
 html[data-v-ui="workspace"] .v-mobile-prompt-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:36px;margin:2px 0 1px;font:13px/18px system-ui,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;color:#355768}
 html[data-v-ui="workspace"] .v-mobile-prompt-preview.v-no-saved-prompt{-webkit-line-clamp:1;max-height:18px}
 html[data-v-ui="workspace"] .soul-now:not(.v-mobile-prompt-full) .v-track-details-body{display:none}
 html[data-v-ui="workspace"] .soul-now.v-mobile-prompt-full>.v-track-details{position:absolute;inset:4px;z-index:5;width:auto;height:auto;max-height:none;overflow:auto;margin:0;padding:10px;background:#fff;border-color:#9cb9c9;box-shadow:0 4px 18px #203e4f18}
 html[data-v-ui="workspace"] .soul-now.v-mobile-prompt-full>.v-track-details>summary{position:sticky;top:-10px;z-index:1;min-height:42px;margin:-10px -10px 6px;padding:8px 10px;background:#f4f8fa;border-bottom:1px solid #d6dfe3}
 html[data-v-ui="workspace"] .soul-now.v-mobile-prompt-full>.v-track-details .v-mobile-prompt-preview{display:none}
 html[data-v-ui="workspace"] .soul-now.v-mobile-prompt-full>.v-track-details .v-saved-prompt{font-size:16px;min-height:110px;max-height:45vh}
 html[data-v-ui="workspace"] .soul-now.v-mobile-prompt-full>:not(.v-track-details){visibility:hidden}
 /* The transcript gets a genuine minimum height, never just one visible line.
    Short/landscape screens scroll the source card rather than crushing history. */
 html[data-v-ui="workspace"] .v-history{position:relative;flex:1 0 280px;min-height:280px;padding-top:5px}
 html[data-v-ui="workspace"] .v-history-scroll{min-height:180px;padding:2px 3px 10px 0;-webkit-overflow-scrolling:touch;touch-action:pan-y}
 html[data-v-ui="workspace"] .v-history-toolbar{flex-wrap:wrap;gap:5px;min-height:36px;margin-bottom:3px}
 html[data-v-ui="workspace"] .v-history-title{flex:1 1 95px;min-width:0;font-size:12px;line-height:1.3;margin:0}
 html[data-v-ui="workspace"] .v-mobile-history-tools{display:flex;gap:4px;margin-left:auto;flex:0 0 auto}
 html[data-v-ui="workspace"] .v-mobile-history-tools button{min-height:34px;padding:6px 7px;font-size:10px;font-weight:600;white-space:nowrap}
 html[data-v-ui="workspace"] .v-history-toolbar>.v-history-search{display:none;order:3}
 html[data-v-ui="workspace"] .v-history-filters{display:none}
 html[data-v-ui="workspace"] .v-history.v-mobile-filter-open .v-history-search{display:block;flex:0 0 100%;width:100%;font-size:16px;min-height:36px}
 html[data-v-ui="workspace"] .v-history.v-mobile-filter-open .v-history-filters{display:flex;margin:3px 0 5px;gap:5px}
 html[data-v-ui="workspace"] .v-history-meta{margin:2px 0 3px;min-height:30px;align-items:center}
 html[data-v-ui="workspace"] .v-history-meta>span{display:none}
 html[data-v-ui="workspace"] .v-history-meta>button{min-height:30px;font-size:11px;padding:5px 8px}
 html[data-v-ui="workspace"] .v-history-meta>button:last-child{margin-left:auto}
 html[data-v-ui="workspace"] .v-day{margin:3px 0 6px;padding:3px 0}
 html[data-v-ui="workspace"] .v-entry{padding:9px 10px}
 /* Expand is a display state of the very same history DOM, not a second feed. */
 html[data-v-ui="workspace"] .soul-now:is(.v-mobile-history-full,.v-mobile-prompt-full){overflow:hidden}
 html[data-v-ui="workspace"] .soul-now.v-mobile-history-full>.v-history{position:absolute;inset:6px;z-index:4;min-height:0;height:auto;padding:4px;background:#fff;border-top:0}
 html[data-v-ui="workspace"] .soul-now.v-mobile-history-full>.v-history>.v-history-scroll{min-height:0}
 html[data-v-ui="workspace"] .soul-now.v-mobile-history-full>:not(.v-history){visibility:hidden}
 /* Keep the new-task editor usable without wasting two rows of instructions. */
 html[data-v-ui="workspace"] .v-compose-help{display:none}
 html[data-v-ui="workspace"] .soul-limit{margin:4px 12px 3px;font-size:9px;line-height:12px}
 html[data-v-ui="workspace"] .soul-whisper{min-height:78px;padding:6px 8px}
 html[data-v-ui="workspace"] #soulPrompt{min-height:60px!important;max-height:150px!important;resize:vertical}
 html[data-v-ui="workspace"] .v-build{font-size:8px;line-height:12px}
 /* Opening the library is temporary, not a permanent 150px height penalty. */
 html[data-v-ui="workspace"] .soul-grid{position:relative}
 html[data-v-ui="workspace"].v-library-open .soul-grid{grid-template-rows:minmax(0,1fr)}
 html[data-v-ui="workspace"].v-library-open .soul-library{position:absolute;inset:0 8px;z-index:8;width:auto;height:auto;max-height:none;background:#fff;box-shadow:0 4px 16px #1f43551a}
}