/* Original illustrative platform chrome. Header/footer are reserved; the decorative rail overlays footage. */
/* V25: the device viewport follows the owned source aspect, rather than letterboxing
   a narrow media well inside an unrelated fixed 19:9 box. Chrome uses compact W-based rows. */
[data-device-platform][data-device-mode]{position:relative;isolation:isolate;container-type:inline-size;overflow:hidden;background:#090a0d;color:#fff;--pc-top:calc(8.5% * var(--device-aspect,.526));--pc-bottom:calc(17% * var(--device-aspect,.526));--pc-right:0px;--pc-left:0px;font-family:Arial,Helvetica,sans-serif;aspect-ratio:var(--device-aspect,.526)}
[data-device-platform]>.platform-media{position:absolute;inset:var(--pc-top) var(--pc-right) var(--pc-bottom) var(--pc-left);display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;overflow:hidden;background:#000;z-index:1}
[data-device-platform]>.platform-media>video,[data-device-platform]>.platform-media>img,.watch-dialog .watch-device[data-device-platform]>.platform-media>video,.project-real-media .watch-device[data-device-platform]>.platform-media>video{display:block;position:static;width:100%;height:100%;min-height:0;max-width:100%;max-height:100%;object-fit:contain!important;object-position:center;padding:0;border:0;border-radius:0;filter:none!important;mix-blend-mode:normal;opacity:1}
[data-device-platform]>.platform-chrome{position:absolute;inset:0;z-index:2;pointer-events:none;user-select:none;overflow:hidden;color:#fff;font-family:Arial,Helvetica,sans-serif}
.platform-chrome .pc-view{display:none}
[data-device-platform="tiktok"][data-device-mode="feed"]>.platform-chrome>[data-chrome-view="tiktok-feed"],[data-device-platform="tiktok"][data-device-mode="camera"]>.platform-chrome>[data-chrome-view="tiktok-camera"],[data-device-platform="tiktok"][data-device-mode="recorded"]>.platform-chrome>[data-chrome-view="tiktok-recorded"],[data-device-platform="snapchat"][data-device-mode="camera"]>.platform-chrome>[data-chrome-view="snapchat-camera"],[data-device-platform="snapchat"][data-device-mode="recorded"]>.platform-chrome>[data-chrome-view="snapchat-recorded"],[data-device-platform="generic"][data-device-mode="generic"]>.platform-chrome>[data-chrome-view="generic-generic"]{display:contents}
.platform-chrome svg{display:block;width:20px;height:20px;width:clamp(15px,6.1cqi,25px);height:clamp(15px,6.1cqi,25px);flex:none;overflow:visible}
.platform-chrome .pc-top{position:absolute;top:0;left:0;right:0;height:var(--pc-top);display:flex;align-items:center;gap:clamp(5px,2cqi,10px);padding:3px clamp(7px,3cqi,13px);background:#090a0d;font-size:clamp(8px,3.2cqi,13px);line-height:1.1;white-space:nowrap}
.platform-chrome .pc-brand{font-weight:800;font-size:clamp(9px,3.8cqi,15px);letter-spacing:-.035em}.platform-chrome .pc-tiktok-word{text-shadow:-.7px -.3px 0 #25f4ee,.7px .5px 0 #fe2c55}.platform-chrome .pc-snap-word{color:#fffc00}.platform-chrome .pc-camera-title{margin:auto;font-weight:600;opacity:.86}.platform-chrome .pc-top>svg:last-child{margin-left:auto}
.platform-chrome .pc-feed-top{flex-wrap:wrap;justify-content:space-between;gap:1px 6px}.platform-chrome .pc-feed-tabs{display:flex;align-items:center;justify-content:center;gap:8px;font-size:clamp(7px,3cqi,12px);color:#c2c2c8;flex:1;white-space:nowrap}.platform-chrome .pc-feed-tabs>b{color:#fff;position:relative}.platform-chrome .pc-feed-tabs>b:after{content:'';position:absolute;height:2px;width:60%;left:20%;bottom:-5px;background:#fff;border-radius:3px}.platform-chrome .pc-feed-top>.pc-brand{font-size:clamp(8px,3.3cqi,13px)}
.platform-chrome .pc-rail{position:absolute;top:var(--pc-top);bottom:var(--pc-bottom);right:2.5%;width:clamp(16px,7cqi,28px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(16px,8cqi,35px);padding:8px 0;background:transparent;pointer-events:none;filter:drop-shadow(0 1px 2px #000a)}.platform-chrome .pc-tool{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0}.platform-chrome .pc-tool small{font-size:clamp(6px,2.5cqi,10px);font-weight:500;line-height:1.1;white-space:nowrap;color:#e7e7eb}.platform-chrome .pc-feed-rail .pc-tool:first-child svg,.platform-chrome .pc-feed-rail .pc-tool:nth-child(3) svg{fill:#fff;stroke-width:1}.platform-chrome .pc-camera-rail{justify-content:flex-start;gap:clamp(15px,8cqi,30px);padding-top:clamp(10px,6cqi,24px)}
.platform-chrome .pc-bottom{position:absolute;bottom:0;left:0;right:0;height:var(--pc-bottom);background:#090a0d;padding:5px 7px}.platform-chrome .pc-feed-nav{display:flex;align-items:center;justify-content:space-around;gap:5px;border-top:1px solid #ffffff18}.platform-chrome .pc-feed-nav svg{width:clamp(14px,6cqi,23px);height:clamp(14px,6cqi,23px)}.platform-chrome .pc-create{position:relative;display:grid;place-items:center;width:clamp(26px,12cqi,48px);height:clamp(19px,8cqi,31px);border-radius:6px;background:#fff;color:#101014;box-shadow:-3px 0 #25f4ee,3px 0 #fe2c55}.platform-chrome .pc-create svg{width:75%;height:75%;stroke-width:2.3}
.platform-chrome .pc-capture-row{height:75%;display:flex;align-items:center;justify-content:space-evenly;gap:12px}.platform-chrome .pc-capture{width:clamp(34px,15cqi,62px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;flex:none}.platform-chrome .pc-capture-tiktok{border:3px solid #fe2c55;padding:3px}.platform-chrome .pc-capture-tiktok>i{width:100%;height:100%;border-radius:50%;background:#fe2c55}.platform-chrome .pc-capture-snap{border:3px solid #fff;padding:3px}.platform-chrome .pc-capture-snap>i{width:100%;height:100%;border-radius:50%;border:1px solid #ffffff80;background:#ffffff0d}.platform-chrome .pc-camera-modes{display:flex;align-items:center;justify-content:center;gap:13px;height:25%;font-size:clamp(6px,2.5cqi,10px);line-height:1;color:#ccc}.platform-chrome .pc-camera-modes>b{color:#fff}.platform-chrome .pc-snap-nav{height:25%;display:flex;align-items:center;justify-content:space-around;opacity:.9}.platform-chrome .pc-snap-nav svg{width:clamp(10px,4cqi,16px);height:clamp(10px,4cqi,16px)}
[data-device-platform][data-device-mode="recorded"],[data-device-platform="generic"][data-device-mode]{--pc-top:0px;--pc-bottom:0px;--pc-right:0px;--pc-left:0px}
[data-device-mode="recorded"]>.platform-chrome,[data-device-platform="generic"]>.platform-chrome{display:none}
.platform-chrome .pc-recorded-top{justify-content:space-between;gap:6px}.platform-chrome .pc-recorded-label{font-size:clamp(6px,2.3cqi,9px);font-weight:400;color:#b5b6be;white-space:nowrap}.platform-chrome .pc-minimal-bottom{display:grid;place-items:center;padding:0}.platform-chrome .pc-minimal-bottom>i{display:block;width:26%;height:3px;background:#d6d7dd;border-radius:4px}.platform-chrome .pc-generic-top{gap:7px;font-size:clamp(9px,3.4cqi,13px);font-weight:600}.platform-chrome .pc-generic-top>svg{width:12px;height:12px;stroke-width:1.4}
/* A landscape recording keeps its useful width; generic/recorded UI remains minimal. */
.watch-dialog[data-orientation="landscape"] .platform-chrome .pc-top{font-size:12px}.watch-dialog[data-orientation="landscape"] .platform-chrome .pc-brand{font-size:14px}.watch-dialog[data-orientation="landscape"] .platform-chrome .pc-recorded-label{font-size:10px}
/* Project captions remain accessible but cannot overlap the capture/nav controls. */
.category-phone>[data-device-platform]~.category-phone-caption{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;left:auto!important;right:auto!important;bottom:auto!important;background:none!important;text-shadow:none!important}

/* Pixel fallback for decorative icon sizing; geometry does not depend on container units. */
@supports not (width:1cqi){
 .platform-chrome{font-size:10px}.platform-chrome .pc-brand{font-size:11px}.platform-chrome .pc-tool small,.platform-chrome .pc-camera-modes{font-size:8px}.platform-chrome .pc-capture{width:24px}.platform-chrome .pc-create{width:26px;height:19px}.platform-chrome .pc-rail{gap:16px}.platform-chrome .pc-recorded-label{font-size:8px}
}
/* Compact top/bottom chrome; rail is transparent over full-width media and cannot intercept controls. */
.platform-chrome .pc-top{padding:1px 7px;gap:5px}
.platform-chrome .pc-rail{gap:clamp(12px,5cqi,22px);padding:4px 0}
.platform-chrome .pc-camera-rail{top:calc(var(--pc-top) + 20%);padding-top:0;gap:clamp(12px,5cqi,20px)}
.platform-chrome .pc-rail svg{width:clamp(12px,5.3cqi,22px);height:clamp(12px,5.3cqi,22px)}
.platform-chrome .pc-tool small{font-size:clamp(6px,2.1cqi,9px)}
.platform-chrome .pc-bottom{padding:1px 4px}
.platform-chrome .pc-capture{width:clamp(22px,11cqi,44px)}
.platform-chrome .pc-capture-tiktok,.platform-chrome .pc-capture-snap{border-width:2px;padding:2px}
.platform-chrome .pc-capture-row{gap:8px}
.platform-chrome .pc-feed-nav{gap:3px}
.hero-phone-screen[data-device-platform],.category-phone-screen[data-device-platform]{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:var(--device-aspect,.526)}
.hero-phone{height:auto!important;aspect-ratio:auto!important}
.category-phone.media-fit-phone{height:auto;aspect-ratio:auto}
@media(min-width:1101px){.hero-phone-front{width:clamp(245px,19.3%,390px)}.hero-phone-back{width:clamp(210px,16.7%,340px)}}
@media(min-width:761px) and (max-width:1100px){.hero-phone-front{width:clamp(180px,22%,245px)}.hero-phone-back{width:clamp(160px,20%,220px)}}
/* Fitted full players follow the same source ratio, bounded by BOTH viewport dimensions. */
.watch-dialog .watch-device[data-device-platform]{box-sizing:content-box;padding:0;border-width:7px;width:min(calc(100% - 14px),calc(min(800px,100dvh - 150px) * var(--device-aspect,.526)));height:auto;max-width:calc(100% - 14px);max-height:100%;aspect-ratio:var(--device-aspect,.526)}
.project-real-media .project-watch-device[data-device-platform]{box-sizing:content-box;padding:0;border-width:7px;width:min(calc(100% - 14px),calc(min(780px,76dvh) * var(--device-aspect,.526)));height:auto;aspect-ratio:var(--device-aspect,.526);max-height:none}
.watch-dialog[data-orientation="landscape"] .watch-device[data-device-platform],.project-real-media .project-watch-device[data-orientation="landscape"][data-device-platform]{max-width:min(960px,calc(100% - 14px));height:auto;aspect-ratio:var(--device-aspect,1.7778)}
/* The narrow tool rail uses recognizable icons, not clipped miniature text labels. */
.platform-chrome .pc-camera-rail .pc-tool small{display:none}
.platform-chrome .pc-rail .pc-tool{width:100%}
.platform-chrome .pc-rail .pc-tool svg{max-width:calc(100% - 2px)}

/* V27: full-width footage needs natural extra height, not a new side gutter or crop. */
@media(min-width:1101px){.hero-phone-front{max-width:calc((clamp(560px,35.95vw,760px) - 50px) * .492 + 20px)}}
@media(max-width:760px){.hero-phone-pair{aspect-ratio:.95}}

/* V39: inert viewing/capture chrome using owned imagery, never fabricated activity. */
.platform-chrome .pc-feed-rail{justify-content:flex-end;bottom:calc(var(--pc-bottom) + 13%);gap:clamp(11px,5.4cqi,24px)}
.platform-chrome .pc-avatar-follow{position:relative;display:grid;place-items:center;width:clamp(18px,8.3cqi,34px);aspect-ratio:1;border:1px solid #fff;border-radius:50%;background:#26272d}
.platform-chrome .pc-avatar-follow>svg{width:72%;height:72%}
.platform-chrome .pc-avatar-follow>i{position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:clamp(9px,4cqi,16px);aspect-ratio:1;display:grid;place-items:center;background:#fe2c55;border-radius:50%;font:normal 12px/1 Arial}
.platform-chrome .pc-record-disc{display:grid;place-items:center;width:clamp(19px,8cqi,33px);aspect-ratio:1;border-radius:50%;background:conic-gradient(#0b0b0c,#38383c,#111115,#303035,#0b0b0c);box-shadow:0 0 0 1px #ffffff40}
.platform-chrome .pc-record-disc>i{width:30%;aspect-ratio:1;border-radius:50%;background:#555560;border:2px solid #151518}
.platform-chrome .pc-feed-caption{position:absolute;left:3%;bottom:calc(var(--pc-bottom) + 3%);display:flex;align-items:center;gap:5px;max-width:77%;font-size:clamp(7px,2.9cqi,12px);text-shadow:0 1px 3px #000;white-space:nowrap}
.platform-chrome .pc-effect-pill{display:flex;align-items:center;gap:3px;padding:4px 6px;border-radius:5px;background:#303034b3;font-weight:600}
.platform-chrome .pc-effect-pill svg{width:clamp(10px,4cqi,16px);height:clamp(10px,4cqi,16px);color:#ffd95c}
/* Native full-player controls remain clear: caption sits within the existing footer. */
.watch-dialog .pc-feed-caption,.project-real-media .pc-feed-caption{bottom:calc(var(--pc-bottom) - 12px);font-size:clamp(7px,2.6cqi,10px)}
.watch-dialog .pc-feed-nav,.project-real-media .pc-feed-nav{padding-top:13px}
.platform-chrome .pc-snap-top{gap:clamp(3px,1.4cqi,6px);padding-inline:3%;background:linear-gradient(#101013,#252529)}
.platform-chrome .pc-snap-top>svg,.platform-chrome .pc-snap-avatar svg{width:clamp(10px,4.4cqi,18px);height:clamp(10px,4.4cqi,18px)}
.platform-chrome .pc-snap-avatar{display:grid;place-items:center;border-radius:50%;background:#666b72;width:clamp(15px,6cqi,25px);aspect-ratio:1}
.platform-chrome .pc-snap-sound{display:flex;align-items:center;justify-content:center;gap:3px;flex:1;min-width:0;background:#ffffff20;border-radius:20px;padding:3px 4px;font-weight:700;font-size:clamp(7px,3cqi,12px)}
.platform-chrome .pc-snap-sound svg{width:clamp(10px,4cqi,16px);height:clamp(10px,4cqi,16px)}
.platform-chrome .pc-snap-actions{right:auto;left:2.5%;top:calc(var(--pc-top) + 14%);bottom:auto;gap:clamp(13px,6cqi,24px);justify-content:flex-start}
.platform-chrome .pc-snap-actions .pc-tool:first-child svg{fill:#ff305a;stroke:#ff305a}
.platform-chrome .pc-snap-tools{top:calc(var(--pc-top) + 9%);bottom:auto}
.platform-chrome .pc-lens-carousel{height:63%;display:flex;align-items:center;justify-content:space-evenly;gap:3px}
.platform-chrome .pc-lens-thumb{width:clamp(17px,8cqi,33px);aspect-ratio:1;border-radius:50%;border:1px solid #ffffff90;overflow:hidden;background:#32353a;flex:none}
.platform-chrome .pc-lens-thumb img{display:block;position:static;width:100%;height:100%;object-fit:cover;border-radius:50%;opacity:1}
.platform-chrome .pc-lens-carousel .pc-capture{width:clamp(23px,10cqi,41px)}
.platform-chrome .pc-lens-labels{height:19%;display:flex;justify-content:center;gap:9px;align-items:center;font-size:clamp(5px,2.3cqi,9px);color:#ccc;white-space:nowrap}
.platform-chrome .pc-lens-labels>b{color:#fff}
.platform-chrome .pc-snap-bottom>.pc-snap-nav{height:18%}
.platform-chrome .pc-snap-bottom>.pc-snap-nav svg{width:clamp(8px,3cqi,13px);height:clamp(8px,3cqi,13px)}
/* Keep the illustrative viewing caption above the footer paint, below native controls. */
.watch-dialog .pc-feed-caption,.project-real-media .pc-feed-caption{bottom:calc(var(--pc-bottom) - 17px);z-index:3}
.watch-dialog .pc-feed-caption .pc-effect-pill,.project-real-media .pc-feed-caption .pc-effect-pill{padding:2px 5px}
.watch-dialog .pc-feed-nav,.project-real-media .pc-feed-nav{padding-top:18px}