.design-workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:25px;align-items:start}.design-section{margin-bottom:23px;display:grid;gap:19px}.design-section h2{margin-bottom:4px}.design-section .hint{margin:0}.layout-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px}.layout-choice{display:flex;align-items:flex-start;gap:9px;padding:14px;border:1px solid var(--border);border-radius:13px;cursor:pointer;background:#fbfdfe}.layout-choice:has(input:checked){border-color:var(--blue);background:#f1f1ff}.layout-choice input{width:16px;height:16px;margin:1px 0 0;flex-shrink:0}.layout-choice strong{color:#3b4960;font-size:11px}.layout-choice small{display:block;font-weight:400;font-size:9px;letter-spacing:0;line-height:1.6;margin-top:5px}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.color-control{display:flex;gap:10px;align-items:center;background:#f8fbfc;border:1px solid #e5edf0;border-radius:10px;padding:6px}.color-control input{width:50px;height:33px;padding:2px;border:0;background:none}.color-control span{font-size:10px;color:#8492a3}.preset-buttons{display:flex;gap:8px;flex-wrap:wrap}.preset-buttons button{font-size:9px;padding:10px}.visibility-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.design-preview-panel{position:sticky;top:20px;background:white;border:1px solid var(--border);border-radius:20px;padding:18px;overflow:hidden}.design-preview-panel .panel-head{margin-bottom:15px}.design-preview-panel select{width:auto;font-size:10px;padding:8px}.design-preview-panel h2{font-size:14px}.design-preview-panel p{font-size:10px}.preview-scroll{overflow:auto;border:1px solid #e3eaf0;border-radius:12px;background:#eaf0f4}.preview-scroll iframe{height:650px;display:block;border:0;max-width:none;transform-origin:top left}.design-save{position:sticky;bottom:0;padding:14px;background:#f4fafaed;z-index:5;border-top:1px solid #e5edef}.design-save button{width:100%}.design-save p{font-size:11px;margin-top:8px}.viewer-custom{background:var(--viewer-bg);color:var(--viewer-text);min-height:100vh}.viewer-custom .viewer-top{background:var(--viewer-header)}.viewer-custom.header-static .viewer-top{position:static}.viewer-custom .viewer-logo{color:var(--blue)}.viewer-logo-image{display:block;max-width:240px;max-height:55px;object-fit:contain}.viewer-custom .video-card{background:var(--viewer-surface);border-color:transparent;border-radius:var(--card-radius);color:var(--viewer-text)}.viewer-custom .video-grid{grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:var(--card-gap)}.viewer-custom .thumb{aspect-ratio:var(--thumb-shape)}.viewer-custom .video-caption h3{-webkit-line-clamp:var(--title-lines);color:var(--viewer-text)}.viewer-custom .thumb-label{background:var(--premium)}.viewer-custom .thumb-label.free{background:#1ca876df}.viewer-custom .viewer-banner{background:var(--banner-bg);color:var(--banner-text);position:relative;overflow:hidden;isolation:isolate}.viewer-custom .viewer-banner h1{color:var(--banner-text)}.viewer-custom .viewer-banner p{color:var(--banner-text);opacity:.8;font-size:11px;margin-top:6px}.viewer-custom .viewer-banner a{color:var(--banner-text);position:relative;z-index:2}.banner-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.viewer-banner:has(.banner-cover):after{content:'';position:absolute;inset:0;background:#09101e88;z-index:-1}.viewer-custom .banner-compact{min-height:58px}.viewer-custom .banner-medium{min-height:110px}.viewer-custom .banner-large{min-height:180px}.banner-copy{position:relative;z-index:1}.viewer-custom .ticker{display:flex;align-items:center;gap:7px;background:var(--viewer-surface);color:var(--viewer-text)}.ticker>strong{flex-shrink:0}.ticker-track{min-width:0;overflow:hidden;flex:1}.ticker-track>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticker-moving .ticker-track>span{display:inline-block;padding-left:100%;animation:notice-scroll var(--notice-speed) linear infinite;overflow:visible;text-overflow:clip}.hide-showViews .video-views,.hide-showDuration .thumb-time,.hide-showBadges .thumb-label{display:none}.font-sans{font-family:Arial,Helvetica,sans-serif}.font-rounded{font-family:'Trebuchet MS',Arial,sans-serif}.font-serif{font-family:Georgia,'Times New Roman',serif}.font-mono{font-family:'Courier New',monospace}.viewer-custom .viewer-search input{background:var(--viewer-surface);color:var(--viewer-text);border:1px solid #8797a126}.layout-cinema .viewer-content{max-width:1500px}.layout-cinema .video-card{box-shadow:0 7px 20px #0002}.layout-dense .video-grid{gap:max(4px,calc(var(--card-gap)*.55))}.layout-dense .video-caption{padding:6px 7px}.layout-dense .video-caption p{margin-top:3px}.layout-minimal .video-card{background:transparent;overflow:visible}.layout-minimal .thumb{border-radius:var(--card-radius)}.layout-minimal .video-caption{padding-left:1px;padding-right:1px}.layout-magazine .video-grid>.video-card:first-child{grid-column:span 2}.layout-magazine .video-grid>.video-card:first-child .thumb{aspect-ratio:16/9}.layout-portrait .thumb{aspect-ratio:3/4}.layout-list .video-grid{grid-template-columns:1fr 1fr}.layout-list .video-card{display:grid;grid-template-columns:42% minmax(0,1fr)}.layout-list .video-caption{padding:18px;align-self:center}.layout-list .video-caption h3{font-size:15px}.layout-list .video-caption p{font-size:10px}.layout-split .video-grid{grid-template-columns:repeat(var(--split-cols),minmax(0,1fr))}.layout-split .video-card{display:grid;grid-template-columns:1fr 1fr;align-items:center}.layout-split .video-caption h3{font-size:11px}.viewer-custom .public-plans .panel,.viewer-custom .watch-wrap .panel{background:var(--viewer-surface);color:var(--viewer-text)}@keyframes notice-scroll{from{transform:translateX(0)}to{transform:translateX(-100%)}}@media(max-width:1250px){.design-workspace{grid-template-columns:1fr}.design-preview-panel{position:static;grid-row:1}.preview-scroll iframe{height:430px}.design-preview-panel{max-width:100%}}@media(max-width:1050px){.viewer-custom .video-grid{grid-template-columns:repeat(min(4,var(--cols)),minmax(0,1fr))}.viewer-custom.layout-list .video-grid{grid-template-columns:1fr 1fr}.viewer-custom.layout-split .video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:750px){.viewer-custom .video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.viewer-custom.layout-list .video-grid{grid-template-columns:1fr}.viewer-custom.layout-split .video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.viewer-logo-image{max-width:190px;max-height:45px}}@media(max-width:540px){.viewer-custom .video-grid{grid-template-columns:repeat(var(--phone-cols),minmax(0,1fr))}.viewer-custom.layout-list .video-grid{grid-template-columns:1fr}.viewer-custom.layout-list .video-caption h3{font-size:12px}.viewer-custom.layout-list .video-caption{padding:10px}.viewer-custom.layout-split .video-grid{grid-template-columns:1fr}.layout-magazine .video-grid>.video-card:first-child{grid-column:span 2}.layout-magazine .video-grid>.video-card:first-child .thumb{aspect-ratio:16/9}.viewer-custom .banner-large{min-height:145px}.design-section{padding:19px}.visibility-grid{grid-template-columns:1fr}.color-grid{gap:12px}.color-control{gap:4px}.color-control span{font-size:9px}.layout-choice{padding:11px}.design-save{padding:12px 0}.viewer-logo-image{max-width:170px}}@media(prefers-reduced-motion:reduce){.ticker-moving .ticker-track>span{animation:none;padding-left:0}}

@media(max-width:540px){.viewer-custom.layout-magazine.phone-cols-1 .video-grid>.video-card:first-child{grid-column:span 1}}
.viewer .viewer-custom .video-card{background:var(--viewer-surface);color:var(--viewer-text)}.viewer .viewer-custom .viewer-top{background:var(--viewer-header)}.viewer .viewer-custom .viewer-search input{background:var(--viewer-surface);color:var(--viewer-text)}.viewer .viewer-custom .video-caption p{color:var(--viewer-text);opacity:.6}.viewer .viewer-custom.layout-minimal .video-card{background:transparent}
.preview-scroll{overflow:hidden}

.screen-player{position:fixed;inset:0;background:#05070c;color:white;z-index:90;height:100dvh;overflow:hidden}.screen-player>video{width:100%;height:100%;object-fit:contain;background:#000}.screen-back{position:absolute;left:20px;top:20px;z-index:2;background:#111c30dc;padding:12px 18px;border-radius:30px;color:white}.screen-caption{position:absolute;bottom:65px;left:24px;right:24px;pointer-events:none;text-shadow:0 1px 6px #000}.screen-caption h1{font-size:20px;color:white}.screen-caption p{font-size:12px}.payment-visible>video,.payment-visible>.screen-back,.payment-visible>.screen-caption{visibility:hidden}.payment-screen{position:fixed;inset:0;z-index:200;background:#070d1c;display:grid;place-items:center;padding:20px;overflow-y:auto;overscroll-behavior:contain}.payment-card{width:min(100%,460px);margin:auto;background:#fff;color:#182336;border:1px solid #dde5f0;border-radius:26px;padding:28px;box-shadow:0 24px 90px #0007;outline:none}.payment-mark{width:48px;height:48px;display:grid;place-items:center;background:var(--blue);color:white;border-radius:16px;margin-bottom:18px}.payment-eyebrow{font-size:10px!important;letter-spacing:2px;font-weight:bold;color:#64748b}.payment-card h2{font-size:27px;margin:10px 0}.payment-card>p{font-size:13px;line-height:1.6}.payment-video{font-weight:bold;padding:15px 0;border-bottom:1px solid #e5eaf0;margin-bottom:18px}.payment-card h3{margin:20px 0 10px;font-size:16px}.payment-packages{display:grid;gap:9px}.payment-option{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px;border:1px solid #e0e7f0;border-radius:13px;background:#f8faff}.payment-option strong,.payment-option span{display:block}.payment-option strong,.payment-option b{font-size:13px}.payment-option span{font-size:11px;color:#64748b;margin-top:5px}.payment-pay{width:100%;margin-top:22px;opacity:.65;cursor:not-allowed}.payment-note{font-size:11px!important;color:#64748b;margin-top:12px}.payment-back{display:block;text-align:center;margin-top:20px;font-size:12px;font-weight:bold;color:var(--blue)}@media(max-width:480px){.payment-screen{padding:12px}.payment-card{padding:22px}.screen-back{top:12px;left:12px}}


/* Consolidated payment box: navy card, compact wording, reference logos. */
.reference-screen{background:radial-gradient(ellipse at center,#0d1222,#050817 75%);padding:24px}.payment-card.reference-card{width:min(calc(100vw - 32px),660px);max-width:660px;height:auto;max-height:calc(100dvh - 32px);overflow-y:auto;padding:28px;border:1px solid #283149;border-radius:28px;background:linear-gradient(145deg,#11172a,#0a1020 70%);color:#fff;font-family:Arial,Helvetica,sans-serif}.reference-top,.reference-video{display:none}.reference-body{display:block}.reference-intro{text-align:center}.reference-lock{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 18px;border-radius:19px;background:#1807f4;color:#fff}.reference-price{font-size:12px;color:#e4e9f3;margin:0 0 9px}.reference-price strong{font-size:16px;color:white}.reference-card .reference-intro h2{font-size:14px;font-weight:600;line-height:1.45;letter-spacing:0;text-transform:none;color:#42d580;margin:0 0 9px}.reference-message{font-size:11px;line-height:1.65;color:#b6c0d1;margin:10px auto 17px;max-width:490px}.reference-steps{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0;margin:0 0 20px;list-style:none;text-align:left}.reference-steps li{display:flex;align-items:center;gap:9px;line-height:1.5;font-size:10px;padding:13px 12px;border:1px solid #ffffff0c;border-radius:12px;background:#ffffff05}.reference-steps b{display:grid;place-items:center;width:23px;height:23px;flex:0 0 23px;border-radius:50%;background:#ffffff1b;color:white;font-size:12px}.reference-steps li:last-child{background:#ec1c5810;border-color:#e72c5b50}.reference-steps li:last-child b{background:#e41c56}.provider-logo-strip{display:flex;justify-content:center;align-items:center;margin:0 auto 17px}.reference-provider-strip{display:block;flex:0 0 230px;width:230px;height:30px;background:white url('providers/reference-provider-strip-source.jpg') no-repeat -39px -45px;background-size:310px 543px}.bundle-toggle{width:100%;display:flex;justify-content:center;align-items:center;gap:9px;background:#ffffff05;border:1px solid #394158;color:#e2e7f3;border-radius:10px;padding:10px 16px;font-size:11px;font-weight:bold;cursor:pointer;margin-bottom:12px}.bundle-toggle:hover{border-color:#af62f4;background:#af62f410}.bundle-toggle[aria-expanded="true"] span{transform:rotate(180deg)}.reference-options{border:0;padding:0;min-width:0;margin:0 0 14px;display:grid;grid-template-columns:1fr;gap:9px}.reference-options[hidden]{display:none!important}.reference-options legend{font-size:12px;text-align:center;color:#c4cede;margin-bottom:11px;width:100%}.checkout-choice{width:100%;display:flex;align-items:center;gap:10px;border:1px solid #30374c;border-radius:12px;padding:12px;background:#0b1020;color:white;cursor:pointer}.checkout-choice:has(input:checked){border-color:#a54cff;background:#a54cff14}.checkout-choice input{width:14px;height:14px;flex:0 0 14px;margin:0;accent-color:#b754ff}.checkout-choice-copy{flex:1;min-width:0}.checkout-choice-copy strong{font-size:11px;display:block;overflow-wrap:anywhere}.checkout-choice-copy small{display:none}.checkout-choice b{font-size:11px;color:white;white-space:nowrap;margin-left:auto}.checkout-empty{font-size:12px;line-height:1.7;padding:12px;background:#121c31;color:#b6c4da;border-radius:10px}.reference-phone-label{display:block;text-align:center;color:#aebacf;font-size:11px;margin:17px 0 8px;font-weight:normal;letter-spacing:0}.reference-phone{width:100%;text-align:center;background:#070d1b!important;border:2px solid #243045!important;border-radius:13px!important;color:#fff!important;font-size:15px!important;font-weight:bold!important;letter-spacing:1px;padding:15px!important}.reference-phone::placeholder{color:#929eaf;opacity:1}.reference-hint{color:#8ce0b0;font-size:11px;margin:9px 0 14px;text-align:center}.reference-submit{width:100%;background:linear-gradient(100deg,#e4144c,#ba227c 48%,#8138ed);border:0;border-radius:12px;padding:15px;color:white;font-size:12px;font-weight:700;line-height:1.4;opacity:1!important;cursor:not-allowed!important}.reference-offline{font-size:10px;color:#95a2b8;text-align:center;line-height:1.7;margin:10px 0 0}.reference-card .checkout-back{display:block;color:#b9c6dc;font-size:11px;margin:11px 0 0;padding:7px;text-align:center}.reference-card :focus-visible{outline:3px solid #c58bff;outline-offset:3px}@media(max-width:480px){.reference-screen{padding:12px}.payment-card.reference-card{width:100%;padding:22px 18px;border-radius:24px;max-height:calc(100dvh - 24px)}.reference-card .reference-intro h2{font-size:13px}.reference-price strong{font-size:15px}.reference-steps{gap:7px;margin-bottom:16px}.reference-steps li{padding:10px 8px;gap:6px}.checkout-choice{padding:10px}}
/* Fitted reference-style video cards; image dimensions never alter the frame. */
.viewer-custom .video-grid{gap:24px}.viewer-custom .video-card{border-radius:24px;overflow:hidden;background:#fff!important;color:#101d33!important;border:1px solid #e9edf1;box-shadow:0 1px 2px #15213404}.viewer-custom .thumb,.viewer-custom.clear-thumbnails .thumb{aspect-ratio:5/4!important;background:#101521;border-radius:0}.viewer-custom .thumb>img,.viewer-custom.clear-thumbnails .thumb>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover!important;object-position:center;transform:scale(1.035);filter:none;opacity:1}.viewer-custom .thumb-play{position:absolute;left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:#53493bd6;color:#fff;border:1px solid #ffffff38;display:grid;place-items:center;font-size:20px;line-height:1;pointer-events:none}.viewer-custom .thumb-label{top:12px;right:12px;padding:5px 8px;border-radius:8px;background:#e42b21;color:white;font-size:8px;font-weight:800;z-index:1}.viewer-custom .thumb-label.free{background:#178b5d}.viewer-custom .video-caption{padding:11px 12px 12px}.viewer-custom .video-caption h3{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;font-size:11px;font-weight:700;color:#101d33!important}.viewer-custom .video-caption p{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;font-size:8px;opacity:1!important;color:#8795ad!important}.viewer-custom .card-duration{font-size:8px;background:#f0f3f8;color:#8090aa;border-radius:5px;padding:3px 6px;margin-left:auto;line-height:1.2}.viewer-custom .categories{display:none!important}@media(max-width:540px){.viewer-custom .video-grid{gap:14px 10px}.viewer-custom .video-card{border-radius:18px}.viewer-custom .thumb-label{top:8px;right:8px;font-size:7px;padding:4px 6px}.viewer-custom .thumb-play{width:35px;height:35px;font-size:16px}.viewer-custom .video-caption{padding:9px}.viewer-custom .video-caption h3{font-size:10px}}

/* Bring thumbnail subjects closer without changing frame dimensions. */
.viewer-custom .thumb>img,.viewer-custom.clear-thumbnails .thumb>img{transform:scale(1.12);transform-origin:center}

/* Remove added zoom; preserve card and frame dimensions. */
.viewer-custom .thumb>img,.viewer-custom.clear-thumbnails .thumb>img{transform:none;transform-origin:center}

/* Per-video framing inside the same fixed frame; no extra zoom. */
.viewer-custom .thumb>img,.viewer-custom.clear-thumbnails .thumb>img{object-fit:var(--poster-fit,contain)!important;transform:none;background:#101521}

.viewer-custom.hide-showDuration .card-duration{display:none}