/* Vyral V7.0.135 — final UI consistency, live wizard, progression polish and host badges. */

/* Professional yellow Lucide crown for the live owner. */
.v134-live-owner-crown,.v65-live-owner,.lc-chat-name em.host-crown{display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important}
.v134-live-owner-crown svg,.v65-live-owner svg,.lc-host-crown svg{width:14px!important;height:14px!important;stroke:#ffd65a!important;fill:rgba(255,214,90,.08)!important;stroke-width:2.35!important;filter:drop-shadow(0 0 7px rgba(255,199,46,.42))}
.v134-live-owner-crown{width:21px;height:21px;margin-left:6px;border:1px solid rgba(255,208,74,.28);border-radius:999px;background:rgba(255,208,74,.09);filter:none!important}
.v65-live-owner{width:21px!important;min-width:21px!important;height:21px!important;margin-left:6px!important;border:1px solid rgba(255,208,74,.28)!important;border-radius:999px!important;background:rgba(255,208,74,.09)!important;font-size:0!important}

/* Creator progression — no squeezed colored stripes / horizontal overflow. */
.v753-progression-section{overflow:hidden}
.v753-progression-section .v753-progress-summary{gap:12px!important;margin:16px 0 18px!important}
.v753-progression-section .v753-progress-summary>div{padding:15px 16px!important;border-radius:15px!important;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.022))!important;border:1px solid rgba(255,255,255,.09)!important}
.v753-progression-section .v753-progress-summary span{font-size:9px!important;color:#8f98a9!important;letter-spacing:.1em!important}
.v753-progression-section .v753-progress-summary b{font-size:16px!important;margin-top:3px!important}
.v753-progression-section .v7-frame-picker{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:11px!important;overflow:visible!important;padding:0!important;margin:0!important;scrollbar-width:none!important}
.v753-progression-section .v7-frame-option{width:auto!important;min-width:0!important;min-height:86px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:8px!important;padding:13px 14px!important;border-radius:16px!important;background:linear-gradient(180deg,#191c25,#14171f)!important;border:1px solid rgba(255,255,255,.10)!important;color:#f7f8fc!important;text-align:left!important;font-size:13px!important;line-height:1.15!important;box-shadow:none!important}
.v753-progression-section .v7-frame-option:not(:disabled):hover{transform:translateY(-2px)!important;border-color:rgba(255,255,255,.22)!important;background:linear-gradient(180deg,#1d212c,#161a23)!important}
.v753-progression-section .v7-frame-option.active{border-color:var(--ring,#2bd6ff)!important;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.028))!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--ring,#2bd6ff) 35%,transparent),0 12px 30px rgba(0,0,0,.22)!important}
.v753-progression-section .v7-frame-option .v7-frame-dot{width:31px!important;height:31px!important;min-width:31px!important;margin:0!important;border-radius:50%!important;border-width:2px!important}
.v753-progression-section .v7-frame-option:disabled{opacity:.43!important;filter:saturate(.45)!important}
.v753-progression-section .v763-frame-save-row{margin-top:18px!important;padding-top:15px!important;border-top:1px solid rgba(255,255,255,.08)!important;gap:14px!important}
.v753-progression-section #v763FrameSave{min-height:46px!important;border-radius:14px!important;padding-inline:18px!important}
@media(max-width:980px){.v753-progression-section .v7-frame-picker{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:680px){.v753-progression-section .v7-frame-picker{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v753-progression-section .v753-progress-summary{grid-template-columns:1fr!important}}

/* Step-by-step live launch wizard built from the existing Studio controls. */
.v135-live-wizard{display:grid;gap:14px;width:min(1120px,100%);margin:0 auto;padding:2px 0 22px}
.v135-live-wizard-head{padding:18px 20px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:linear-gradient(135deg,rgba(255,55,111,.10),rgba(53,217,255,.065),rgba(139,92,246,.08));box-shadow:0 18px 50px rgba(0,0,0,.2)}
.v135-live-wizard-head-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.v135-live-wizard-head h1{font-size:clamp(25px,4vw,38px);letter-spacing:-.05em;margin:4px 0 7px}.v135-live-wizard-head p{margin:0;color:#9ba5b7;font-size:12px;font-weight:700;line-height:1.5}.v135-live-step-count{display:inline-flex;padding:7px 10px;border:1px solid rgba(53,217,255,.28);border-radius:999px;background:rgba(53,217,255,.07);font-size:10px;font-weight:950;color:#c8f7ff;white-space:nowrap}
.v135-live-stepper{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:16px}.v135-live-stepper button{min-width:0;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.035);color:#8e98aa;padding:9px 8px;text-align:left;cursor:pointer}.v135-live-stepper button b{display:block;font-size:10px;color:#eef2f8}.v135-live-stepper button span{display:block;margin-top:2px;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v135-live-stepper button.active{border-color:rgba(53,217,255,.52);background:linear-gradient(135deg,rgba(139,92,246,.24),rgba(53,217,255,.10));box-shadow:0 8px 24px rgba(53,217,255,.07)}.v135-live-stepper button.done{border-color:rgba(53,225,163,.22);color:#7ceec6}
.v135-live-wizard-stage{display:none;gap:12px}.v135-live-wizard-stage.active{display:grid;animation:v135StepIn .18s ease both}@keyframes v135StepIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
.v135-live-wizard-stage .v632-dock-card,.v135-live-wizard-stage .v632-program,.v135-live-wizard-stage .v632-source-strip,.v135-live-wizard-stage .v632-start-actions{margin:0!important}
.v135-live-wizard-stage .v632-program{min-height:360px!important;border-radius:20px!important}
.v135-live-stage-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:12px}.v135-live-stage-stack{display:grid;gap:12px;align-content:start}
.v135-live-review{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v135-live-review>div{padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.03)}.v135-live-review span{display:block;font-size:9px;color:#818b9d;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.v135-live-review b{display:block;margin-top:5px;font-size:13px;overflow:hidden;text-overflow:ellipsis}
.v135-live-wizard-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 15px;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:#10131b;position:sticky;bottom:10px;z-index:25;box-shadow:0 14px 38px rgba(0,0,0,.38)}.v135-live-wizard-footer>span{font-size:10px;color:#8892a5}.v135-live-wizard-footer>div{display:flex;gap:8px}.v135-live-wizard-footer .v7-btn{min-height:42px!important}.v135-live-wizard-footer .v135-start-live{background:linear-gradient(135deg,#ff376f,#ff645b)!important;border-color:transparent!important;box-shadow:0 10px 28px rgba(255,55,111,.2)!important}
.v135-live-wizard-original{display:none!important}
body:has(.v135-live-wizard) #v7StudioUpgrade{display:none!important}
@media(max-width:850px){.v135-live-stepper{grid-template-columns:1fr 1fr}.v135-live-stage-grid{grid-template-columns:1fr}.v135-live-wizard-footer{bottom:72px}.v135-live-review{grid-template-columns:1fr}}


/* V7.0.161 — Live wizard critical layout fallback.
   These rules deliberately duplicate the small set of Studio primitives used by
   the wizard so a delayed lazy stylesheet can never collapse labels/access rows. */
.v135-live-wizard .v632-dock-card{display:block!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:22px!important;background:#0d1018!important;padding:17px!important;box-shadow:0 18px 50px rgba(0,0,0,.17)!important;min-width:0!important}
.v135-live-wizard .v632-dock-card>.v7-kicker{display:block!important;margin:0 0 8px!important;color:#27dcff!important;font-size:10px!important;font-weight:950!important;letter-spacing:.12em!important;line-height:1.2!important}
.v135-live-wizard .v632-dock-card .v7-field{display:grid!important;gap:6px!important;margin:11px 0!important;min-width:0!important}
.v135-live-wizard .v632-dock-card .v7-field>label{display:block!important;margin:0!important;color:#aeb6c5!important;font-size:10px!important;font-weight:850!important;line-height:1.3!important}
.v135-live-wizard .v632-dock-card select,.v135-live-wizard .v632-dock-card input[type=text],.v135-live-wizard .v632-dock-card input[type=number],.v135-live-wizard .v632-dock-card input:not([type=range]):not([type=checkbox]):not([type=file]){box-sizing:border-box!important;width:100%!important;min-height:48px!important;padding:0 15px!important;border:1px solid #323846!important;border-radius:15px!important;background:#181b24!important;color:#f7f9fc!important;font:800 14px/1.2 inherit!important;outline:none!important}
.v135-live-wizard .v757-live-privacy-grid{display:grid!important;grid-template-columns:1fr!important;gap:0!important}
.v135-live-wizard .v757-replay-toggle{display:flex!important;grid-template-columns:none!important;align-items:flex-start!important;gap:8px!important;margin:10px 0 0!important;color:#d7dce6!important;font-size:11px!important;line-height:1.45!important}
.v135-live-wizard .v757-replay-toggle input{flex:0 0 auto!important;margin:2px 0 0!important;accent-color:#ff376f!important}
.v135-live-wizard .v134-live-thumb-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important}
.v135-live-wizard .v134-live-thumb-row .v7-btn{min-height:48px!important;white-space:nowrap!important}
.v135-live-wizard .v134-live-thumb-field small{display:block!important;margin-top:2px!important;color:#717b8e!important;font-size:9px!important;line-height:1.45!important}
.v135-live-wizard .v632-hint{display:block!important;margin:8px 0 0!important;color:#7f899b!important;font-size:10px!important;line-height:1.55!important}
.v135-live-wizard .v632-access{display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;gap:10px!important;align-items:start!important;margin-top:13px!important;padding:12px!important;border:1px solid rgba(83,227,164,.18)!important;border-radius:15px!important;background:rgba(83,227,164,.045)!important}
.v135-live-wizard .v632-access>i,.v135-live-wizard .v632-access>svg{display:block!important;width:19px!important;height:19px!important;margin-top:1px!important;color:#69e7a8!important}
.v135-live-wizard .v632-access>div{display:grid!important;gap:3px!important;min-width:0!important}
.v135-live-wizard .v632-access b{display:block!important;margin:0!important;color:#f4f7fb!important;font-size:11px!important;font-weight:900!important;line-height:1.3!important}
.v135-live-wizard .v632-access span{display:block!important;margin:0!important;color:#8da799!important;font-size:10px!important;line-height:1.45!important}
.v135-live-wizard .v632-access span.bad{color:#ff8aa1!important}
.v135-live-wizard .v135-live-stage-grid>*,.v135-live-wizard .v135-live-stage-stack>*{min-width:0!important}
@media(max-width:850px){.v135-live-wizard .v134-live-thumb-row{grid-template-columns:1fr!important}.v135-live-wizard .v134-live-thumb-row .v7-btn{width:100%!important}}

/* Google button is always compact white; Last used only appears when Google was actually the remembered provider. */
.vyral-google-button{min-height:52px!important;border-radius:14px!important;background:#fff!important;color:#15161c!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;padding:0 16px!important}
.vyral-google-button>svg{width:19px!important;height:19px!important;max-width:19px!important;max-height:19px!important;flex:0 0 19px!important}
.vyral-auth-last-used{font-size:9px!important;padding:5px 8px!important;border-radius:999px!important;margin-left:3px!important;letter-spacing:.055em!important}