/* Nine-slice borders omit the source center, including paintings. No fill. */
/* Uploaded frames use a complete transparent PNG. Reserve the calculated border
   in both the editor and the TV, and paint across that border rather than under
   the photo's content box. Never affect unframed or built-in playback. */
.fitted-photo[class*="frame-custom_"],.tv-photo-frame[class*="frame-custom_"],.video-library-photo-frame[class*="frame-custom_"]{border-style:solid;border-color:transparent;background-origin:border-box;background-clip:border-box}
/* Transparent uploaded frame artwork is a foreground layer, not a backdrop.
   Use the exact reserved border so its PNG spans the complete outer frame. */
.fitted-photo[class*="frame-custom_"],.tv-photo-frame[class*="frame-custom_"],.video-library-photo-frame[class*="frame-custom_"]{background-size:0 0!important}
.fitted-photo[class*="frame-custom_"]::after,.tv-photo-frame[class*="frame-custom_"]::after,.video-library-photo-frame[class*="frame-custom_"]::after{content:"";position:absolute;inset:calc(-1 * var(--custom-frame-border,0px));background-image:inherit;background-size:var(--custom-frame-size,100% 100%);background-position:var(--custom-frame-position,0% 0%);background-repeat:no-repeat;z-index:2;pointer-events:none}
.frame-asset-angels-blue-silver,.swatch-asset-angels-blue-silver{border-style:solid;border-color:transparent;border-image-source:url("/frames/asset-angels-blue-silver.png");border-image-slice:101 126 109 127;border-image-repeat:stretch;border-image-width:1;border-image-outset:0}
.swatch-asset-angels-blue-silver{border-width:9px;background:#b9b9ad;background-clip:padding-box}
.frame-asset-flowers-bows,.swatch-asset-flowers-bows{border-style:solid;border-color:transparent;border-image-source:url("/frames/asset-flowers-bows.png");border-image-slice:150 165 154 166;border-image-repeat:stretch;border-image-width:1;border-image-outset:0}
.swatch-asset-flowers-bows{border-width:9px;background:#b9b9ad;background-clip:padding-box}
.frame-asset-sages-walnut,.swatch-asset-sages-walnut{border-style:solid;border-color:transparent;border-image-source:url("/frames/asset-sages-walnut.png");border-image-slice:118 130 118 130;border-image-repeat:stretch;border-image-width:1;border-image-outset:0}
.swatch-asset-sages-walnut{border-width:9px;background:#b9b9ad;background-clip:padding-box}
.preview-frame #setup{display:none!important}
.frame-asset-baroque,.swatch-asset-baroque{border-style:solid;border-color:transparent;border-image-source:url("/frames/asset-baroque.png");border-image-slice:96 107 103 105;border-image-repeat:stretch;border-image-width:1;border-image-outset:0}
.swatch-asset-baroque{border-width:9px;background:#b9b9ad;background-clip:padding-box}
.frame-asset-goldmat,.swatch-asset-goldmat{border-style:solid;border-color:transparent;border-image-source:url("/frames/asset-goldmat.png");border-image-slice:116 111 110 110;border-image-repeat:stretch;border-image-width:1;border-image-outset:0}
.swatch-asset-goldmat{border-width:9px;background:#b9b9ad;background-clip:padding-box}
.frame-asset-silver,.swatch-asset-silver{border-style:solid;border-color:transparent;border-image-source:url("/frames/asset-silver.png");border-image-slice:130 143 135 142;border-image-repeat:stretch;border-image-width:1;border-image-outset:0}
.swatch-asset-silver{border-width:9px;background:#b9b9ad;background-clip:padding-box}
.frame-asset-blackbevel,.swatch-asset-blackbevel{border-style:solid;border-color:transparent;border-image-source:url("/frames/asset-blackbevel.png");border-image-slice:160 174 158 176;border-image-repeat:stretch;border-image-width:1;border-image-outset:0}
.swatch-asset-blackbevel{border-width:9px;background:#b9b9ad;background-clip:padding-box}
.frame-asset-oakmat,.swatch-asset-oakmat{border-style:solid;border-color:transparent;border-image-source:url("/frames/asset-oakmat.png");border-image-slice:151 162 161 161;border-image-repeat:stretch;border-image-width:1;border-image-outset:0}
.swatch-asset-oakmat{border-width:9px;background:#b9b9ad;background-clip:padding-box}
.frame-asset-antique,.swatch-asset-antique{border-style:solid;border-color:transparent;border-image-source:url("/frames/asset-antique.png");border-image-slice:98 96 98 92;border-image-repeat:stretch;border-image-width:1;border-image-outset:0}
.swatch-asset-antique{border-width:9px;background:#b9b9ad;background-clip:padding-box}
.frame-asset-ivory,.swatch-asset-ivory{border-style:solid;border-color:transparent;border-image-source:url("/frames/asset-ivory.png");border-image-slice:200 217 192 215;border-image-repeat:stretch;border-image-width:1;border-image-outset:0}
.swatch-asset-ivory{border-width:9px;background:#b9b9ad;background-clip:padding-box}
.frame-asset-navy,.swatch-asset-navy{border-style:solid;border-color:transparent;border-image-source:url("/frames/asset-navy.png");border-image-slice:113 122 115 120;border-image-repeat:stretch;border-image-width:1;border-image-outset:0}
.swatch-asset-navy{border-width:9px;background:#b9b9ad;background-clip:padding-box}
.frame-asset-stone,.swatch-asset-stone{border-style:solid;border-color:transparent;border-image-source:url("/frames/asset-stone.png");border-image-slice:148 163 153 162;border-image-repeat:stretch;border-image-width:1;border-image-outset:0}
.swatch-asset-stone{border-width:9px;background:#b9b9ad;background-clip:padding-box}

.frame-catalog{width:min(520px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:min(70dvh,680px);padding:12px;scrollbar-gutter:stable;overscroll-behavior:contain}
.frame-catalog button{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:10px;min-height:0;padding:10px;margin:0 0 8px;text-align:center;font-size:15px;line-height:1.4}
.frame-catalog .frame-swatch{width:100%;height:auto;aspect-ratio:16/9;flex:none;box-sizing:border-box}
.frame-catalog .frame-swatch[class*="swatch-asset-"]{border-width:20px}
.frame-catalog .swatch-gold{border-width:16px}
.frame-catalog .swatch-black,.frame-catalog .swatch-white{border-width:10px}
.frame-catalog button>svg{position:absolute;inset-inline-start:16px;bottom:11px;margin:0;width:20px;height:20px}
.frame-catalog button[aria-pressed=true]{outline:1px solid #e5bd70;outline-offset:-1px}
.frame-catalog button:focus-visible{outline:2px solid #e5bd70;outline-offset:2px}
.frame-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:min(60dvh,480px)}
.frame-catalog>p{grid-column:1/-1;margin:0 0 4px}
.frame-catalog button{min-width:0;margin:0;border:1px solid #746044;font-size:14px}
.frame-catalog button>span:not(.frame-swatch){overflow-wrap:anywhere;padding-inline:16px}
.frame-catalog .frame-swatch[class*="swatch-asset-"]{border-width:8px}
.frame-catalog .swatch-gold{border-width:8px}
.frame-catalog .swatch-black,.frame-catalog .swatch-white{border-width:5px}
.frame-catalog button>svg{inset-inline-start:8px;bottom:10px;width:16px;height:16px}
.frame-catalog[data-orientation] .frame-swatch{width:100%;height:auto;aspect-ratio:16/9;box-sizing:border-box}
.frame-catalog[data-orientation=portrait] .frame-swatch{aspect-ratio:9/16;max-height:160px;width:90px;max-width:100%;margin-inline:auto}

/* TV remotes must not draw browser focus boxes over playback controls. */
button:focus,button:focus-visible,a:focus,a:focus-visible{outline:0!important;box-shadow:none!important}
#controls{border:0!important}
#stage .tv-photo-frame,#stage .tv-image-layer{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);isolation:isolate}
#stage .tv-photo-frame{background-clip:border-box}

/* Quiet, branded status screen for a paused television. */
#status.pause-status{position:fixed;inset:0;display:block!important;max-width:none;margin:0;padding:0;overflow:hidden;background:radial-gradient(circle at 50% 38%,#3a2a18 0,#17120d 42%,#0d0c0a 100%);direction:rtl;text-align:center}
#status.pause-status:before,#status.pause-status:after{content:'';position:absolute;border:1px solid #d8ad5e26;border-radius:50%;pointer-events:none}
#status.pause-status:before{width:76vw;height:76vw;max-width:1060px;max-height:1060px;top:50%;left:50%;transform:translate(-50%,-50%)}
#status.pause-status:after{width:57vw;height:57vw;max-width:790px;max-height:790px;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 120px #d8ad5e12}
.pause-card{position:absolute;top:50%;left:50%;width:min(620px,calc(100vw - 96px));transform:translate(-50%,-50%);z-index:1}
.pause-mark{position:relative;width:106px;height:106px;margin:0 auto 28px;border:1px solid #e7c7838a;border-radius:50%;background:linear-gradient(145deg,#3c2c18,#1d1710);box-shadow:inset 0 1px #fff2c42b,0 18px 48px #00000075}
.pause-mark:before,.pause-mark:after{content:'';position:absolute;top:31px;width:12px;height:43px;border-radius:9px;background:linear-gradient(#f3d38b,#b57b2f);box-shadow:0 2px 8px #00000066}
.pause-mark:before{left:37px}.pause-mark:after{right:37px}
.pause-eyebrow{margin:0 0 10px;color:#e6be71;font:700 16px/1.4 Arial,sans-serif;letter-spacing:.16em}
.pause-card h1{margin:0;color:#fff8e9;font:700 44px/1.2 Arial,sans-serif}
.pause-detail{max-width:440px;margin:18px auto 0;color:#d4c4a6;font:19px/1.6 Arial,sans-serif}
.pause-device{display:inline-block;margin:25px 0 0;padding:7px 14px;border:1px solid #e8c77f4d;border-radius:99px;color:#edd39c;font:16px/1.4 Arial,sans-serif}
.pause-brand{position:absolute;left:30px;bottom:26px;width:108px;height:auto;opacity:.8;direction:ltr}
@media(max-width:600px){#status.pause-status .pause-card{width:calc(100vw - 48px)}.pause-card h1{font-size:32px}.pause-detail{font-size:17px}.pause-mark{transform:scale(.85);margin-bottom:18px}.pause-brand{left:20px;bottom:18px;width:92px}}

/* WebOS exposes hairline seams where border-image joins its nine slices. Paint the
   complete frame as one surface beneath the image instead, so every edge is continuous. */
.frame-asset-baroque{border-image:none!important;background-image:url("/frames/asset-baroque.png");background-size:100% 100%;background-repeat:no-repeat;background-origin:border-box;background-clip:border-box}
.frame-asset-goldmat{border-image:none!important;background-image:url("/frames/asset-goldmat.png");background-size:100% 100%;background-repeat:no-repeat;background-origin:border-box;background-clip:border-box}
.frame-asset-silver{border-image:none!important;background-image:url("/frames/asset-silver.png");background-size:100% 100%;background-repeat:no-repeat;background-origin:border-box;background-clip:border-box}
.frame-asset-blackbevel{border-image:none!important;background-image:url("/frames/asset-blackbevel.png");background-size:100% 100%;background-repeat:no-repeat;background-origin:border-box;background-clip:border-box}
.frame-asset-oakmat{border-image:none!important;background-image:url("/frames/asset-oakmat.png");background-size:100% 100%;background-repeat:no-repeat;background-origin:border-box;background-clip:border-box}
.frame-asset-antique{border-image:none!important;background-image:url("/frames/asset-antique.png");background-size:100% 100%;background-repeat:no-repeat;background-origin:border-box;background-clip:border-box}
.frame-asset-ivory{border-image:none!important;background-image:url("/frames/asset-ivory.png");background-size:100% 100%;background-repeat:no-repeat;background-origin:border-box;background-clip:border-box}
.frame-asset-navy{border-image:none!important;background-image:url("/frames/asset-navy.png");background-size:100% 100%;background-repeat:no-repeat;background-origin:border-box;background-clip:border-box}
.frame-asset-stone{border-image:none!important;background-image:url("/frames/asset-stone.png");background-size:100% 100%;background-repeat:no-repeat;background-origin:border-box;background-clip:border-box}
.frame-asset-sages-walnut{border-image:none!important;background-image:url("/frames/asset-sages-walnut.png");background-size:100% 100%;background-repeat:no-repeat;background-origin:border-box;background-clip:border-box}