/* Valerie Video Forge, shared desktop/mobile media styles */
.msg-video-wrap{
  width:min(760px,100%);
  margin:10px 0 8px;
  border:1px solid rgba(226,190,92,.26);
  border-radius:20px;
  overflow:hidden;
  background:#050505;
  box-shadow:0 18px 54px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.025) inset;
}
.msg-video{display:block;width:100%;max-height:70vh;background:#050505;object-fit:contain}
.msg-bubble.media-only,.bubble.media-only{display:none!important}
.video-job-row .msg-bubble,.video-job-row .bubble{
  position:relative;
  padding-left:36px!important;
  border-color:rgba(225,186,78,.3)!important;
}
.video-job-row .msg-bubble:before,.video-job-row .bubble:before{
  content:"";position:absolute;left:13px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;
  background:#e8c76a;box-shadow:0 0 0 0 rgba(232,199,106,.5);animation:valerieVideoPulse 1.65s infinite;
}
@keyframes valerieVideoPulse{0%{box-shadow:0 0 0 0 rgba(232,199,106,.5)}70%{box-shadow:0 0 0 10px rgba(232,199,106,0)}100%{box-shadow:0 0 0 0 rgba(232,199,106,0)}}
.video-settings-inline{
  align-items:flex-end;gap:8px;flex-wrap:wrap;padding:5px 7px;border-radius:16px;
  border:1px solid rgba(218,184,92,.16);background:rgba(218,184,92,.045)
}
.video-settings-inline label{display:grid;gap:3px}
.video-settings-inline label span{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,243,205,.52)}
.video-settings-inline select{
  min-width:74px;height:31px;padding:0 26px 0 9px;border:1px solid rgba(218,184,92,.18);border-radius:10px;
  color:#f7efd8;background:#12100c;font:600 11px/1.1 inherit;outline:none
}
.video-settings-inline select:focus{border-color:rgba(239,205,111,.56);box-shadow:0 0 0 3px rgba(239,205,111,.08)}
.video-capability-hint{align-self:center;max-width:260px;color:rgba(255,243,205,.55);font-size:9px;line-height:1.3}
.video-cost{align-self:center;white-space:nowrap;padding:7px 9px;border-radius:999px;background:rgba(239,205,111,.1);color:#f1cf72;font-size:10px;font-weight:800}
.video-settings-sheet{z-index:180!important}
.video-settings-body{display:grid!important;gap:12px!important;padding-bottom:max(24px,env(safe-area-inset-bottom))!important}
.video-settings-hero{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid rgba(229,198,112,.2);border-radius:18px;background:linear-gradient(135deg,rgba(238,197,84,.11),rgba(163,97,220,.06))}
.video-settings-hero>div{display:grid;gap:3px}.video-settings-hero strong{font-size:15px}.video-settings-hero small{color:var(--muted,#a99f8d);font-size:11px}
.video-live-dot{width:12px;height:12px;border-radius:50%;background:#edca68;box-shadow:0 0 18px rgba(237,202,104,.74)}
.video-field{display:grid;gap:7px}.video-field>span{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,240,200,.58)}
.video-field select{width:100%;height:48px;padding:0 14px;border:1px solid rgba(229,198,112,.18);border-radius:15px;background:rgba(12,10,8,.84);color:#f7f0df;font:700 14px/1 inherit;outline:none}
.video-field select:focus{border-color:rgba(237,202,104,.58);box-shadow:0 0 0 4px rgba(237,202,104,.08)}
.video-cost-card{display:grid;gap:4px;padding:14px 15px;border-radius:18px;border:1px solid rgba(229,198,112,.2);background:rgba(229,198,112,.065)}
.video-cost-card span{font-size:11px;color:rgba(255,241,203,.62)}.video-cost-card strong{font-size:27px;color:#f1cd6c}.video-cost-card small{font-size:10px;color:var(--muted,#9e9483);line-height:1.4}
.video-apply{height:50px;border:0;border-radius:17px;background:linear-gradient(135deg,#f0cf71,#a66a2b);color:#171008;font-weight:900;letter-spacing:.02em;box-shadow:0 12px 28px rgba(182,119,36,.22)}
@media(max-width:900px){.msg-video-wrap{width:100%;border-radius:18px}.msg-video{max-height:56vh}}

/* 2026-06-17 Video Forge mobile pass */
.video-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.video-field-wide{grid-column:1/-1}
.video-token-note{display:flex;align-items:center;gap:11px;padding:12px 13px;border:1px solid rgba(229,198,112,.16);border-radius:16px;background:rgba(229,198,112,.045)}
.video-token-note>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:12px;background:rgba(237,202,104,.12);color:#f1cd6c;font-size:16px}
.video-token-note>div{display:grid;gap:2px;min-width:0}
.video-token-note strong{color:#f7f0df;font-size:12px}
.video-token-note small{color:var(--muted,#9e9483);font-size:10px;line-height:1.35}

@media(max-width:900px){
  .video-settings-sheet{
    max-height:min(86dvh,690px)!important;
    overflow:hidden!important;
  }
  .video-settings-sheet .sheet-title{
    flex:0 0 auto!important;
    padding-bottom:10px!important;
  }
  .video-settings-sheet .sheet-title .btn{
    min-width:74px!important;
    height:42px!important;
    padding:0 17px!important;
  }
  .video-settings-body{
    min-height:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    padding:0 14px calc(14px + env(safe-area-inset-bottom))!important;
    scrollbar-width:thin;
  }
  .video-settings-hero{
    flex:0 0 auto;
    padding:12px 13px!important;
    border-radius:16px!important;
  }
  .video-settings-hero strong{font-size:14px!important}
  .video-settings-hero small{font-size:10px!important}
  .video-live-dot{width:10px!important;height:10px!important}
  .video-options-grid{gap:9px}
  .video-field{gap:5px!important;min-width:0}
  .video-field>span{font-size:9px!important;letter-spacing:.1em!important}
  .video-field select{
    min-width:0!important;
    height:44px!important;
    padding:0 34px 0 12px!important;
    border-radius:14px!important;
    font-size:13px!important;
  }
  .video-token-note{padding:10px 11px;border-radius:15px}
  .video-token-note>span{flex-basis:31px;width:31px;height:31px;border-radius:11px}
  .video-apply{
    position:sticky!important;
    bottom:0!important;
    z-index:2!important;
    flex:0 0 auto!important;
    height:48px!important;
    margin-top:1px!important;
    border-radius:15px!important;
    box-shadow:0 -10px 28px rgba(8,7,6,.76),0 12px 28px rgba(182,119,36,.2)!important;
  }
}

@media(max-width:360px){
  .video-options-grid{grid-template-columns:1fr}
  .video-field-wide{grid-column:auto}
  .video-settings-sheet{max-height:90dvh!important}
}


/* Valerie generated media galleries + image forge loader */
.sidebar-video-gallery-btn{
  width:100%;min-height:74px;display:grid;grid-template-columns:34px 66px 1fr auto;align-items:center;gap:10px;
  padding:11px 12px;border:1px solid rgba(220,184,84,.22);border-radius:18px;background:rgba(221,181,70,.045);
  color:#f2d476;text-align:left;cursor:pointer;transition:.18s ease
}
.sidebar-video-gallery-btn:hover,.sidebar-video-gallery-btn.active{border-color:rgba(235,198,94,.48);background:rgba(221,181,70,.09);transform:translateY(-1px)}
.video-gallery-launch-icon{font-size:22px;text-align:center}.video-gallery-preview-stack{display:flex;align-items:center}
.video-gallery-preview-stack span{width:30px;height:34px;margin-left:-8px;border:1px solid rgba(246,217,131,.23);border-radius:8px;background:linear-gradient(145deg,#312719,#0d0b08);display:grid;place-items:center;color:#f0cc68;font-size:9px;box-shadow:0 5px 14px rgba(0,0,0,.35)}
.video-gallery-preview-stack span:first-child{margin-left:0}.video-gallery-preview-stack .has-video{background:radial-gradient(circle at 50% 45%,rgba(239,204,102,.32),rgba(13,11,8,.94))}
.video-gallery-btn-label{font-weight:750;line-height:1.12;color:#f3d779}.video-gallery-badge{min-width:34px;height:34px;padding:0 9px;border-radius:999px;display:grid;place-items:center;background:rgba(223,183,68,.1);border:1px solid rgba(223,183,68,.22);font-weight:900;color:#f1d36f}
.sidebar-video-gallery-panel{position:absolute;inset:0;z-index:12;display:none;flex-direction:column;min-height:0;padding:14px;background:linear-gradient(180deg,#0c0a07,#050403)}
.video-gallery-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 2px 14px;border-bottom:1px solid rgba(230,193,91,.14)}
.video-gallery-heading-wrap{display:flex;align-items:center;gap:9px}.video-gallery-header-title{font:700 19px/1.1 Georgia,serif;color:#f1d77c}.video-gallery-header-count{min-width:27px;height:27px;display:grid;place-items:center;border-radius:999px;background:rgba(230,193,91,.11);color:#f2d476;font-weight:900;font-size:12px}
.video-gallery-close{width:34px;height:34px;border:1px solid rgba(230,193,91,.18);border-radius:11px;background:rgba(255,255,255,.025);color:#d8c89c;cursor:pointer}.video-gallery-grid{display:grid;grid-template-columns:1fr;gap:12px;overflow:auto;padding:14px 1px 28px}
.video-gallery-card{overflow:hidden;border:1px solid rgba(230,193,91,.15);border-radius:17px;background:rgba(255,245,211,.035)}.video-gallery-media{aspect-ratio:16/10;background:#020202;display:grid;place-items:center;overflow:hidden}.video-gallery-media video{width:100%;height:100%;object-fit:cover;background:#000}.video-gallery-card-copy{display:grid;gap:5px;padding:10px 11px}.video-gallery-card-copy strong{font-size:12px;line-height:1.35;color:#f2e6c8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-gallery-card-copy span{font-size:10px;color:rgba(242,230,200,.5)}
.video-gallery-pending{display:grid;place-items:center;gap:9px;color:#e7cc82;font-size:11px}.video-gallery-empty{min-height:250px;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;color:rgba(246,231,193,.55)}.video-gallery-empty i{font-size:32px;color:#dfbd59}.video-gallery-empty strong{color:#f0d578}.video-gallery-empty span{font-size:11px;max-width:190px}
.v3-answer-actions{display:flex!important;align-items:center!important;gap:5px!important}.v3-answer-btn{width:31px!important;height:31px!important;padding:0!important;display:grid!important;place-items:center!important;border:0!important;border-radius:9px!important;background:transparent!important;color:rgba(247,242,230,.72)!important;font-size:15px!important}.v3-answer-btn:hover,.v3-answer-btn.is-done{background:rgba(232,199,106,.09)!important;color:#f0cf71!important}
.valerie-generation-status{display:flex;align-items:center;gap:10px;margin:6px 0 12px;color:#f0d47b}.valerie-generation-status strong{font-size:14px;letter-spacing:.01em}.valerie-generation-orb{width:11px;height:11px;border-radius:50%;background:#f0cd67;box-shadow:0 0 0 0 rgba(240,205,103,.58),0 0 18px rgba(240,205,103,.62);animation:valerieForgeOrb 1.5s ease-out infinite}
@keyframes valerieForgeOrb{0%{transform:scale(.92);box-shadow:0 0 0 0 rgba(240,205,103,.55),0 0 16px rgba(240,205,103,.5)}65%{transform:scale(1.06);box-shadow:0 0 0 12px rgba(240,205,103,0),0 0 28px rgba(240,205,103,.74)}100%{transform:scale(.92);box-shadow:0 0 0 0 rgba(240,205,103,0),0 0 16px rgba(240,205,103,.5)}}
.valerie-generation-canvas{position:relative;width:min(520px,72vw);aspect-ratio:1;border-radius:34px;overflow:hidden;border:1px solid rgba(235,203,111,.18);background:radial-gradient(circle at 50% 45%,rgba(180,137,42,.13),transparent 56%),#12100c;isolation:isolate;box-shadow:inset 0 0 60px rgba(245,207,96,.025),0 18px 48px rgba(0,0,0,.28)}
.valerie-generation-canvas::before,.valerie-generation-wave{content:"";position:absolute;inset:6%;background-image:radial-gradient(circle,rgba(247,219,137,.64) 1.05px,transparent 1.2px);background-size:13px 13px;mask-image:radial-gradient(ellipse 75% 58% at 48% 48%,#000 42%,transparent 78%);animation:valerieDotDrift 4.2s ease-in-out infinite alternate}
.valerie-generation-wave.wave-one{inset:13% 6% 8%;opacity:.5;transform:rotate(-7deg);animation-duration:5.3s}.valerie-generation-wave.wave-two{inset:8% 12% 16%;opacity:.28;transform:rotate(9deg);animation-duration:6.6s;animation-direction:alternate-reverse}.valerie-generation-sheen{position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 35%,rgba(247,216,126,.12) 48%,transparent 61%);animation:valerieForgeSheen 2.8s linear infinite}
@keyframes valerieDotDrift{from{transform:translate3d(-2%,1%,0) scale(.96)}to{transform:translate3d(3%,-2%,0) scale(1.04)}}@keyframes valerieForgeSheen{from{transform:translateX(-35%) rotate(7deg)}to{transform:translateX(35%) rotate(7deg)}}
select option:disabled{color:rgba(255,255,255,.28)!important;background:#16130e!important}
@media(max-width:900px){.valerie-generation-canvas{width:100%;max-width:520px;border-radius:25px}}


/* Mobile video gallery and answer icon actions */
.mobile-answer-actions{display:flex!important;align-items:center!important;gap:4px!important;margin:7px 8px 0!important;opacity:.72!important}
.mobile-action-icon{width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;display:grid!important;place-items:center!important;border:0!important;background:transparent!important;border-radius:10px!important;color:rgba(255,248,229,.78)!important}
.mobile-action-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mobile-action-icon[data-report] svg{transform:rotate(180deg)}
.mobile-action-icon:active{background:rgba(231,190,89,.10)!important;color:var(--gold2,#ffe39a)!important;transform:scale(.94)}
.mobile-video-gallery{position:fixed;inset:0;z-index:145;display:flex;flex-direction:column;transform:translateX(105%);transition:transform .26s ease;background:radial-gradient(circle at 50% -10%,rgba(223,180,70,.17),transparent 32%),#050403;padding-top:var(--safe-top,0px);padding-bottom:var(--safe-bottom,0px)}
.mobile-video-gallery.show{transform:translateX(0)}
.mobile-video-gallery-header{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line,rgba(231,190,89,.2));background:rgba(12,10,7,.82);backdrop-filter:blur(18px)}
.mobile-video-gallery-header h2{margin:0;color:var(--gold3,#fff1c6);font:700 22px/1.1 Georgia,serif}.mobile-video-gallery-header p{margin:3px 0 0;color:var(--faint,#806f4d);font-size:11px}
.mobile-video-gallery-back{width:42px;height:42px;border:1px solid var(--line2,rgba(231,190,89,.36));border-radius:14px;background:rgba(255,239,190,.045);color:var(--gold2,#ffe39a)}
.mobile-video-gallery-back svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}
.mobile-video-gallery-create{height:40px;padding:0 13px;border:1px solid var(--line2,rgba(231,190,89,.36));border-radius:14px;background:linear-gradient(135deg,rgba(212,169,54,.22),rgba(255,239,190,.06));color:var(--gold2,#ffe39a);font-weight:850}
.mobile-video-gallery-grid{flex:1;overflow:auto;display:grid;grid-template-columns:1fr;align-content:start;gap:13px;padding:14px}
.mobile-video-gallery-card{overflow:hidden;border:1px solid var(--line,rgba(231,190,89,.2));border-radius:21px;background:linear-gradient(160deg,rgba(31,25,16,.88),rgba(9,8,6,.88));box-shadow:0 16px 42px rgba(0,0,0,.3)}
.mobile-video-gallery-media{aspect-ratio:16/10;background:#000;display:grid;place-items:center;overflow:hidden}.mobile-video-gallery-media video{width:100%;height:100%;object-fit:contain;background:#000}
.mobile-video-gallery-copy{display:grid;gap:5px;padding:12px 13px}.mobile-video-gallery-copy strong{color:var(--text,#fff7e8);font-size:13px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mobile-video-gallery-copy span{color:var(--faint,#806f4d);font-size:10px}
.mobile-video-gallery-pending,.mobile-video-gallery-empty{display:grid;place-items:center;align-content:center;gap:10px;color:var(--gold2,#ffe39a);text-align:center}.mobile-video-gallery-empty{min-height:60vh;padding:30px}.mobile-video-gallery-empty>span{width:62px;height:62px;border-radius:22px;display:grid;place-items:center;border:1px solid var(--line2,rgba(231,190,89,.36));background:rgba(231,190,89,.08);font-size:24px}.mobile-video-gallery-empty small{max-width:260px;color:var(--faint,#806f4d);line-height:1.45}
@media(min-width:700px){.mobile-video-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;width:100%;margin:0 auto}}


/* Gallery delete controls */
.video-gallery-media,.mobile-video-gallery-media{position:relative}
.video-gallery-delete,.mobile-video-gallery-delete{
  position:absolute;z-index:4;display:inline-grid;place-items:center;cursor:pointer;
  color:#ffe49a;background:rgba(10,8,5,.82);border:1px solid rgba(235,196,90,.34);
  box-shadow:0 8px 24px rgba(0,0,0,.42);backdrop-filter:blur(8px);
  transition:transform .16s ease,border-color .16s ease,background .16s ease,opacity .16s ease;
}
.video-gallery-delete{top:9px;right:9px;width:34px;height:34px;border-radius:11px;font-size:13px}
.mobile-video-gallery-delete{top:10px;right:10px;width:42px;height:42px;border-radius:14px;font-size:15px}
.video-gallery-delete:hover,.mobile-video-gallery-delete:active{transform:translateY(-1px);border-color:rgba(255,222,125,.72);background:rgba(45,24,13,.92)}
.video-gallery-delete:disabled,.mobile-video-gallery-delete:disabled{opacity:.45;cursor:wait;transform:none}

/* Shared wallet-token pricing and single-generation lock */
.video-token-cost-inline{
  align-self:center;
  min-width:76px;
  height:31px;
  padding:0 11px;
  display:inline-grid;
  place-items:center;
  white-space:nowrap;
  border:1px solid rgba(239,205,111,.22);
  border-radius:999px;
  background:rgba(239,205,111,.09);
  color:#f1cf72;
  font-size:10px;
  font-weight:900;
  letter-spacing:.02em;
}
button.generation-locked,
.generation-locked{
  opacity:.42!important;
  cursor:not-allowed!important;
  filter:saturate(.45)!important;
  transform:none!important;
}
button.generation-locked:hover,
button.generation-locked:active{
  transform:none!important;
  box-shadow:none!important;
}