/* FameViso Giveaway Studio — Ultra-Professional UI, Live Telemetry, Quantum Draw Arena & All-Participants Matrix */
.fvu[data-fvu-tool="instagram-giveaway-picker"] .fvu-workspace {
 background: radial-gradient(circle at 100% 0%, #fdf2f8 0%, transparent 55%), linear-gradient(155deg, #ffffff 0%, #fcf8ff 100%);
 border: 1px solid #ead8ec;
 box-shadow: 0 22px 60px -15px rgba(58, 22, 78, 0.08), 0 4px 16px rgba(58, 22, 78, 0.03);
 padding: 30px;
}

/* Visually collapse legacy loader while keeping display:block for interaction.js state tracking */
.fvu #loader-area.is-studio-managed {
 height: 0 !important;
 min-height: 0 !important;
 padding: 0 !important;
 margin: 0 !important;
 border: 0 !important;
 opacity: 0 !important;
 overflow: hidden !important;
 pointer-events: none !important;
}

/* URL Input Header & Format Badges */
.fvu .fvg-url-header {
 display: flex;
 align-items: center;
 justify-content: space-between;
 flex-wrap: wrap;
 gap: 10px;
 margin-bottom: 10px;
}
.fvu .fvg-url-header .fvu-field-label {
 margin: 0 !important;
 font-size: 13px;
 font-weight: 800;
 letter-spacing: -0.2px;
}
.fvu .fvg-format-badges {
 display: inline-flex;
 align-items: center;
 gap: 6px;
 flex-wrap: wrap;
}
.fvu .fvg-format-badges span {
 display: inline-flex;
 align-items: center;
 gap: 5px;
 font-size: 10.5px;
 font-weight: 700;
 padding: 4px 10px;
 border-radius: 20px;
 background: #fdf2f8;
 border: 1px solid #f2d5e6;
 color: #b82572;
}
.fvu .fvg-format-badges i {
 font-size: 10px;
}

/* Executive Giveaway Rules Studio */
.fvu .fv-rules-container {
 margin: 24px 0 !important;
 padding: 22px !important;
 border: 1px solid #e9d8ec !important;
 background: linear-gradient(145deg, #fcf9fe 0%, #f8f2fc 100%) !important;
 border-radius: 20px !important;
 box-shadow: inset 0 1px 0 #ffffff;
}
.fvu .fvg-rules-header {
 display: flex;
 align-items: flex-start;
 justify-content: space-between;
 flex-wrap: wrap;
 gap: 12px;
 margin-bottom: 18px;
 padding-bottom: 14px;
 border-bottom: 1px solid #ece0f0;
}
.fvu .fvg-rules-kicker {
 display: block;
 font-size: 9.5px;
 font-weight: 800;
 letter-spacing: 1.5px;
 color: #c4287c;
 margin-bottom: 4px;
}
.fvu .fv-rules-title {
 text-align: left !important;
 font-size: 16.5px !important;
 font-weight: 800 !important;
 letter-spacing: -0.3px;
 margin: 0 !important;
 color: var(--fvu-ink) !important;
 display: flex;
 align-items: center;
 gap: 8px;
}
.fvu .fv-rules-title i {
 color: #d52982;
}
.fvu .fvg-rules-live-pill {
 display: inline-flex;
 align-items: center;
 padding: 6px 13px;
 border-radius: 30px;
 font-size: 11px;
 font-weight: 750;
 color: #7928a6;
 background: #ffffff;
 border: 1px solid #e5d2ec;
 box-shadow: 0 2px 8px rgba(121, 40, 166, 0.06);
}
.fvu .fv-rules-grid {
 display: grid;
 grid-template-columns: repeat(4, minmax(0, 1fr));
 gap: 12px;
}
.fvu .fv-rule-box {
 background: #ffffff !important;
 border: 1px solid #eadbed !important;
 border-radius: 16px !important;
 padding: 15px 14px !important;
 display: flex;
 flex-direction: column;
 align-items: flex-start !important;
 text-align: left !important;
 transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
 box-shadow: 0 4px 12px rgba(48, 20, 66, 0.03) !important;
}
.fvu .fv-rule-box:hover,
.fvu .fv-rule-box:focus-within {
 border-color: #d52982 !important;
 box-shadow: 0 8px 22px rgba(213, 41, 130, 0.08) !important;
 transform: translateY(-1px);
}
.fvu .fvg-rule-top {
 display: flex;
 align-items: center;
 justify-content: space-between;
 width: 100%;
 margin-bottom: 10px;
}
.fvu .fvg-rule-icon {
 width: 30px;
 height: 30px;
 border-radius: 9px;
 display: grid;
 place-items: center;
 background: linear-gradient(135deg, #fdf0f7, #f3e8fc);
 color: #c8257b;
 font-size: 13px;
 border: 1px solid #f0d5e6;
}
.fvu .fvg-rule-range {
 font-size: 9.5px;
 font-weight: 750;
 padding: 3px 8px;
 border-radius: 20px;
 background: #faf5fc;
 color: #8b7198;
 border: 1px solid #ece0f0;
}
.fvu .fv-rule-box > label:not(.fv-switch) {
 font-size: 12px !important;
 font-weight: 750 !important;
 color: var(--fvu-ink) !important;
 margin: 0 0 8px !important;
 line-height: 1.35 !important;
}
.fvu .fv-rule-box input[type="number"] {
 width: 100% !important;
 height: 40px !important;
 border: 1px solid #e5d5e8 !important;
 border-radius: 10px !important;
 background: #fcf9fd !important;
 font-size: 16px !important;
 font-weight: 800 !important;
 color: var(--fvu-ink) !important;
 padding: 0 11px !important;
 text-align: left !important;
}
.fvu .fv-rule-box input[type="number"]:focus {
 border-color: #d52982 !important;
 background: #ffffff !important;
 box-shadow: 0 0 0 3px rgba(213, 41, 130, 0.1) !important;
}
.fvu .fvg-rule-hint {
 display: block;
 font-size: 10px !important;
 color: var(--fvu-muted) !important;
 margin-top: 8px !important;
 line-height: 1.4 !important;
}
.fvu .fv-switch {
 min-height: 28px;
 margin: 5px 0 4px !important;
}
.fvu .fv-slider {
 box-shadow: none !important;
}

/* Primary Launch Button & Trust Strip */
.fvu .fv-gw-page #btn-start-gw,
.fvu .fvg-launch-btn {
 width: 100% !important;
 min-height: 54px !important;
 font-size: 14.5px !important;
 font-weight: 800 !important;
 letter-spacing: -0.2px !important;
 border-radius: 14px !important;
 background: linear-gradient(135deg, #d52982 0%, #9b26b6 55%, #7928a6 100%) !important;
 box-shadow: 0 14px 30px -8px rgba(213, 41, 130, 0.42) !important;
 transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease !important;
}
.fvu .fv-gw-page #btn-start-gw:hover {
 transform: translateY(-2px) !important;
 box-shadow: 0 18px 36px -8px rgba(213, 41, 130, 0.52) !important;
 filter: brightness(1.03);
}
.fvu .fvg-trust-strip {
 display: flex;
 align-items: center;
 justify-content: center;
 flex-wrap: wrap;
 gap: 8px 18px;
 margin-top: 14px;
 padding-top: 12px;
 border-top: 1px dashed #eadced;
}
.fvu .fvg-trust-strip span {
 display: inline-flex;
 align-items: center;
 gap: 6px;
 font-size: 11px;
 font-weight: 650;
 color: var(--fvu-muted);
}
.fvu .fvg-trust-strip i {
 color: #c7287b;
 font-size: 11px;
}

/* Panel Headings & Metrics */
.fvu .fvg-panel-heading {
 text-align: left;
 margin-bottom: 20px;
}
.fvu .fvg-panel-heading h3 {
 font-size: clamp(22px, 2.5vw, 29px) !important;
 color: var(--fvu-ink) !important;
 letter-spacing: -0.8px !important;
 line-height: 1.22 !important;
 font-weight: 850 !important;
 margin: 8px 0 8px !important;
}
.fvu .fvg-panel-heading p {
 font-size: 13px !important;
 color: var(--fvu-muted) !important;
 line-height: 1.75 !important;
 margin: 0 !important;
}
.fvu .fvg-summary-grid {
 display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 gap: 12px;
 margin: 22px 0;
}
.fvu .fvg-summary-grid-4 {
 grid-template-columns: repeat(4, minmax(0, 1fr));
}
.fvu .fvg-metric {
 padding: 16px 14px;
 border: 1px solid var(--fvu-line);
 border-radius: 16px;
 background: var(--fvu-soft);
 min-width: 0;
 text-align: left;
 transition: transform 0.2s ease;
}
.fvu .fvg-metric.is-highlight {
 background: linear-gradient(145deg, #fdf0f8, #f7eefc);
 border-color: #e7bed8;
}
.fvu .fvg-metric > span {
 display: block;
 font-size: 10.5px;
 font-weight: 700;
 line-height: 1.4;
 color: var(--fvu-muted);
 margin-bottom: 7px;
 text-transform: uppercase;
 letter-spacing: 0.4px;
}
.fvu .fvg-metric > strong {
 display: block;
 font-size: clamp(20px, 2.8vw, 28px);
 line-height: 1.15;
 font-weight: 850;
 color: var(--fvu-ink);
 letter-spacing: -0.7px;
 font-variant-numeric: tabular-nums;
}
.fvu .fvg-metric.is-highlight > strong {
 color: #c82278;
}
.fvu .fvg-metric-sub {
 display: block;
 font-size: 10px;
 color: var(--fvu-muted);
 margin-top: 5px;
}

/* Pre-Draw Eligibility Breakdown Bar */
.fvu .fvg-eligibility-bar {
 display: flex;
 align-items: center;
 justify-content: space-between;
 flex-wrap: wrap;
 gap: 10px;
 padding: 13px 16px;
 border-radius: 14px;
 background: linear-gradient(90deg, #fdf2f9, #f6f0fc);
 border: 1px solid #ead2e5;
 margin: 14px 0 18px;
}
.fvu .fvg-eligibility-text {
 font-size: 12px;
 font-weight: 650;
 color: #432349;
}
.fvu .fvg-eligibility-pct {
 font-size: 11.5px;
 font-weight: 800;
 padding: 4px 11px;
 border-radius: 20px;
 background: #ffffff;
 color: #c42376;
 border: 1px solid #e9c8de;
}

/* All Scraped Participants Roster Wall & Pre-Draw Pool Explorer */
.fvu .fvg-wall-section,
.fvu .fvg-pool-explorer,
.fvu .fvg-matrix-section {
 margin: 20px 0 16px;
 border: 1px solid #e7d5ea;
 border-radius: 18px;
 background: linear-gradient(145deg, #fcf9fe 0%, #f8f2fc 100%);
 padding: 16px;
 text-align: left;
}
.fvu .fvg-wall-header,
.fvu .fvg-pool-header,
.fvu .fvg-matrix-header {
 display: flex;
 align-items: center;
 justify-content: space-between;
 flex-wrap: wrap;
 gap: 10px;
 margin-bottom: 12px;
 padding-bottom: 10px;
 border-bottom: 1px solid #ece0f0;
}
.fvu .fvg-wall-title,
.fvu .fvg-pool-title,
.fvu .fvg-matrix-header > strong {
 font-size: 13px;
 font-weight: 820;
 color: var(--fvu-ink);
 letter-spacing: -0.2px;
}
.fvu .fvg-matrix-sub {
 font-size: 11px;
 font-weight: 600;
 color: var(--fvu-muted);
 margin-right: auto;
 padding-left: 8px;
}
.fvu .fvg-pool-controls {
 display: flex;
 align-items: center;
 gap: 8px;
 flex-wrap: wrap;
}
.fvu .fvg-pool-search {
 height: 34px;
 min-width: 200px;
 padding: 0 12px;
 border: 1px solid #e2cfe7;
 border-radius: 10px;
 background: #ffffff;
 font-size: 12px;
 color: var(--fvu-ink);
 outline: none;
}
.fvu .fvg-pool-search:focus {
 border-color: #d52982;
 box-shadow: 0 0 0 3px rgba(213, 41, 130, 0.1);
}
.fvu .fvg-wall-toggle {
 height: 32px;
 padding: 0 12px;
 border: 1px solid #e2cfe7;
 border-radius: 9px;
 background: #ffffff;
 color: #7928a6;
 font-size: 11px;
 font-weight: 750;
 cursor: pointer;
 transition: all 0.18s ease;
}
.fvu .fvg-wall-toggle:hover {
 border-color: #d52982;
 color: #d52982;
}
.fvu .fvg-all-users-wall,
.fvu .fvg-draw-matrix {
 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(185px, 1fr));
 gap: 7px;
 max-height: 245px;
 overflow-y: auto;
 padding: 4px 2px;
 scroll-behavior: smooth;
}
.fvu .fvg-all-users-wall.is-expanded,
.fvu .fvg-draw-matrix.is-expanded {
 max-height: 680px;
}
.fvu .fvg-wall-chip,
.fvu .fvg-matrix-chip {
 display: flex;
 align-items: center;
 gap: 6px;
 padding: 7px 10px;
 border-radius: 10px;
 background: #ffffff;
 border: 1px solid #eadcea;
 min-width: 0;
 font-size: 11.5px;
 transition: transform 0.15s ease, border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}
.fvu .fvg-wall-chip.is-filtered {
 opacity: 0.55;
 background: #f8f4fa;
}
.fvu .fvg-wall-idx,
.fvu .fvg-m-idx {
 font-size: 10px;
 font-weight: 800;
 color: #8c379e;
 background: #f8effb;
 padding: 2px 6px;
 border-radius: 6px;
 flex-shrink: 0;
 font-variant-numeric: tabular-nums;
}
.fvu .fvg-wall-user,
.fvu .fvg-m-user {
 font-size: 11.5px;
 font-weight: 750;
 color: var(--fvu-ink);
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 flex: 1;
 min-width: 0;
}
.fvu .fvg-wall-cmt {
 font-size: 10px;
 color: var(--fvu-muted);
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 max-width: 82px;
}
.fvu .fvg-wall-status {
 font-style: normal;
 font-size: 10px;
 font-weight: 800;
 color: #18795b;
 flex-shrink: 0;
}
.fvu .fvg-wall-chip.is-filtered .fvg-wall-status {
 color: #a389ad;
}

/* Live Quantum Matrix Scanner States */
.fvu .fvg-matrix-chip.is-scanning {
 background: linear-gradient(135deg, #fce8f3, #f3e4fc) !important;
 border-color: #d52982 !important;
 box-shadow: 0 0 0 3px rgba(213, 41, 130, 0.18), 0 6px 14px rgba(213, 41, 130, 0.15);
 transform: scale(1.03);
 z-index: 2;
}
.fvu .fvg-matrix-chip.is-scanning .fvg-m-idx {
 background: #d52982;
 color: #ffffff;
}
.fvu .fvg-matrix-chip.is-trail-1 {
 background: #fdf2f9 !important;
 border-color: #e6add0 !important;
}
.fvu .fvg-matrix-chip.is-trail-2 {
 background: #faf3fc !important;
 border-color: #dec4eb !important;
}
.fvu .fvg-matrix-chip.is-winner-chip,
.fvu .fvg-wall-chip.is-winner-chip {
 background: linear-gradient(135deg, #fef5dc, #fce8f3) !important;
 border: 1.5px solid #cda34f !important;
 box-shadow: 0 0 0 4px rgba(205, 163, 79, 0.22), 0 8px 20px rgba(205, 163, 79, 0.25);
 transform: scale(1.03);
 z-index: 3;
}
.fvu .fvg-matrix-chip.is-winner-chip .fvg-m-idx,
.fvu .fvg-wall-chip.is-winner-chip .fvg-wall-idx {
 background: #cda34f;
 color: #ffffff;
}
.fvu .fvg-wall-chip.is-alt-chip {
 background: #f3effb !important;
 border-color: #b794d6 !important;
}

.fvu .fvg-coverage {
 font-size: 12px !important;
 line-height: 1.75 !important;
 color: var(--fvu-muted) !important;
 margin: 16px 0 !important;
 padding: 14px 16px !important;
 border-left: 3.5px solid #c996db;
 border-radius: 0 12px 12px 0;
 background: var(--fvu-soft);
 text-align: left;
}
.fvu .fvg-coverage.is-warning {
 border-color: #e4b066;
 background: #fff9ed;
 color: #795620 !important;
}
.fvu .fvg-rule-tags {
 display: flex;
 gap: 8px;
 flex-wrap: wrap;
 margin: 16px 0;
}
.fvu .fvg-rule-tags > span {
 font-size: 11px;
 font-weight: 650;
 line-height: 1.5;
 padding: 6px 12px;
 background: var(--fvu-soft);
 border: 1px solid var(--fvu-line);
 border-radius: 30px;
 color: var(--fvu-ink);
}
.fvu .fvg-acknowledge {
 display: flex;
 gap: 11px;
 align-items: flex-start;
 padding: 14px;
 background: #fff9ed;
 border: 1px solid #efdbb8;
 border-radius: 12px;
 color: #795620;
 font-size: 12px;
 line-height: 1.7;
 margin-top: 18px;
 text-align: left;
 cursor: pointer;
}
.fvu .fvg-acknowledge input {
 width: 18px;
 height: 18px;
 margin: 2px 0 0;
 accent-color: #ce287f;
 flex: none;
}

/* Draw CTA Button */
.fvu .fv-big-start-btn.fvg-draw-cta {
 width: 100%;
 min-height: 56px;
 margin-top: 18px;
 border: 0;
 border-radius: 15px;
 padding: 14px 24px;
 font-size: 15.5px;
 font-weight: 850;
 letter-spacing: -0.3px;
 color: #ffffff !important;
 background: linear-gradient(135deg, #d52982 0%, #a327b4 52%, #7928a6 100%);
 box-shadow: 0 16px 34px -8px rgba(213, 41, 130, 0.45);
 cursor: pointer;
 transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.fvu .fv-big-start-btn.fvg-draw-cta:hover {
 transform: translateY(-2px);
 box-shadow: 0 20px 40px -8px rgba(213, 41, 130, 0.56);
}

/* Live Extraction Console (#fvg-collection) */
.fvu .fvg-collection {
 position: relative;
 border: 1px solid #e9d3e8;
 border-radius: 24px;
 padding: 28px;
 margin-top: 12px;
 background: radial-gradient(ellipse at 100% 0%, #f9e6f4 0%, transparent 58%), linear-gradient(145deg, #ffffff, #fcf8ff);
 overflow: hidden;
 box-shadow: 0 18px 45px -15px rgba(98, 32, 108, 0.09);
}
.fvu .fvg-collection .fvg-panel-heading {
 margin-bottom: 14px;
}
.fvu .fvg-live-statusbar {
 display: flex;
 align-items: center;
 justify-content: space-between;
 flex-wrap: wrap;
 gap: 10px;
 padding: 10px 14px;
 border-radius: 12px;
 background: #ffffffd9;
 border: 1px solid #ecdaec;
}
.fvu .fvg-live-status {
 display: inline-flex;
 gap: 9px;
 align-items: center;
 color: #7e2968;
 font-size: 12px;
 font-weight: 750;
 line-height: 1.5;
}
.fvu .fvg-live-status::before {
 content: '';
 width: 8px;
 height: 8px;
 background: #d52982;
 border-radius: 50%;
 box-shadow: 0 0 0 4px rgba(213, 41, 130, 0.16);
 animation: fvg-pulse 1.6s ease infinite;
}
.fvu .fvg-live-timer {
 font-size: 11px;
 font-weight: 750;
 color: #8f6b8b;
 padding: 3px 10px;
 border-radius: 20px;
 background: #faf2f9;
 font-variant-numeric: tabular-nums;
}
.fvu .fvg-live-metrics {
 display: grid;
 grid-template-columns: repeat(4, minmax(0, 1fr));
 gap: 11px;
 margin-top: 18px;
}
.fvu .fvg-live-metrics .fvg-metric {
 background: #ffffffd8;
 border-color: #ead8eb;
 padding: 15px 13px;
 box-shadow: 0 4px 14px rgba(80, 26, 88, 0.03);
}
.fvu .fvg-live-metrics .fvg-metric strong {
 font-size: clamp(20px, 2.5vw, 28px);
 color: #2d1534;
 font-variant-numeric: tabular-nums;
}
.fvu .fvg-live-metrics .fvg-metric:first-child {
 background: linear-gradient(145deg, #fff5fa, #fcf2ff);
 border-color: #e8bfd9;
}
.fvu .fvg-live-metrics .fvg-metric:first-child strong {
 color: #d52982;
}
.fvu .fvg-collection-rail {
 height: 7px;
 background: #eee0ef;
 border-radius: 99px;
 overflow: hidden;
 margin: 18px 0 22px;
}
.fvu .fvg-collection-rail > span {
 display: block;
 height: 100%;
 width: 0;
 border-radius: 99px;
 background: linear-gradient(90deg, #7928a6, #d52982, #ec4899);
 transition: width 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.fvu .fvg-feed-heading {
 display: flex;
 justify-content: space-between;
 align-items: center;
 gap: 10px;
 margin-bottom: 12px;
}
.fvu .fvg-feed-heading strong {
 font-size: 12.5px;
 font-weight: 800;
 color: #3c1e42;
}
.fvu .fvg-batch-label {
 font-size: 11px;
 font-weight: 700;
 color: #b52a78;
 background: #fdf0f7;
 padding: 3px 10px;
 border-radius: 20px;
 border: 1px solid #f2d2e4;
}
.fvu .fvg-live-feed {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 10px;
 max-height: 225px;
 min-height: 145px;
 overflow: hidden;
 position: relative;
 align-content: start;
}
.fvu .fvg-feed-waiting {
 grid-column: 1 / -1;
 display: flex;
 align-items: center;
 justify-content: center;
 min-height: 130px;
 border: 1px dashed #e3cbe2;
 border-radius: 16px;
 color: #9c7795 !important;
 font-size: 12.5px !important;
 background: #ffffff80;
}
.fvu .fvg-live-person {
 display: flex;
 gap: 12px;
 align-items: center;
 min-width: 0;
 border: 1px solid #e9d7ea;
 border-radius: 15px;
 padding: 12px 13px;
 background: #ffffffeb;
 box-shadow: 0 6px 16px rgba(96, 30, 88, 0.04);
 animation: fvg-arrive 0.42s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.fvu .fvg-face {
 position: relative;
 display: grid;
 place-items: center;
 flex: none;
 width: 44px;
 height: 44px;
 border-radius: 50%;
 background: linear-gradient(135deg, #f9dced, #e9defa);
 color: #b82976;
 font-size: 13px;
 font-weight: 800;
 overflow: hidden;
 border: 2px solid #fff;
 box-shadow: 0 0 0 1px #e5d2e6;
}
.fvu .fvg-face img {
 position: absolute;
 inset: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
}
.fvu .fvg-live-person-text {
 min-width: 0;
 flex: 1;
}
.fvu .fvg-live-person-top {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 6px;
}
.fvu .fvg-live-person-top strong {
 display: block;
 font-size: 12.5px;
 color: #2f1736;
 line-height: 1.4;
 font-weight: 800;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
.fvu .fvg-live-entry-num {
 font-style: normal;
 font-size: 10px;
 font-weight: 750;
 color: #8c379e;
 background: #f8effb;
 padding: 1px 7px;
 border-radius: 10px;
 flex-shrink: 0;
}
.fvu .fvg-live-person-text > span {
 display: block;
 font-size: 11px;
 color: #8c6a87;
 line-height: 1.5;
 margin-top: 2px;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
}
.fvu .fvg-live-help {
 font-size: 11.5px !important;
 color: #9c7995 !important;
 line-height: 1.6 !important;
 margin: 14px 0 0 !important;
}

/* Quantum Draw Arena & 3D Spotlight Stage */
.fvu .fv-animation-box {
 padding: 0 !important;
 background: none !important;
 border: 0 !important;
}
.fvu .fvg-stage-hud {
 display: flex;
 align-items: center;
 justify-content: space-between;
 flex-wrap: wrap;
 gap: 10px;
 margin-bottom: 14px;
}
.fvu .fvg-stage-phase {
 display: inline-flex;
 align-items: center;
 gap: 7px;
 padding: 6px 14px;
 border-radius: 30px;
 font-size: 11px;
 font-weight: 800;
 letter-spacing: 0.8px;
 background: #fdf0f8;
 color: #c42376;
 border: 1px solid #f0cde0;
}
.fvu .fvg-stage-phase.is-winner-phase {
 background: linear-gradient(135deg, #fef5dc, #fce8f3);
 color: #8f5b10;
 border-color: #e4c378;
}
.fvu .fvg-stage-telemetry {
 font-size: 11px;
 font-weight: 800;
 letter-spacing: 0.6px;
 color: #7928a6;
 background: #f8f1fc;
 border: 1px solid #e5d2ec;
 padding: 6px 13px;
 border-radius: 30px;
 font-variant-numeric: tabular-nums;
 margin-right: auto;
}
.fvu .fvg-stage-sound {
 display: inline-flex;
 align-items: center;
 gap: 6px;
 padding: 6px 13px;
 border-radius: 30px;
 font-size: 11px;
 font-weight: 700;
 background: #ffffff;
 color: var(--fvu-ink);
 border: 1px solid var(--fvu-line);
 transition: border-color 0.2s;
}
.fvu .fvg-stage-sound.is-muted {
 opacity: 0.65;
}
.fvu .fvg-orbit-stage {
 position: relative;
 width: 100%;
 height: 470px;
 isolation: isolate;
 overflow: hidden;
 border-radius: 24px;
 background: radial-gradient(ellipse at 50% 56%, #f5d4ec99, transparent 66%), linear-gradient(180deg, #ffffff 0%, #fcf4fb 100%);
 border: 1.5px solid #e6cfe8;
 margin: 12px 0 0;
 box-shadow: inset 0 1px 0 #ffffff, 0 20px 48px -15px rgba(96, 28, 92, 0.12);
}
.fvu .fvg-laser-beam {
 position: absolute;
 left: 50%;
 top: 14px;
 bottom: 58px;
 width: 2px;
 transform: translateX(-50%);
 background: linear-gradient(180deg, rgba(205, 163, 79, 0), rgba(213, 41, 130, 0.45) 50%, rgba(205, 163, 79, 0));
 z-index: 1;
 pointer-events: none;
}
.fvu .fvg-orbit-reticle {
 position: absolute;
 left: 50%;
 top: 18px;
 bottom: 64px;
 width: 228px;
 transform: translateX(-50%);
 border-top: 3px solid #cda34f;
 border-bottom: 3px solid #cda34f;
 border-radius: 22px;
 pointer-events: none;
 z-index: 95;
 opacity: 0.82;
}
.fvu .fvg-orbit-reticle::before {
 content: '▼';
 position: absolute;
 top: -14px;
 left: 50%;
 transform: translateX(-50%);
 font-size: 13px;
 color: #cda34f;
}
.fvu .fvg-orbit-reticle::after {
 content: '▲';
 position: absolute;
 bottom: -14px;
 left: 50%;
 transform: translateX(-50%);
 font-size: 13px;
 color: #cda34f;
}
.fvu .fvg-stage-inspector {
 position: absolute;
 left: 16px;
 right: 16px;
 bottom: 12px;
 height: 38px;
 border-radius: 12px;
 background: rgba(255, 255, 255, 0.92);
 backdrop-filter: blur(8px);
 border: 1px solid #ead4e9;
 display: flex;
 align-items: center;
 gap: 10px;
 padding: 0 14px;
 z-index: 115;
 overflow: hidden;
}
.fvu .fvg-insp-tag {
 font-size: 9.5px;
 font-weight: 850;
 letter-spacing: 0.8px;
 padding: 3px 8px;
 border-radius: 6px;
 background: #fce8f3;
 color: #c42376;
 flex-shrink: 0;
 font-variant-numeric: tabular-nums;
}
.fvu .fvg-insp-user {
 font-size: 12.5px;
 font-weight: 820;
 color: #2b1432;
 flex-shrink: 0;
}
.fvu .fvg-insp-cmt {
 font-size: 11.5px;
 color: #7e6185;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 flex: 1;
 text-align: left;
}
.fvu .fvg-orbit-halo {
 position: absolute;
 left: 4%;
 right: 4%;
 top: 22%;
 height: 52%;
 border: 1px solid #e5c6e2;
 border-radius: 50%;
 transform: rotateX(58deg);
 box-shadow: 0 0 0 18px #ead5e518, 0 0 0 38px #ead5e50c;
 z-index: 0;
}
.fvu .fvg-orbit-halo::before,
.fvu .fvg-orbit-halo::after {
 content: '';
 position: absolute;
 inset: -12px;
 border-radius: 50%;
 border: 1px dashed #d8b4d5;
 animation: fvg-orbit-ring 16s linear infinite;
}
.fvu .fvg-orbit-halo::after {
 inset: -34px;
 border-style: solid;
 border-color: #f1e1ef;
}
.fvu .fvg-orbit-card {
 position: absolute;
 top: 0;
 left: 0;
 height: 262px;
 padding: 18px 14px 16px;
 border: 1px solid #e6d2e4;
 border-radius: 22px;
 background: linear-gradient(160deg, #ffffff 0%, #fcf6fd 100%);
 box-shadow: 0 16px 34px rgba(102, 34, 94, 0.09);
 transform-origin: center;
 backface-visibility: hidden;
 will-change: transform, opacity;
 text-align: center;
 overflow: hidden;
 transition: filter 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.fvu .fvg-orbit-pill {
 display: inline-block;
 font-style: normal;
 font-size: 9px;
 font-weight: 800;
 letter-spacing: 1px;
 padding: 3px 9px;
 border-radius: 20px;
 background: #f8effa;
 color: #8c379e;
 margin-bottom: 10px;
}
.fvu .fvg-orbit-face {
 position: relative;
 display: grid;
 place-items: center;
 overflow: hidden;
 width: 88px;
 height: 88px;
 margin: 0 auto 12px;
 border-radius: 50%;
 border: 3.5px solid #fff;
 box-shadow: 0 0 0 1px #eacfe4, 0 8px 20px rgba(191, 67, 133, 0.14);
 background: linear-gradient(135deg, #f3dbe9, #e9e0fa);
 font-size: 24px;
 font-weight: 800;
 color: #c12f80;
}
.fvu .fvg-orbit-face img {
 position: absolute;
 width: 100%;
 height: 100%;
 inset: 0;
 object-fit: cover;
}
.fvu .fvg-orbit-copy strong {
 display: block;
 font-size: 16px;
 font-weight: 850;
 line-height: 1.35;
 color: #2e1534;
 letter-spacing: -0.3px;
 text-overflow: ellipsis;
 overflow: hidden;
 white-space: nowrap;
}
.fvu .fvg-orbit-copy > span {
 display: block;
 color: #9c7495;
 font-size: 10.5px;
 line-height: 1.5;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 margin-top: 2px;
}
.fvu .fvg-orbit-comment {
 display: block;
 margin-top: 8px;
 padding: 5px 8px;
 border-radius: 9px;
 background: #faf3fc;
 color: #674969;
 font-size: 10px;
 line-height: 1.4;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
.fvu .fvg-orbit-card.is-front {
 border-color: #d97db2;
 box-shadow: 0 20px 46px rgba(189, 52, 120, 0.18);
}
.fvu .fvg-orbit-card.is-front .fvg-orbit-pill {
 background: #fce8f3;
 color: #c82278;
}
.fvu .fvg-orbit-card.is-winner {
 border: 2.5px solid #cda34f;
 background: linear-gradient(160deg, #fffdf9 0%, #fdf4fb 100%);
 box-shadow: 0 0 0 7px rgba(205, 163, 79, 0.16), 0 24px 55px rgba(189, 52, 120, 0.25);
}
.fvu .fvg-orbit-card.is-winner .fvg-orbit-pill {
 background: #fdf2d6;
 color: #8c6014;
}
.fvu .fvg-orbit-stage.is-fast .fvg-orbit-card:not(.is-front) {
 filter: blur(0.65px);
}
.fvu .fvg-orbit-status {
 font-size: 16px !important;
 font-weight: 800 !important;
 color: #ba2b7c !important;
 text-align: center !important;
 margin: 16px 0 8px !important;
 line-height: 1.5 !important;
 min-height: 27px;
}

/* Official Winner Podium & Cards */
.fvu .fv-success-title {
 font-size: clamp(25px, 3vw, 33px) !important;
 line-height: 1.22 !important;
 letter-spacing: -0.9px !important;
 font-weight: 850 !important;
 color: var(--fvu-ink) !important;
 margin: 0 0 8px !important;
 text-align: left !important;
}
.fvu .fv-stats-text {
 font-size: 12.5px !important;
 color: var(--fvu-muted) !important;
 text-align: left !important;
 line-height: 1.65 !important;
 margin-bottom: 16px !important;
}
.fvu .fvg-podium-toolbar {
 display: flex;
 align-items: center;
 justify-content: space-between;
 flex-wrap: wrap;
 gap: 10px;
 padding: 12px 16px;
 border-radius: 14px;
 background: linear-gradient(90deg, #fdf3f9, #f7f2fc);
 border: 1px solid #ead5e8;
 margin-bottom: 22px;
}
.fvu .fvg-cert-badge {
 font-size: 11.5px;
 font-weight: 750;
 color: #18795b;
 display: inline-flex;
 align-items: center;
 gap: 6px;
}
.fvu .fvg-copy-announcement {
 border: 1px solid #dfb8d4;
 background: #ffffff;
 color: #b52371;
 border-radius: 10px;
 padding: 8px 14px;
 font-size: 11.5px;
 font-weight: 750;
 cursor: pointer;
 transition: all 0.2s ease;
}
.fvu .fvg-copy-announcement:hover {
 background: #d52982;
 color: #ffffff;
 border-color: #d52982;
}
.fvu #winner-cards-container {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 16px;
}
.fvu #sub-cards-container {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 14px;
 margin-top: 16px;
}
.fvu .fvg-winner {
 position: relative;
 min-width: 0;
 border: 1.5px solid #e6c6dc;
 border-radius: 22px;
 padding: 24px;
 background: radial-gradient(circle at 100% 0%, #fef3d855 0%, transparent 50%), linear-gradient(145deg, #fff9fc 0%, #faf4ff 100%);
 text-align: left;
 overflow: hidden;
 box-shadow: 0 14px 34px -12px rgba(112, 34, 96, 0.09);
}
.fvu .fvg-winner:first-child:last-child {
 grid-column: 1 / -1;
}
.fvu .fvg-winner-top {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 8px;
 margin-bottom: 18px;
}
.fvu .fvg-place {
 display: inline-flex;
 align-items: center;
 gap: 6px;
 padding: 6px 12px;
 font-size: 10px;
 font-weight: 850;
 letter-spacing: 1px;
 border-radius: 20px;
 background: #ffffff;
 color: #bd2073;
 border: 1px solid #eccee2;
 box-shadow: 0 2px 8px rgba(189, 32, 115, 0.06);
}
.fvu .fvg-verified-pill {
 font-size: 10px;
 font-weight: 700;
 color: #18795b;
 background: #eefaf5;
 border: 1px solid #cceadd;
 padding: 4px 10px;
 border-radius: 20px;
}
.fvu .fvg-person {
 display: flex;
 gap: 14px;
 align-items: center;
 min-width: 0;
}
.fvu .fvg-avatar {
 position: relative;
 overflow: hidden;
 width: 58px;
 height: 58px;
 flex: none;
 display: grid;
 place-items: center;
 border: 2px solid #ffffff;
 box-shadow: 0 0 0 1.5px #e8c5dc, 0 6px 16px rgba(189, 32, 115, 0.12);
 background: linear-gradient(135deg, #fce4f1, #ede1fa);
 border-radius: 50%;
 color: #c12178;
 font-size: 17px;
 font-weight: 850;
}
.fvu .fvg-avatar img {
 position: absolute;
 inset: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
}
.fvu .fvg-person-info {
 min-width: 0;
}
.fvu .fvg-person h3 {
 font-size: 21px !important;
 line-height: 1.25 !important;
 font-weight: 850 !important;
 color: var(--fvu-ink) !important;
 margin: 0 !important;
 overflow-wrap: anywhere;
 letter-spacing: -0.5px;
}
.fvu .fvg-person-fullname {
 display: block;
 font-size: 12px;
 color: var(--fvu-muted);
 margin-top: 3px;
}
.fvu .fvg-comment-box {
 margin: 18px 0;
 padding: 14px 16px;
 border-radius: 14px;
 background: #ffffffd9;
 border: 1px solid #ead8ec;
}
.fvu .fvg-comment-label {
 display: block;
 font-size: 9px;
 font-weight: 800;
 letter-spacing: 1.2px;
 color: #c42376;
 margin-bottom: 6px;
}
.fvu .fvg-winning-comment {
 font-size: 13px !important;
 line-height: 1.75 !important;
 margin: 0 !important;
 color: var(--fvu-ink) !important;
 white-space: pre-wrap;
 overflow-wrap: anywhere;
 max-height: 140px;
 overflow: auto;
}
.fvu .fvg-winner-actions {
 display: flex;
 align-items: center;
 flex-wrap: wrap;
 gap: 8px;
 margin-top: 14px;
}
.fvu .fvg-profile-link,
.fvu .fvg-copy-user {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 font-size: 11.5px;
 font-weight: 750;
 min-height: 38px;
 padding: 8px 13px;
 border: 1px solid #e5c8dc;
 background: #ffffff;
 border-radius: 10px;
 color: #b82c79 !important;
 cursor: pointer;
 transition: all 0.18s ease;
}
.fvu .fvg-profile-link:hover,
.fvu .fvg-copy-user:hover {
 border-color: #d52982;
 background: #fdf2f8;
}
.fvu .fvg-alternate {
 background: var(--fvu-soft);
 border-color: var(--fvu-line);
 padding: 20px;
 box-shadow: none;
}
.fvu .fvg-alternate .fvg-place {
 color: #6e5678;
 border-color: var(--fvu-line);
}
.fvu .fvg-alternate .fvg-person h3 {
 font-size: 17px !important;
}
.fvu .fvg-alternate .fvg-avatar {
 width: 44px;
 height: 44px;
 font-size: 14px;
}

/* Adaptive Video Studio (#fvg-video-studio) */
.fvu #fvg-video-studio {
 border: 1.5px solid #e4cfe9;
 border-radius: 22px;
 padding: 26px;
 margin: 26px 0;
 background: radial-gradient(circle at 100% 0%, #f9e5f3 0%, transparent 55%), linear-gradient(135deg, #fcf7fd 0%, #f6f2ff 100%);
 box-shadow: 0 14px 36px -14px rgba(88, 30, 102, 0.08);
}
.fvu .fvg-video-actions {
 display: flex;
 flex-wrap: wrap;
 gap: 10px;
 margin-top: 20px;
}
.fvu .fvg-create-video,
.fvu .fvg-download-video,
.fvu .fvg-cancel-video {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-height: 50px;
 border: 0;
 border-radius: 13px;
 padding: 12px 20px;
 background: linear-gradient(135deg, #d52982 0%, #9b26b6 55%, #7928a6 100%);
 color: #fff !important;
 font-size: 13px;
 font-weight: 800;
 line-height: 1.4;
 text-align: center;
 text-decoration: none;
 cursor: pointer;
 box-shadow: 0 12px 26px -8px rgba(213, 41, 130, 0.4);
 transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.fvu .fvg-create-video:hover,
.fvu .fvg-download-video:hover {
 transform: translateY(-1px);
}
.fvu .fvg-download-video {
 background: linear-gradient(135deg, #18795b 0%, #115e46 100%);
 box-shadow: 0 12px 26px -8px rgba(24, 121, 91, 0.38);
}
.fvu .fvg-cancel-video {
 background: #ffffff;
 color: var(--fvu-muted) !important;
 border: 1px solid var(--fvu-line);
 box-shadow: none;
}
.fvu .fvg-create-video:disabled {
 opacity: 0.65;
 cursor: wait;
 transform: none;
}
.fvu .fvg-video-status {
 font-size: 12px !important;
 font-weight: 650 !important;
 line-height: 1.75 !important;
 color: var(--fvu-muted) !important;
 margin: 14px 0 0 !important;
 text-align: left !important;
}
.fvu .fvg-video-progress {
 display: block;
 width: 100%;
 height: 8px;
 border: 0;
 border-radius: 99px;
 overflow: hidden;
 margin-top: 16px;
 accent-color: #ce267f;
}
.fvu .fvg-video-progress::-webkit-progress-bar {
 background: #ebddee;
 border-radius: 99px;
}
.fvu .fvg-video-progress::-webkit-progress-value {
 background: linear-gradient(90deg, #7928a6, #d52982);
 border-radius: 99px;
}
.fvu .fvg-video-preview {
 display: block;
 width: 100%;
 max-width: 320px;
 aspect-ratio: 9 / 16;
 background: #fcf6fc;
 border-radius: 20px;
 border: 2px solid #e7d4eb;
 margin: 24px auto 0;
 box-shadow: 0 20px 50px rgba(72, 24, 88, 0.16);
}
.fvu .fvg-sound-option {
 display: flex;
 align-items: center;
 gap: 10px;
 font-size: 12.5px;
 font-weight: 650;
 color: var(--fvu-ink);
 line-height: 1.7;
 margin-top: 18px;
 cursor: pointer;
}
.fvu .fvg-sound-option input {
 width: 18px;
 height: 18px;
 accent-color: #cd2b83;
 margin: 0;
 flex: none;
}

/* SEO Editorial Guide Section inside Workspace */
.fvu .fvg-seo-editorial {
 margin-top: 32px;
 padding-top: 28px;
 border-top: 1px solid var(--fvu-line);
}
.fvu .fvg-seo-grid {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 18px;
}
.fvu .fvg-seo-card {
 background: var(--fvu-soft);
 border: 1px solid var(--fvu-line);
 border-radius: 20px;
 padding: 24px;
 text-align: left;
}
.fvu .fvg-seo-tag {
 display: inline-block;
 font-size: 9.5px;
 font-weight: 800;
 letter-spacing: 1.4px;
 color: #c42376;
 background: #fdf0f7;
 border: 1px solid #f0d0e2;
 padding: 4px 10px;
 border-radius: 20px;
 margin-bottom: 12px;
}
.fvu .fvg-seo-card h3 {
 font-size: 18px !important;
 font-weight: 820 !important;
 letter-spacing: -0.4px;
 line-height: 1.35 !important;
 color: var(--fvu-ink) !important;
 margin: 0 0 12px !important;
}
.fvu .fvg-seo-card p {
 font-size: 12.5px !important;
 line-height: 1.8 !important;
 color: var(--fvu-muted) !important;
 margin: 0 0 14px !important;
}
.fvu .fvg-seo-list {
 margin: 0;
 padding-left: 18px;
 display: grid;
 gap: 8px;
 font-size: 12px;
 line-height: 1.7;
 color: var(--fvu-muted);
}
.fvu .fvg-seo-list strong {
 color: var(--fvu-ink);
}
.fvu .fvg-duration-table {
 border: 1px solid #e7d7ea;
 border-radius: 14px;
 overflow: hidden;
 background: #ffffff;
 margin-top: 12px;
}
.fvu .fvg-dt-row {
 display: grid;
 grid-template-columns: 1.1fr 1fr 0.9fr;
 gap: 8px;
 padding: 10px 14px;
 font-size: 11.5px;
 color: var(--fvu-muted);
 border-top: 1px solid #f1e6f3;
 align-items: center;
}
.fvu .fvg-dt-row.fvg-dt-head {
 border-top: 0;
 background: #faf3fc;
 font-size: 10px;
 font-weight: 800;
 text-transform: uppercase;
 letter-spacing: 0.5px;
 color: #6c4675;
}
.fvu .fvg-dt-row strong {
 color: #c42376;
 font-weight: 800;
}

@keyframes fvg-arrive {
 from { opacity: 0; transform: translateY(-13px) scale(0.97); }
 to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes fvg-pulse {
 50% { box-shadow: 0 0 0 8px rgba(213, 41, 130, 0.04); }
}
@keyframes fvg-orbit-ring {
 to { transform: rotate(360deg); }
}

/* Dark Mode Compatibility */
body.dark .fvu[data-fvu-tool="instagram-giveaway-picker"] .fvu-workspace,
body.dark .fvu .fvg-collection,
body.dark .fvu .fvg-orbit-stage,
body.dark .fvu .fvg-winner,
body.dark .fvu #fvg-video-studio,
body.dark .fvu .fv-rules-container,
body.dark .fvu .fvg-wall-section,
body.dark .fvu .fvg-pool-explorer,
body.dark .fvu .fvg-matrix-section {
 background: var(--fvu-soft) !important;
 border-color: var(--fvu-line) !important;
 box-shadow: none !important;
}
body.dark .fvu .fv-rule-box,
body.dark .fvu .fvg-live-person,
body.dark .fvu .fvg-orbit-card,
body.dark .fvu .fvg-live-metrics .fvg-metric,
body.dark .fvu .fvg-live-statusbar,
body.dark .fvu .fvg-comment-box,
body.dark .fvu .fvg-duration-table,
body.dark .fvu .fvg-podium-toolbar,
body.dark .fvu .fvg-eligibility-bar,
body.dark .fvu .fvg-wall-chip,
body.dark .fvu .fvg-matrix-chip,
body.dark .fvu .fvg-stage-inspector,
body.dark .fvu .fvg-pool-search {
 background: var(--fvu-card) !important;
 border-color: var(--fvu-line) !important;
}
body.dark .fvu .fvg-place,
body.dark .fvu .fvg-avatar,
body.dark .fvu .fvg-profile-link,
body.dark .fvu .fvg-copy-user,
body.dark .fvu .fvg-rules-live-pill,
body.dark .fvu .fvg-stage-sound,
body.dark .fvu .fvg-wall-toggle {
 background: var(--fvu-card) !important;
 color: #f49ac8 !important;
 border-color: var(--fvu-line) !important;
}
body.dark .fvu .fvg-live-person-top strong,
body.dark .fvu .fvg-orbit-copy strong,
body.dark .fvu .fvg-live-metrics strong,
body.dark .fvu .fvg-eligibility-text,
body.dark .fvu .fv-rule-box input[type="number"],
body.dark .fvu .fvg-wall-user,
body.dark .fvu .fvg-m-user,
body.dark .fvu .fvg-insp-user {
 color: var(--fvu-ink) !important;
 background-color: transparent;
}

/* Responsive Breakpoints */
@media (max-width: 900px) {
 .fvu .fv-rules-grid,
 .fvu .fvg-summary-grid-4,
 .fvu .fvg-live-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr));
 }
 .fvu .fvg-seo-grid {
  grid-template-columns: 1fr;
 }
}
@media (max-width: 600px) {
 .fvu[data-fvu-tool="instagram-giveaway-picker"] .fvu-workspace {
  padding: 18px 14px;
 }
 .fvu .fv-rules-grid {
  grid-template-columns: 1fr 1fr;
  gap: 9px;
 }
 .fvu .fvg-summary-grid,
 .fvu .fvg-summary-grid-4,
 .fvu .fvg-live-metrics {
  grid-template-columns: 1fr 1fr;
  gap: 9px;
 }
 .fvu #winner-cards-container,
 .fvu #sub-cards-container,
 .fvu .fvg-live-feed {
  grid-template-columns: minmax(0, 1fr);
 }
 .fvu .fvg-all-users-wall,
 .fvu .fvg-draw-matrix {
  grid-template-columns: repeat(2, minmax(0, 1fr));
 }
 .fvu .fvg-collection {
  padding: 20px 14px;
  border-radius: 18px;
 }
 .fvu .fvg-orbit-stage {
  height: 395px;
  border-radius: 18px;
 }
 .fvu .fvg-orbit-card {
  height: 224px;
  padding: 15px 10px 12px;
 }
 .fvu .fvg-orbit-face {
  width: 72px;
  height: 72px;
  font-size: 21px;
  margin-bottom: 10px;
 }
 .fvu .fvg-orbit-copy strong {
  font-size: 14px;
 }
 .fvu .fvg-winner {
  padding: 20px 16px;
 }
 .fvu #fvg-video-studio {
  padding: 20px 15px;
 }
 .fvu .fvg-video-actions > * {
  flex: 1 1 150px;
 }
}

.fvu .fvg-orbit-stage.is-reduced .fvg-orbit-card:not(.is-front) {
 visibility: hidden;
}
.fvu .fvg-orbit-stage.is-reduced .fvg-orbit-halo {
 display: none;
}
@media (prefers-reduced-motion: reduce) {
 .fvu .fvg-live-person,
 .fvu .fvg-live-status::before,
 .fvu .fvg-orbit-halo::before {
  animation: none !important;
 }
 .fvu .fvg-collection-rail > span {
  transition: none !important;
 }
}