/* PicPlayer's chrome geometry and typography, with PDFPioneer's own logo. */
:root { --pioneer-header-height: 90px; --pioneer-ad-width: 316px; }
#pioneer-header, #menu-popovers, #pioneer-ad-preferences { font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
#pioneer-header { position:sticky; top:0; z-index:60; width:100%; color:#edf1f7; background:#10141b; font-size:12px; }
.pioneer-titlebar { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; height:48px; padding:0; border-bottom:1px solid #252b35; }
.pioneer-brand { display:flex; align-items:center; justify-self:start; width:174px; height:48px; gap:10px; padding:0 14px; border-right:1px solid #2a3240; text-decoration:none; }
.pioneer-brand-mark { display:block; flex:0 0 24px; width:24px; height:24px; border-radius:8px; object-fit:cover; }
.pioneer-brand-copy { display:flex; flex-direction:column; justify-content:center; gap:3px; min-width:0; white-space:nowrap; }
.pioneer-brand-name { display:inline-flex; align-items:baseline; color:#f6f7fb; font-size:13px; letter-spacing:-.02em; line-height:1; }
.pioneer-brand-name strong { font-weight:800; }
.pioneer-brand-name>span { font-weight:400; }
.pioneer-brand-copy small { color:#939dac; font-size:9px; font-weight:600; line-height:1; letter-spacing:.025em; }
.pioneer-header-actions { display:flex; justify-self:end; align-items:center; gap:12px; margin-right:9px; }
.pioneer-open-studio { display:inline-flex; align-items:center; justify-content:center; gap:6px; height:30px; padding:0 12px; border:1px solid #3f77f5; border-radius:6px; background:#2457f5; color:#fff; font-size:12px; font-weight:650; text-decoration:none; white-space:nowrap; }
.pioneer-open-studio:hover { background:#3568ff; }
#pioneer-zoom-host { justify-self:center; }
.pioneer-zoom-controls, .pioneer-zoom-placeholder { display:flex; align-items:center; justify-content:center; gap:3px; height:38px; }
#pioneer-zoom-host:has(.pioneer-zoom-controls) .pioneer-zoom-placeholder { display:none; }
.pioneer-zoom-placeholder button, .pioneer-zoom-controls button { display:grid; place-items:center; width:30px; height:30px; padding:0; min-height:0; border-radius:5px; border:0; background:transparent; color:#d4d9e1; }
.pioneer-zoom-controls button:hover { background:#2a313d; }
.pioneer-zoom-controls>span, .pioneer-zoom-placeholder>span { width:48px; text-align:center; font-size:11px; font-weight:700; color:#d4d9e1; }
.pioneer-zoom-placeholder { opacity:.5; }
.pioneer-second-row { display:flex; align-items:center; gap:12px; height:42px; min-width:0; padding:0 9px; background:#1b2029; border-bottom:1px solid #303640; }
#pioneer-tools-host { display:flex; flex:1 1 auto; align-items:center; min-width:0; overflow-x:auto; overflow-y:hidden; scrollbar-width:thin; }
.pioneer-workspace-label { color:#939dac; letter-spacing:1.2px; font-size:9px; font-weight:600; white-space:nowrap; }
#pioneer-tools-host:has(.pioneer-document-tools) .pioneer-workspace-label { display:none; }
.pioneer-document-tools { display:flex; align-items:center; gap:2px; flex:0 0 auto; min-width:max-content; height:41px; padding:0; background:transparent; border:0; flex-wrap:nowrap; }
.pioneer-document-tools .button-ghost { height:30px; min-height:0; padding:0 7px; gap:5px; border:0; border-radius:5px; background:transparent; color:#d4d9e1; font-size:11px; }
.pioneer-document-tools .button-ghost:hover:not(:disabled) { background:#2a313d; }
.pioneer-document-tools .button-ghost:disabled { opacity:.35; }
.pioneer-document-tools .button-ghost.text-rose-700 { color:#ff9da8; }
.pioneer-document-tools>span { background:#3a424f; height:20px; margin:0 2px; }
.pioneer-document-tools svg { width:16px; height:16px; flex-shrink:0; }
#network-menu-bar { margin-left:auto; justify-content:flex-start; flex:0 1 auto; max-width:calc(100% - 155px); }
#network-menu-bar>button { font-size:10px; text-transform:uppercase; letter-spacing:.15px; padding:0 7px; }
#pioneer-header .profile-button { display:grid; place-items:center; flex:0 0 30px; width:30px; height:30px; border:1px solid #414c5f; border-radius:50%; background:#202938; color:#cfdbeb; cursor:pointer; padding:0; transition:background .15s,border-color .15s; }
#pioneer-header .profile-button:hover,#pioneer-header .profile-button.active { background:#33435a; border-color:#6e9bc7; }
#pioneer-header .profile-button.is-signed-in { border-color:#469b81; background:#153b32; color:#a1eed5; }
.profile-initials { font-size:13px; font-weight:750; line-height:1; }
#pioneer-header .menu-bar { display:flex; align-items:center; min-width:0; white-space:nowrap; overflow-x:auto; overflow-y:hidden; scrollbar-width:none; }
#pioneer-header .menu-bar::-webkit-scrollbar { display:none; }
#pioneer-header .menu-bar>button { flex:0 0 auto; height:30px; border-radius:5px; border:0; background:transparent; cursor:pointer; color:#d4d9e1; white-space:nowrap; }
#pioneer-header .menu-bar>button:hover,#pioneer-header .menu-bar>button.active { background:#2a313d; }
#pioneer-header :focus-visible { outline:2px solid #4db8ff; outline-offset:-2px; }
#menu-popovers { position:fixed; inset:0; pointer-events:none; z-index:100; font-size:12px; color:#edf1f7; }
#menu-popovers .menu-popover { display:none; position:absolute; min-width:min(245px,calc(100vw - 16px)); max-width:calc(100vw - 16px); padding:5px; background:#252b35; border:1px solid #3a424f; border-radius:7px; box-shadow:0 18px 50px #000b; pointer-events:auto; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#566274 #252b35; }
#menu-popovers .menu-popover.open { display:block; }
#menu-popovers .menu-popover button,#menu-popovers .menu-popover a { display:flex; align-items:center; justify-content:space-between; gap:24px; width:100%; border:0; background:transparent; padding:7px 9px; border-radius:4px; text-align:left; cursor:pointer; color:inherit; text-decoration:none; white-space:nowrap; line-height:1.35; }
#menu-popovers .menu-popover button:hover,#menu-popovers .menu-popover a:hover,#menu-popovers .menu-popover button:focus-visible,#menu-popovers .menu-popover a:focus-visible { background:#3a4656; outline:none; }
#menu-popovers .menu-popover button:focus-visible,#menu-popovers .menu-popover a:focus-visible { box-shadow:inset 0 0 0 1px #80b7e3; }
#menu-popovers .menu-separator { height:1px; background:#46505f; margin:5px; }
#menu-popovers .network-popover { min-width:min(215px,calc(100vw - 16px)); }
#menu-popovers .current-app-badge { font-size:9px; color:#86c8f7; font-weight:500; }
#menu-popovers .profile-popover { width:245px; }
#menu-popovers .profile-summary { display:grid; gap:5px; padding:8px 9px 9px; overflow-wrap:anywhere; }
#menu-popovers .profile-summary strong { font-size:13px; font-weight:650; }
#menu-popovers .profile-summary>span { font-size:11px; color:#a0adbf; }
#menu-popovers .profile-popover .profile-join { color:#90ceff; }
#menu-popovers .profile-popover .profile-legal-link { font-size:11px; color:#adb9ca; }
#pioneer-header .hidden,#menu-popovers .hidden { display:none!important; }
#pioneer-content-layout { display:grid; grid-template-columns:minmax(0,1fr); align-items:start; min-width:0; }
#pioneer-page-content { min-width:0; }
#pioneer-page-content>.container-shell { width:100%; padding-left:clamp(16px,3vw,48px); padding-right:clamp(16px,3vw,48px); }
#pioneer-page-content .container-shell { max-width:100%; }
#pioneer-ad-rail { display:none; width:316px; height:calc(100vh - 90px); height:calc(100dvh - 90px); min-height:0; position:sticky; top:90px; overflow:hidden; }
#pioneer-ad-rail[hidden] { display:none!important; }
.pioneer-studio { height:calc(100vh - 90px)!important; height:calc(100dvh - 90px)!important; min-height:380px!important; }
body:has(.pioneer-studio)>footer { display:none; }
body:has(.pioneer-studio) #pioneer-content-layout { height:calc(100dvh - 90px); }
#pioneer-ad-preferences { width:min(480px,calc(100vw - 32px)); margin:auto; padding:26px; border:1px solid #3a424f; border-radius:12px; color:#edf1f7; background:#1b2029; box-shadow:0 24px 80px #0008; font-size:14px; }
#pioneer-ad-preferences::backdrop { background:#070b14aa; }
#pioneer-ad-preferences h2 { font-size:20px; font-weight:700; margin:0 0 14px; }
#pioneer-ad-preferences p { margin:10px 0; line-height:1.6; color:#b9c5d5; }
.pioneer-dialog-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }
.pioneer-dialog-actions button { padding:9px 12px; border:1px solid #4e627e; border-radius:6px; background:#2c3e57; color:#fff; cursor:pointer; }
#pioneer-ad-preferences a { color:#90ceff; text-decoration:underline; }
#pioneer-notice { position:fixed; right:18px; bottom:18px; z-index:120; max-width:min(420px,calc(100vw - 36px)); padding:14px 18px; background:#252b35; color:#edf1f7; border:1px solid #4a5668; border-radius:8px; font-size:13px; box-shadow:0 8px 30px #0004; }
@media(min-width:1280px) {
  #pioneer-content-layout:has(>#pioneer-ad-rail:not([hidden])) { grid-template-columns:minmax(0,1fr) 316px; }
  #pioneer-ad-rail:not([hidden]) { display:block; }
}
@media(max-width:1500px) { .pioneer-document-tools .button-ghost>span { display:none; } }
@media(max-width:800px) {
  #pioneer-tools-host:has(.pioneer-document-tools) { min-width:128px; }
  #network-menu-bar { max-width:calc(100% - 112px); }
  .pioneer-workspace-label { font-size:8px; letter-spacing:.5px; }
  .pioneer-second-row { gap:8px; }
}
@media(max-width:520px) {
  .pioneer-brand { width:auto; gap:6px; padding:0 8px; border:0; }
  .pioneer-brand-name { font-size:12px; }
  .pioneer-brand-copy small { font-size:8px; }
  .pioneer-brand-mark { width:22px; height:22px; flex-basis:22px; }
  .pioneer-header-actions { gap:6px; margin-right:7px; }
  .pioneer-open-studio { font-size:11px; padding:0 7px; }
  .pioneer-open-studio svg { display:none; }
  .pioneer-zoom-controls button,.pioneer-zoom-placeholder button { width:24px; }
  .pioneer-zoom-controls>span,.pioneer-zoom-placeholder>span { width:34px; font-size:10px; }
  .pioneer-zoom-controls,.pioneer-zoom-placeholder { gap:0; }

}
@media(max-width:420px) { .pioneer-open-prefix { display:none; } }