/* Public square viewing has its own back control and no global navigation. */
.square-playback-back {position:absolute;z-index:24;left:calc(12px + env(safe-area-inset-left,0px));top:calc(10px + env(safe-area-inset-top,0px));display:inline-flex;align-items:center;gap:4px;min-width:44px;min-height:44px;padding:8px 12px 8px 8px;border:1px solid #ffffff24;border-radius:24px;background:#140f1c88;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;font-size:13px;line-height:1.3;cursor:pointer;}
.square-playback-back svg {width:20px;height:20px;}
.square-playback-back[hidden] {display:none!important;}
.phone.square-playback :is(#feedHeader,#bottomNav,#pureNavigation,#focusReveal,#demoBadge,.reminder-dock) {display:none!important;}
.phone.square-playback #caption .caption-kicker {display:none;}
.phone.square-playback .recommend-panel {--player-top-clearance:0px;--player-bottom-clearance:0px;}
.phone.square-playback #caption {bottom:calc(26px + env(safe-area-inset-bottom,0px));}
.phone.square-playback #actionRail {bottom:calc(38px + env(safe-area-inset-bottom,0px));}
.phone.square-playback #playback {bottom:calc(10px + env(safe-area-inset-bottom,0px));}
.phone.square-playback #mediaLayer {inset:0;}
.square-playback-back:focus-visible {outline:2px solid #c9a5ee;outline-offset:3px;}
/* R145: audio-unlock owns the shared offset and return-button collision check. */

.phone.square-playback .public-work-page[data-public-state=loading] {padding-top:72px;}