.ss-bg{position:absolute;inset:-18px;background-position:center;background-size:cover;transform:scale(1.05)}.ss-overlay{position:absolute;inset:0}.ss-slider{position:absolute;left:18px;right:18px;bottom:20px;height:31px;background:linear-gradient(to bottom,rgba(255,255,255,.18),rgba(0,0,0,.38)),var(--ss-bar,#111);border-radius:6px;box-shadow:inset 0 1px rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;color:var(--ss-text,#fff);font-size:10px}.ss-handle{position:absolute;left:2px;top:2px;width:27px;height:27px;background:linear-gradient(to bottom,rgba(255,255,255,.3),rgba(0,0,0,.16)),var(--ss-slider,#d9dde3);border-radius:5px;color:var(--ss-arrow,#4a4a4a);display:flex;align-items:center;justify-content:center;font-size:18px}

/* v8.3J DEV01 — Native Landscape Screensaver CMS preview */
#ssPreview.ss-native-landscape-preview{width:100%!important;max-width:340px!important;height:auto!important;aspect-ratio:16/9!important;border-radius:15px;background:#000}
#ssPreview.ss-native-landscape-preview .ss-bg{inset:-3%;transform:none}
#ssPreview.ss-native-landscape-preview .ss-slider{display:none!important}
.ss-native-landscape-meta{position:absolute;left:0;right:0;bottom:10px;height:28px;z-index:5;pointer-events:none;color:#fff;font-family:Montserrat,Arial,sans-serif}
.ss-native-landscape-line{position:absolute;left:0;right:4%;bottom:0;height:3px;background:linear-gradient(90deg,transparent 0%,var(--ss-native-line-color,var(--ss-native-accent,#3399ff)) 100%);clip-path:polygon(0 50%,100% 0,100% 100%);border-radius:0 999px 999px 0}
.ss-native-landscape-label{position:absolute;right:4%;bottom:6px;font-size:10px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;text-shadow:0 1px 5px rgba(0,0,0,.65)}
.ss-native-landscape-hint{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);font-size:7px;letter-spacing:.12em;white-space:nowrap;color:rgba(255,255,255,.88);text-shadow:0 1px 5px rgba(0,0,0,.65)}

/* v8.3J DEV01C — Native Landscape three-mode CMS/runtime correction */
#ssPreview.ss-native-landscape-preview .ss-bg{z-index:0;background-color:#000}
#ssPreview.ss-native-landscape-preview .ss-overlay{z-index:1}
.ss-native-landscape-layer-stack{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.ss-native-landscape-layer-stack video{position:absolute;display:block;background:transparent;pointer-events:none}
.ss-native-landscape-mode-switcher{position:absolute;top:10px;right:10px;z-index:7;display:flex;gap:5px;align-items:flex-start}.ss-native-landscape-mode-switcher.position-middle-right{top:50%;transform:translateY(-50%)}
.ss-native-landscape-mode-switcher button{width:22px;height:22px;padding:0;border-radius:50%;border:1px solid color-mix(in srgb,var(--ss-selector-border,#fff) 55%,transparent);background:color-mix(in srgb,var(--ss-selector-bg,#052345) 62%,transparent);color:var(--ss-selector-fg,#fff);font:600 9px/1 Arial,sans-serif;cursor:pointer;box-shadow:0 2px 7px rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;transition:transform .22s ease,opacity .22s ease,background .22s ease}
.ss-native-landscape-mode-switcher button svg{width:11px;height:11px;display:block}.ss-native-landscape-mode-switcher button img{width:12px;height:12px;display:block;object-fit:contain;pointer-events:none}
.ss-native-landscape-mode-switcher button.active{background:var(--ss-selector-active,#3399ff);border-color:var(--ss-selector-border,#fff)}
.ss-native-landscape-mode-switcher.is-dropdown{display:block}.ss-native-dropdown-launcher{position:relative;z-index:3}.ss-native-dropdown-launcher.has-text,.ss-native-dropdown-option.has-text{width:auto;min-width:22px;max-width:110px;padding:0 7px;border-radius:999px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss-native-dropdown-menu{position:absolute;top:28px;right:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px;border-radius:999px;background:rgba(var(--ss-dropdown-panel-rgb,5,35,69),var(--ss-dropdown-panel-opacity,.34));border:1px solid rgba(255,255,255,.22);box-shadow:0 4px 12px rgba(0,0,0,.2);backdrop-filter:blur(8px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-5px) scale(.94);transform-origin:top right;transition:opacity .22s ease,transform .26s ease,visibility .22s}.ss-native-dropdown-option{opacity:0;transform:translateY(-5px) scale(.9);transition-delay:0ms}.ss-native-landscape-mode-switcher.open .ss-native-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:none}.ss-native-landscape-mode-switcher.open .ss-native-dropdown-option{opacity:1;transform:none;transition-delay:var(--delay,0ms)}.ss-native-landscape-mode-switcher.dropdown-pill-menu .ss-native-dropdown-menu{min-width:92px;border-radius:11px;align-items:stretch;padding:5px}.ss-native-landscape-mode-switcher.dropdown-pill-menu .ss-native-dropdown-option{width:100%;height:22px;border-radius:999px;padding:0 8px;white-space:nowrap}.ss-native-landscape-mode-switcher.dropdown-radial-fan .ss-native-dropdown-menu{top:0;right:0;width:92px;height:82px;padding:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none;transform:none}.ss-native-landscape-mode-switcher.dropdown-radial-fan .ss-native-dropdown-option{position:absolute;right:0;top:0;opacity:0;transform:translate(0,0) scale(.72);pointer-events:none}.ss-native-landscape-mode-switcher.dropdown-radial-fan.open .ss-native-dropdown-option{opacity:1;pointer-events:auto}.ss-native-landscape-mode-switcher.dropdown-radial-fan.open .ss-native-dropdown-option:nth-child(1){transform:translate(-32px,4px) scale(1)}.ss-native-landscape-mode-switcher.dropdown-radial-fan.open .ss-native-dropdown-option:nth-child(2){transform:translate(-24px,34px) scale(1)}.ss-native-landscape-mode-switcher.dropdown-radial-fan.open .ss-native-dropdown-option:nth-child(3){transform:translate(4px,46px) scale(1)}
.ss-native-editor .ss-native-mode-rows{display:grid;grid-template-columns:1fr;gap:14px;margin-top:16px}
.ss-native-editor .ss-native-mode-row{border:1px solid var(--line,#dce4ec);border-radius:14px;background:rgba(248,250,252,.72);overflow:hidden}
.ss-native-editor .ss-native-mode-head{display:flex;align-items:flex-start;gap:12px;padding:14px 15px;border-bottom:1px solid var(--line,#dce4ec);background:rgba(255,255,255,.75)}
.ss-native-editor .ss-native-mode-head>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.ss-native-editor .ss-native-mode-head strong{font-size:13px;color:#17324d}
.ss-native-editor .ss-native-mode-head span:not(.ss-native-mode-number){font-size:11px;line-height:1.45;color:#66788a}
.ss-native-editor .ss-native-mode-number{flex:0 0 30px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0a2a59;color:#fff;font:700 12px/1 Arial,sans-serif}
.ss-native-editor .ss-native-mode-body{padding:14px 15px}
.ss-native-editor .ss-native-subrow{border:1px solid #dfe7ef;border-radius:11px;background:#fff;padding:12px;margin-bottom:10px}
.ss-native-editor .ss-native-subrow:last-child{margin-bottom:10px}
.ss-native-editor .ss-native-video-layers{margin-top:12px}

/* v8.3J DEV01C — Button 1 tapered-line + overlay-palette polish */
.ss-native-editor .ss-native-mode1-colors{margin-bottom:12px}
.ss-native-editor .ss-native-mode1-colors .color-grid{margin-top:10px}
.ss-native-editor .ss-native-mode1-colors .color-value{min-width:64px;font-size:11px;text-transform:uppercase;color:#66788a}
.ss-native-editor .ss-native-color-swatches{margin-top:8px}

/* v8.3J DEV02C — Button 2 Featured Members reference-slide refinement + preserved premium banner */
.ss-native-landscape-mode2-ticker{position:absolute;left:0;right:0;bottom:0;height:18px;z-index:6;display:flex;align-items:center;overflow:hidden;border-radius:0 0 15px 15px;font-family:Montserrat,Arial,sans-serif}
.ss-native-landscape-mode2-ticker[hidden]{display:none!important}
.ss-native-landscape-mode2-badge{height:100%;flex:0 0 auto;display:flex;align-items:center;padding:0 7px;border-right:1px solid color-mix(in srgb,var(--ss-mode2-accent,#3399ff) 35%,transparent);font-size:4px;font-weight:700;letter-spacing:.22em;color:var(--ss-mode2-label,#3399ff);text-transform:uppercase;white-space:nowrap}
.ss-native-landscape-mode2-badge:before{content:"";width:3px;height:3px;border-radius:50%;background:var(--ss-mode2-accent,#3399ff);margin-right:4px}
.ss-native-landscape-mode2-track{flex:1;min-width:0;height:100%;display:flex;align-items:center;overflow:hidden;white-space:nowrap;position:relative}.ss-native-landscape-mode2-inner{display:flex;align-items:center;width:max-content;min-width:max-content;white-space:nowrap;will-change:transform}
.ss-native-landscape-mode2-item{display:inline-flex;align-items:center;gap:5px;padding:0 8px;font-size:4px;text-transform:uppercase;white-space:nowrap}.ss-native-landscape-mode2-item strong{color:var(--ss-mode2-name,#fff);letter-spacing:.08em}.ss-native-landscape-mode2-item span{color:var(--ss-mode2-company,#b0c8e0);letter-spacing:.04em}.ss-native-landscape-mode2-item i{display:inline-block;width:2px;height:2px;border-radius:50%;background:var(--ss-mode2-accent,#3399ff)}
.ss-native-landscape-mode2-empty{padding:0 10px;font-size:4px;letter-spacing:.05em;color:var(--ss-mode2-company,#b0c8e0)}
.ss-native-editor .ss-native-mode2-colors{margin-top:10px}.ss-native-editor .ss-native-mode2-colors .color-value{min-width:64px;font-size:11px;text-transform:uppercase;color:#66788a}.ss-native-editor .ss-native-member-row{background:#fbfdff}.ss-native-editor .ss-native-member-row .upload-line{align-items:center}

.ss-native-editor .ss-native-speed-control{display:flex;align-items:center;gap:10px}.ss-native-editor .ss-native-speed-control input[type="range"]{flex:1;min-width:160px}.ss-native-editor .ss-native-speed-control .range-value{min-width:70px;font-size:11px;color:#66788a;text-align:right;white-space:nowrap}

/* v8.3J DEV03 — Button 3 reference interactive preview + editor */
.ss-native-landscape-mode3-ui{position:absolute;inset:0;z-index:6;pointer-events:none;font-family:Montserrat,Arial,sans-serif}
.ss-native-landscape-mode3-ui[hidden]{display:none!important}
.ss-native-landscape-mode3-copy{position:absolute;top:8%;left:50%;transform:translateX(-50%);width:68%;text-align:center;text-shadow:0 1px 6px rgba(0,0,0,.25)}
.ss-native-landscape-mode3-title{font-size:12px;font-weight:700;letter-spacing:.1em;line-height:1.05;text-transform:uppercase}
.ss-native-landscape-mode3-description{margin-top:4px;font-size:5px;line-height:1.45;letter-spacing:.08em;white-space:pre-line}
.ss-native-landscape-mode3-swipe{position:absolute;bottom:35%;display:flex;align-items:center;gap:4px;font-size:5px;font-weight:700;white-space:nowrap}
.ss-native-landscape-mode3-swipe.left{left:15%}.ss-native-landscape-mode3-swipe.right{right:15%}
.ss-native-landscape-mode3-swipe b{font-size:6px;letter-spacing:1px}
.ss-native-landscape-mode3-effect-preview{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;z-index:2!important}
.ss-native-landscape-mode3-ball-preview{position:absolute!important;left:50%!important;transform:translateX(-50%)!important;height:82%!important;object-fit:contain!important;z-index:30!important}
.ss-native-editor .ss-native-mode3-colors{margin-top:10px}.ss-native-editor .ss-native-mode3-colors .color-value{min-width:64px;font-size:11px;text-transform:uppercase;color:#66788a}
.ss-native-editor textarea[data-native-mode3="description"]{min-height:92px;resize:vertical}

/* v8.3J DEV04B premium shared Screensaver selector / launch controls */
.ss-native-editor .ss-native-shared-controls{margin-top:12px}.ss-native-editor .ss-native-selector-row{border:1px solid #dfe7ef;border-radius:11px;background:#fbfdff;padding:12px;margin:10px 0}.ss-native-editor .ss-native-selector-row .row-head{align-items:center}.ss-native-editor .ss-native-selector-row .row-head label{font-size:11px;color:#53657a;display:flex;align-items:center;gap:6px}.ss-native-editor .ss-native-selector-row input[type="color"]{min-height:38px}
