/* A restrained, consistent legal line across the studio and its presentations. */
html:root .sabban-copyright{display:block;font-family:Arial,Helvetica,sans-serif;font-size:11px!important;font-weight:400;line-height:1.6!important;letter-spacing:0!important;text-transform:none;text-align:left!important;text-align-last:left!important;color:inherit;opacity:.65;margin:28px 0 0;padding:20px 0 0;border-top:1px solid color-mix(in srgb,currentColor 18%,transparent);overflow-wrap:normal}
html:root .site-footer>.sabban-copyright{width:100%;flex-basis:100%;grid-column:1/-1;margin-top:24px;color:inherit}
html:root .studio-copyright{position:fixed;bottom:max(9px,env(safe-area-inset-bottom));left:90px;right:90px;z-index:35;pointer-events:none;color:#65635f;opacity:.75;text-align:center!important;text-align-last:center!important;border:0;margin:0;padding:0;font-size:10px!important}
html[data-theme=night] .studio-copyright,html[data-theme=dark] .studio-copyright,body.night-mode .studio-copyright{color:#b4b3b0}
html:root .project-scroll>.sabban-copyright{margin:0;background:#131619;color:#bac0c0;opacity:1;padding:25px 6%;border-color:#ffffff20}
html:root .photo-story-content>.sabban-copyright{font-size:10px!important;line-height:1.65!important;color:inherit;margin-top:30px;padding-top:18px}
@media(max-width:600px){html:root .studio-copyright{left:65px;right:65px;font-size:8px!important;bottom:max(6px,env(safe-area-inset-bottom))}}
/* Legal notices belong to the stationary shell of every opening window. */
html:root .project-dialog .project-window-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:12px 28px;min-height:48px}
html:root .project-window-foot>.sabban-copyright,html:root .photo-story-footer>.sabban-copyright,html:root .screenshot-legal>.sabban-copyright,html:root .contact-legal>.sabban-copyright{border:0;padding:0;margin:0;opacity:.8;color:inherit;font-size:11px!important;line-height:1.5!important}
html:root .project-window-foot>.project-scroll-cue{justify-self:end;min-height:24px}
html:root .photo-story-footer{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 22px;min-height:48px}
html:root .photo-story-footer>.sabban-copyright{font-size:9px!important;line-height:1.4!important}
html:root .photo-story-footer .photo-story-next{height:30px;width:30px;justify-self:end}
html:root .photo-viewer-legal{position:absolute;bottom:max(10px,env(safe-area-inset-bottom));left:15%;right:15%;text-align:center;pointer-events:none;color:#d5d5d5}
html:root .photo-viewer-legal>.sabban-copyright{margin:0;padding:0;border:0;text-align:center!important;text-align-last:center!important;opacity:.8;font-size:10px!important}
html:root .photo-viewer.has-photo-story>.photo-viewer-legal{display:none}
html:root .screenshot-zoom[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
html:root .screenshot-zoom .screenshot-detail-stage{min-height:0;height:auto}
html:root .screenshot-legal{padding:13px 22px;border-top:1px solid #ffffff24;color:#c5c8cf;background:#11121a;position:relative;z-index:2}
html:root .contact-drawer{display:flex;flex-direction:column;overflow:hidden;padding-bottom:max(18px,env(safe-area-inset-bottom))}
html:root .contact-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:6px}
html:root .contact-legal{flex-shrink:0;padding:16px 0 0;border-top:1px solid #ffffff24;margin-top:16px;color:#b7bec4}
@media(max-width:600px){html:root .project-dialog .project-window-foot{padding:11px 17px;gap:10px;min-height:50px}html:root .project-window-foot>.sabban-copyright{font-size:9px!important}html:root .photo-story-footer{padding:6px 14px;gap:8px}html:root .photo-story-footer>.sabban-copyright{font-size:8px!important}html:root .contact-legal>.sabban-copyright{font-size:10px!important}}

html:root .screenshot-zoom:not(.is-enlarged) .screenshot-detail-stage{display:flex;align-items:center;justify-content:center;overflow:hidden}
html:root .screenshot-zoom:not(.is-enlarged) .screenshot-detail-stage img{height:100%;width:100%;max-height:100%;object-fit:contain}
/* The page scrolls behind the frosted window rails. */
html:root .project-dialog .project-window{--rail-top:68px;--rail-bottom:50px;display:block;backdrop-filter:none;-webkit-backdrop-filter:none;isolation:isolate}
html:root .project-dialog .project-scroll{position:absolute;inset:0;height:100%;padding-top:var(--rail-top);padding-bottom:var(--rail-bottom);scroll-padding-top:var(--rail-top);scroll-padding-bottom:var(--rail-bottom);box-sizing:border-box}
html:root .project-dialog .project-window-header,html:root .project-dialog .project-window-foot{position:absolute;left:0;right:0;z-index:30;background:rgb(24 27 31 / .73)!important;backdrop-filter:blur(20px) saturate(.85);-webkit-backdrop-filter:blur(20px) saturate(.85);color:#c6ccd2;border-color:#ffffff20}
html:root .project-dialog .project-window-header{top:0;height:var(--rail-top);box-sizing:border-box}
html:root .project-dialog .project-window-foot{bottom:0;min-height:var(--rail-bottom);box-sizing:border-box}
html:root .project-dialog .rf-chapter-strip{top:0;z-index:20}
@media(max-width:600px){html:root .project-dialog .project-window{--rail-top:58px;--rail-bottom:50px}}