/* Premium Story System v13 - additive CSS.
   Loaded instead of status_story_youtube_v12.min.css (v12 stays on server, unused now).
   Keep this file - it also contains the v12 rules so nothing regresses. */

/* ===== carried over from v12 (unchanged) ===== */
.premium-story-youtube-player{position:absolute;z-index:8;right:50%;bottom:56px;width:min(356px,calc(100% - 24px));height:200px;overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:16px;background:#000;box-shadow:0 16px 38px rgba(0,0,0,.38);transform:translateX(50%)}
.premium-story-youtube-player[hidden]{display:none}
.premium-story-youtube-player iframe{display:block;width:100%;height:100%;border:0;background:#000}
.premium-story-viewer__stage.has-youtube .premium-story-caption{bottom:274px}
.premium-story-viewer__stage.has-youtube .premium-story-music{bottom:264px;max-width:calc(100% - 30px)}
.premium-story-viewer__stage.has-youtube .premium-story-nav{bottom:274px}
.premium-story-selected-player{width:100%;height:200px;margin-top:9px;overflow:hidden;border:1px solid #dbe3ef;border-radius:14px;background:#000;box-shadow:0 8px 22px rgba(15,23,42,.14)}
.premium-story-selected-player[hidden]{display:none}
.premium-story-selected-player iframe{display:block;width:100%;height:100%;border:0;background:#000}
.premium-story-duration-field{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 11px;border:1px solid #dbe3ef;border-radius:14px;background:linear-gradient(135deg,#fff,#f8fafc)}
.premium-story-duration-field>label{display:flex;min-width:0;flex:1;align-items:center;gap:9px;cursor:pointer}
.premium-story-duration-field>label>i{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:10px;background:#eef2ff;color:#4f46e5;font-size:16px}
.premium-story-duration-field span{min-width:0}
.premium-story-duration-field strong,.premium-story-duration-field small{display:block}
.premium-story-duration-field strong{color:#1e293b;font-size:12px}
.premium-story-duration-field small{margin-top:2px;color:#64748b;font-size:9.5px;line-height:1.3}
.premium-story-duration-select{min-width:112px;height:38px;padding:0 30px 0 11px;border:1px solid #cbd5e1;border-radius:11px;outline:0;background:#fff;color:#334155;font:800 11px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}
.premium-story-duration-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.14)}
.premium-story-clip-editor{margin-top:9px;padding:11px;border:1px solid #dbe3ef;border-radius:14px;background:linear-gradient(135deg,#f8fafc,#eef2ff)}
.premium-story-clip-editor[hidden]{display:none}
.premium-story-clip-editor>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
.premium-story-clip-editor strong{color:#334155;font-size:11px}
.premium-story-clip-time{flex:0 0 auto;padding:4px 7px;border-radius:8px;background:#4f46e5;color:#fff;font-size:10px;font-weight:800;font-variant-numeric:tabular-nums}
.premium-story-clip-range{width:100%;height:24px;margin:8px 0 3px;accent-color:#4f46e5;cursor:pointer}
.premium-story-clip-range:disabled{cursor:not-allowed;opacity:.55}
.premium-story-clip-editor>small{display:block;color:#64748b;font-size:9.5px;line-height:1.35}

/* ===== v13: track list - keep "+" visible + marquee for long titles ===== */
.premium-story-track{display:flex!important;align-items:center!important;gap:10px!important;width:100%;overflow:hidden}
.premium-story-track-meta{flex:1 1 auto;min-width:0;overflow:hidden}
.premium-story-track-meta strong,.premium-story-track-meta small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.premium-story-track-meta strong.is-marquee,.premium-story-track-meta small.is-marquee{text-overflow:clip;animation:premiumTrackMarquee 6s linear infinite;animation-delay:1s}
.premium-story-track:hover .premium-story-track-meta strong.is-marquee,
.premium-story-track:hover .premium-story-track-meta small.is-marquee{animation-play-state:running}
.premium-story-track-plus{flex:0 0 auto!important;margin-left:auto}
@keyframes premiumTrackMarquee{0%,15%{transform:translateX(0)}85%,100%{transform:translateX(calc(-100% + 60px))}}

/* ===== v13: two-step music picker (search list -> selected song details) with back button ===== */
.premium-story-music-picker{position:relative;overflow:hidden}
.premium-story-music-step-list{transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .28s ease}
.premium-story-music-step-details{position:absolute;inset:0 0 auto 0;transform:translateX(100%);opacity:0;pointer-events:none;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .28s ease}
.premium-story-music-picker.show-details .premium-story-music-step-list{transform:translateX(-100%);opacity:0;pointer-events:none}
.premium-story-music-picker.show-details .premium-story-music-step-details{position:relative;transform:translateX(0);opacity:1;pointer-events:auto}
.premium-story-music-back{display:flex;align-items:center;gap:6px;margin-bottom:8px;padding:7px 11px;border:1px solid #dbe3ef;border-radius:10px;background:#fff;color:#334155;font:700 11px/1 system-ui,sans-serif;cursor:pointer}
.premium-story-selected-track{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid #dbe3ef;border-radius:14px;background:linear-gradient(135deg,#fff,#f8fafc)}
.premium-story-selected-track[hidden]{display:none}
.premium-story-selected-track img{width:44px;height:44px;border-radius:10px;object-fit:cover;flex:0 0 auto}
.premium-story-selected-track>div{flex:1;min-width:0}
.premium-story-selected-track strong,.premium-story-selected-track small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.premium-story-track-remove{flex:0 0 auto;width:30px;height:30px;border:0;border-radius:50%;background:#f1f5f9;color:#475569;cursor:pointer}

/* ===== v13: Add-text tool ===== */
.premium-story-canvas{position:relative;overflow:hidden;border-radius:12px}
.premium-story-canvas img{display:block;width:100%}
.premium-story-text-layer{position:absolute;inset:0;pointer-events:none}
.premium-story-text-node{position:absolute;transform:translate(-50%,-50%);max-width:88%;padding:4px 8px;text-align:center;white-space:pre-wrap;word-break:break-word;cursor:grab;pointer-events:auto;touch-action:none;text-shadow:0 1px 6px rgba(0,0,0,.45)}
.premium-story-text-node:active{cursor:grabbing}
.premium-story-add-text{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:8px;padding:9px;border:1px dashed #94a3b8;border-radius:12px;background:#fff;color:#334155;font:700 12px/1 system-ui,sans-serif;cursor:pointer}
.premium-story-add-text[hidden]{display:none}
.premium-story-text-editor{margin-top:9px;padding:11px;border:1px solid #dbe3ef;border-radius:14px;background:linear-gradient(135deg,#f8fafc,#eef2ff)}
.premium-story-text-editor[hidden]{display:none}
.premium-story-text-input{width:100%;min-height:52px;padding:8px 10px;border:1px solid #cbd5e1;border-radius:10px;font:600 13px/1.4 system-ui,sans-serif;resize:vertical}
.premium-story-text-fonts{display:flex;gap:6px;margin-top:8px;overflow-x:auto}
.premium-story-text-fonts button{flex:0 0 auto;min-width:40px;height:36px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#1e293b;cursor:pointer}
.premium-story-text-fonts button.active{border-color:#4f46e5;box-shadow:0 0 0 2px rgba(79,70,229,.18)}
.premium-story-text-colors{display:flex;gap:8px;margin-top:8px}
.premium-story-text-colors button{width:26px;height:26px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #cbd5e1;cursor:pointer}
.premium-story-text-colors button.active{box-shadow:0 0 0 2px #4f46e5}
.premium-story-text-editor-actions{display:flex;justify-content:space-between;gap:8px;margin-top:10px}
.premium-story-text-remove{padding:8px 12px;border:1px solid #fecaca;border-radius:10px;background:#fff1f2;color:#b91c1c;font:700 11px/1 system-ui,sans-serif;cursor:pointer}
.premium-story-text-done{padding:8px 16px;border:0;border-radius:10px;background:#4f46e5;color:#fff;font:700 11px/1 system-ui,sans-serif;cursor:pointer}

/* text rendered in the story VIEWER */
.premium-story-text-render{position:absolute;transform:translate(-50%,-50%);max-width:88%;padding:4px 8px;text-align:center;white-space:pre-wrap;word-break:break-word;z-index:6;text-shadow:0 1px 6px rgba(0,0,0,.5)}
.premium-story-text-render[hidden]{display:none}

/* ===== v13: floating YouTube player in the viewer (drag handle, adjust mode, minimize) ===== */
.premium-story-yt-handle{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:5px 7px;background:linear-gradient(180deg,rgba(0,0,0,.55),transparent);cursor:grab;touch-action:none}
.premium-story-yt-handle:active{cursor:grabbing}
.premium-story-yt-handle i{color:#fff;font-size:14px}
.premium-story-yt-handle button{display:grid;place-items:center;width:24px;height:24px;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;cursor:pointer}
.premium-story-yt-overlay{position:absolute;inset:0;z-index:1;background:transparent;display:none;touch-action:none}
.premium-story-youtube-player.is-adjusting .premium-story-yt-overlay{display:block}
.premium-story-youtube-player.is-adjusting{outline:2px dashed rgba(255,255,255,.6);outline-offset:2px}
.premium-story-youtube-player.is-adjusting .premium-story-yt-adjust{background:#4f46e5}
.premium-story-youtube-player.is-minimized{width:52px!important;height:52px!important;border-radius:50%!important;left:auto!important;right:14px!important;bottom:96px!important;top:auto!important}
.premium-story-youtube-player.is-minimized iframe,.premium-story-youtube-player.is-minimized .premium-story-yt-overlay{display:none}
.premium-story-youtube-player.is-minimized .premium-story-yt-handle{position:static;background:none;justify-content:center;height:100%}
.premium-story-youtube-player.is-minimized .premium-story-yt-handle i.bi-grip-horizontal,
.premium-story-youtube-player.is-minimized .premium-story-yt-adjust{display:none}
.premium-story-youtube-player.is-minimized .premium-story-yt-toggle{width:100%;height:100%;border-radius:50%;background:#4f46e5}
.premium-story-youtube-player.is-minimized .premium-story-yt-toggle i:before{content:"\f728"} /* bi-music-note-beamed-ish fallback via play icon glyph */

@media(max-width:600px){
  .premium-story-youtube-player{bottom:58px;width:min(356px,calc(100% - 18px));height:200px;border-radius:15px}
  .premium-story-viewer__stage.has-youtube .premium-story-caption{right:12px;bottom:276px;left:12px}
  .premium-story-viewer__stage.has-youtube .premium-story-music{bottom:266px;left:10px;max-width:calc(100% - 20px)}
  .premium-story-selected-player{height:200px;border-radius:13px}
  .premium-story-duration-field{align-items:stretch;flex-direction:column;padding:10px;border-radius:13px}
  .premium-story-duration-select{width:100%;height:40px}
  .premium-story-clip-editor{padding:10px;border-radius:13px}
}

/* ===== V90: story age + clean animated sound indicator ===== */
.premium-story-header__name small{font-size:11px!important;color:rgba(255,255,255,.82)!important}
.premium-story-sound{position:relative;overflow:hidden}
.premium-story-sound .premium-story-sound-eq{display:flex;align-items:flex-end;justify-content:center;gap:2px;width:18px;height:16px}
.premium-story-sound .premium-story-sound-eq>i{display:block;width:3px;height:6px;border-radius:999px;background:currentColor;transform-origin:bottom;animation:none}
.premium-story-sound .premium-story-sound-eq>i:nth-child(2){height:11px}
.premium-story-sound .premium-story-sound-eq>i:nth-child(3){height:8px}
.premium-story-sound.is-playing .premium-story-sound-eq>i{animation:premiumStoryEqV90 .62s ease-in-out infinite alternate}
.premium-story-sound.is-playing .premium-story-sound-eq>i:nth-child(2){animation-delay:-.22s}
.premium-story-sound.is-playing .premium-story-sound-eq>i:nth-child(3){animation-delay:-.41s}
.premium-story-sound .premium-story-sound-muted{display:none;font-size:16px;line-height:1}
.premium-story-sound.is-muted .premium-story-sound-eq{display:none}
.premium-story-sound.is-muted .premium-story-sound-muted{display:grid;place-items:center}
@keyframes premiumStoryEqV90{0%{transform:scaleY(.42);opacity:.68}100%{transform:scaleY(1.35);opacity:1}}
/* Do not show the bulky music pill / YouTube player in the story image. The iframe remains tiny so audio control keeps working. */
.premium-story-viewer .premium-story-music{display:none!important}
.premium-story-viewer .premium-story-youtube-player.grd-story-audio-only{position:absolute!important;z-index:-1!important;right:0!important;bottom:0!important;left:auto!important;top:auto!important;width:2px!important;height:2px!important;min-width:0!important;min-height:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;opacity:.001!important;overflow:hidden!important;pointer-events:none!important;transform:none!important}
.premium-story-viewer .premium-story-youtube-player.grd-story-audio-only iframe{display:block!important;width:2px!important;height:2px!important;border:0!important}
.premium-story-viewer .premium-story-youtube-player.grd-story-audio-only .premium-story-yt-handle,.premium-story-viewer .premium-story-youtube-player.grd-story-audio-only .premium-story-yt-overlay{display:none!important}
@media(max-width:600px){.premium-story-header__name small{font-size:10.5px!important}.premium-story-sound{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){.premium-story-sound.is-playing .premium-story-sound-eq>i{animation:none!important}}


/* ===== V93: tray shows only story name; relative age belongs inside the opened story ===== */
.premium-story-person .premium-story-person__meta{display:flex!important;min-width:0!important;width:100%!important;flex-direction:column!important;align-items:center!important;gap:0!important;margin-top:3px!important}
.premium-story-person .premium-story-person__meta>small{display:block!important;max-width:100%!important;margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-align:center!important}
.premium-story-person .premium-story-person__name{font-size:10.5px!important;line-height:1.15!important}
.premium-story-person .premium-story-person__age{display:none!important}
@media(max-width:600px){
  .premium-story-person .premium-story-person__meta{margin-top:2px!important}
  .premium-story-person .premium-story-person__name{font-size:10px!important}
}

/* V94 - story time only inside viewer + high-visibility YouTube minimize/restore + permission-only uploads */
.premium-story-header__name{min-width:0!important}
.premium-story-header__name small{display:block!important;max-width:100%!important;color:rgba(255,255,255,.86)!important;font-size:11px!important;font-weight:650!important;line-height:1.25!important;text-shadow:0 1px 3px rgba(0,0,0,.35)}

/* Make the minimize button visually obvious while the YouTube card is visible. */
.premium-story-youtube-player:not(.is-minimized) .premium-story-yt-toggle{position:relative!important;overflow:visible!important;width:28px!important;height:28px!important;border:1px solid rgba(255,255,255,.82)!important;background:linear-gradient(135deg,#ff3d81,#ff7a45)!important;color:#fff!important;animation:premiumStoryMinimizePulseV94 1.25s ease-in-out infinite!important;box-shadow:0 3px 12px rgba(255,61,129,.55),0 0 0 0 rgba(255,122,69,.38)!important}
.premium-story-youtube-player:not(.is-minimized) .premium-story-yt-toggle>i{color:#fff!important;font-size:17px!important;font-weight:900!important;text-shadow:0 1px 3px rgba(0,0,0,.28)!important;animation:premiumStoryMinimizeDashV94 .8s ease-in-out infinite alternate!important}
.premium-story-youtube-player:not(.is-minimized) .premium-story-yt-toggle:hover,.premium-story-youtube-player:not(.is-minimized) .premium-story-yt-toggle:focus-visible{background:linear-gradient(135deg,#ff1f6d,#ff642f)!important;box-shadow:0 4px 16px rgba(255,61,129,.68),0 0 0 3px rgba(255,255,255,.20)!important}
@keyframes premiumStoryMinimizePulseV94{0%,100%{transform:scale(1);box-shadow:0 3px 12px rgba(255,61,129,.55),0 0 0 0 rgba(255,122,69,.38)}50%{transform:scale(1.1);box-shadow:0 4px 16px rgba(255,61,129,.66),0 0 0 7px rgba(255,122,69,0)}}
@keyframes premiumStoryMinimizeDashV94{from{transform:translateY(-1px)}to{transform:translateY(2px)}}

/* Minimize keeps a small restore control visible. The iframe stays tiny so playback can continue. */
.premium-story-youtube-player.is-minimized{position:absolute!important;z-index:10!important;left:auto!important;right:14px!important;top:auto!important;bottom:96px!important;width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:50%!important;background:rgba(30,41,59,.94)!important;box-shadow:0 10px 28px rgba(0,0,0,.34)!important;opacity:1!important;overflow:hidden!important;pointer-events:auto!important;transform:none!important}
.premium-story-youtube-player.is-minimized iframe{display:block!important;position:absolute!important;right:0!important;bottom:0!important;width:2px!important;height:2px!important;border:0!important;opacity:.001!important;pointer-events:none!important}
.premium-story-youtube-player.is-minimized .premium-story-yt-overlay{display:none!important}
.premium-story-youtube-player.is-minimized .premium-story-yt-handle{position:relative!important;inset:auto!important;z-index:3!important;display:flex!important;width:100%!important;height:100%!important;padding:0!important;align-items:center!important;justify-content:center!important;background:transparent!important;cursor:pointer!important}
.premium-story-youtube-player.is-minimized .premium-story-yt-handle>i.bi-grip-horizontal,.premium-story-youtube-player.is-minimized .premium-story-yt-adjust{display:none!important}
.premium-story-youtube-player.is-minimized .premium-story-yt-toggle{display:grid!important;width:100%!important;height:100%!important;place-items:center!important;border-radius:50%!important;background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;animation:none!important}
.premium-story-youtube-player.is-minimized .premium-story-yt-toggle i:before{content:none!important}
.premium-story-yt-restore-mark{display:block;color:#fff;font:800 25px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;transform:translateY(-1px)}

/* Permission-only direct song upload mode. */
.premium-story-search-song-mode[hidden],.premium-story-upload-song-mode[hidden]{display:none!important}
.premium-story-upload-song-mode{display:grid;gap:9px}
.premium-story-upload-audio{display:grid;grid-template-columns:44px minmax(0,1fr) 34px;align-items:center;gap:10px;min-height:70px;padding:10px 11px;border:1px solid #d8def0;border-radius:15px;background:linear-gradient(135deg,#f8faff,#eef2ff);color:#334155;cursor:pointer;box-shadow:0 7px 20px rgba(79,70,229,.08)}
.premium-story-upload-audio>span:nth-child(2){min-width:0}
.premium-story-upload-audio strong,.premium-story-upload-audio small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.premium-story-upload-audio strong{font-size:12.5px;color:#1e293b}
.premium-story-upload-audio small{margin-top:3px;font-size:9.5px;color:#64748b}
.premium-story-upload-audio>i{display:grid;width:32px;height:32px;place-items:center;border-radius:10px;background:#fff;color:#4f46e5;font-size:15px;box-shadow:0 4px 12px rgba(15,23,42,.08)}
.premium-story-upload-audio-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:13px;background:linear-gradient(135deg,#4f46e5,#8b5cf6);color:#fff;font-size:19px;box-shadow:0 8px 18px rgba(79,70,229,.24)}
.premium-story-upload-audio-selected{display:grid;grid-template-columns:36px minmax(0,1fr) 32px;align-items:center;gap:9px;padding:9px 10px;border:1px solid #c7d2fe;border-radius:13px;background:#eef2ff;color:#334155}
.premium-story-upload-audio-selected[hidden]{display:none!important}
.premium-story-upload-audio-selected>div{min-width:0}
.premium-story-upload-audio-selected strong,.premium-story-upload-audio-selected small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.premium-story-upload-audio-selected strong{font-size:11.5px;color:#1e293b}
.premium-story-upload-audio-selected small{margin-top:2px;font-size:9px;color:#64748b}
.premium-story-upload-audio-remove{display:grid;width:30px;height:30px;place-items:center;border:0;border-radius:9px;background:#fff;color:#475569;cursor:pointer}
.premium-story-upload-audio-playing{display:flex;align-items:flex-end;justify-content:center;gap:2px;width:34px;height:34px;padding:8px;border-radius:10px;background:#4f46e5}
.premium-story-upload-audio-playing>i{display:block;width:3px;height:8px;border-radius:999px;background:#fff;transform-origin:bottom;animation:premiumStoryUploadEqV92 .65s ease-in-out infinite alternate}
.premium-story-upload-audio-playing>i:nth-child(2){height:15px;animation-delay:-.22s}
.premium-story-upload-audio-playing>i:nth-child(3){height:11px;animation-delay:-.41s}
@keyframes premiumStoryUploadEqV92{from{transform:scaleY(.42)}to{transform:scaleY(1)}}

@media(max-width:600px){
 .premium-story-header__name small{font-size:10.5px!important}
 .premium-story-upload-audio{grid-template-columns:40px minmax(0,1fr) 32px;padding:9px}
 .premium-story-upload-audio-icon{width:40px;height:40px}
}
@media(prefers-reduced-motion:reduce){
 .premium-story-youtube-player:not(.is-minimized) .premium-story-yt-toggle,.premium-story-youtube-player:not(.is-minimized) .premium-story-yt-toggle>i,.premium-story-upload-audio-playing>i{animation:none!important}
}