.pf-control-active{outline:2px solid var(--app-accent,#24b8bf)!important;outline-offset:3px;border-radius:4px;background:color-mix(in srgb,var(--app-accent,#24b8bf) 8%,transparent)}
#canvasframe,#pfPBRViewport{position:relative}
#pfPreviewBackground{position:absolute;bottom:12px;left:12px;z-index:8;padding:6px 10px;border:1px solid #738a93;border-radius:6px;background:#f5f9faf0;color:#163c48;font:12px system-ui;cursor:pointer}
#pfControlContext{position:fixed;z-index:10020;bottom:66px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;width:max-content;max-width:min(440px,calc(100vw - 24px));padding:9px 12px;border:1px solid #4d777e;border-radius:9px;background:#182b32;color:#f1fbfc;box-shadow:0 4px 16px #0002;pointer-events:none;font:12px/1.4 system-ui}
#pfControlContext[hidden],#pfControlValue[hidden]{display:none!important}
#canvasframe>#pfControlContext,#pfPBRViewport>#pfControlContext{position:absolute;left:auto;right:12px;top:36px;bottom:auto;transform:none;max-width:min(340px,calc(100% - 24px));z-index:9}
#pfControlContext svg{width:43px;height:48px;flex:none;fill:none;stroke:#81979e;stroke-width:1.5}
#pfControlContext .pf-context-marker{stroke:#68e4dc;stroke-width:2.5}
#pfControlContext{height:auto!important;min-height:0!important;max-height:150px;padding:9px 12px!important;box-sizing:border-box;overflow:auto}#pfControlContext div{min-width:0;margin:0;padding:0}#pfControlContext small,#pfControlContext strong,#pfControlContext span{display:block;overflow-wrap:anywhere;margin:0;padding:0;min-height:0}#pfControlContext small{color:#b5c9cf;font-size:10px}#pfControlContext strong{font-size:13px}#pfControlContext button{pointer-events:auto;align-self:flex-start;background:transparent;color:inherit;border:0;cursor:pointer;padding:0 4px}
#pfControlValue{position:fixed;z-index:10030;pointer-events:none;padding:5px 12px;border-radius:6px;background:#093e47;color:white;font:bold 18px/1.2 system-ui;box-shadow:0 3px 12px #0003}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--app-accent,#24b8bf);outline-offset:2px}
@media(min-width:921px){#pfDeskContext{height:34px!important}.pf-desk-pane>header{padding-top:4px!important;padding-bottom:4px!important}.pf-desk-pane>header small{display:none!important}.pf-panel-jumps{padding:4px 6px!important;gap:3px!important}.pf-panel-jumps button{min-height:27px!important;font-size:11px!important}.pf-bottom-host[data-empty=true]{min-height:0!important}#pfDeskDock:has(.pf-bottom-host[data-empty=true]){padding-top:2px!important;padding-bottom:2px!important}.pf-desk-pane label{min-width:0}.pf-desk-pane select{max-width:100%;text-overflow:ellipsis}}
@media(max-width:920px){#pfControlContext{bottom:76px;max-width:calc(100vw - 24px);padding:6px 10px}#pfControlContext svg{display:none!important}#pfControlContext small{display:none}}
@media(prefers-reduced-motion:reduce){.pf-desk-pane *{scroll-behavior:auto!important;transition:none!important}}
@media(min-width:921px){
 body[data-pf-desktop=true] #appToolbar{gap:4px!important;padding:4px 8px!important}
 body[data-pf-desktop=true] #appToolbar button,body[data-pf-desktop=true] #appToolbar select{min-height:29px!important;padding:4px 8px!important;font-size:11px!important}
 .pf-desk-heading{min-height:30px!important;height:30px!important;box-sizing:border-box}
 .pf-layout-options>summary{padding:4px 8px!important;min-height:22px!important;box-sizing:border-box}
}
#pfWelcome .pf-guest-account{color:#23454d;background:#e7f2ef;padding:14px;border-radius:10px;margin-top:18px}
#pfWelcome .pf-guest-account h2{color:#163f48;font-size:16px}
#pfWelcome .pf-guest-account p{color:#35545b;font-size:13px}
#pfInterfacePreferences,#pfAbout{box-sizing:border-box;width:min(560px,calc(100vw - 28px));max-height:85dvh;overflow:auto;padding:22px;border:1px solid #60747d;border-radius:12px;background:#f7fafb;color:#203c46;font:14px/1.5 system-ui}
html[data-theme=dark] #pfInterfacePreferences,html[data-theme=dark] #pfAbout{background:#202c33;color:#e6f0f2}
#pfInterfacePreferences::backdrop,#pfAbout::backdrop{background:#0007}
#pfInterfacePreferences header,#pfInterfacePreferences footer{display:flex;align-items:center;justify-content:space-between;gap:12px}#pfInterfacePreferences h2{margin:0}#pfInterfacePreferences fieldset{margin:16px 0;border:1px solid #81949b55;border-radius:8px;padding:12px}#pfInterfacePreferences label{display:flex;align-items:center;gap:12px;margin:12px 0}#pfInterfacePreferences input[type=checkbox]{width:18px;height:18px;flex:none}#pfInterfacePreferences span{flex:1;min-width:0}#pfInterfacePreferences strong,#pfInterfacePreferences small{display:block}#pfInterfacePreferences small{opacity:.8}#pfInterfacePreferences button,#pfAbout button{padding:7px 12px;border:1px solid #81949b;border-radius:5px;cursor:pointer}#pfInterfacePreferences select{max-width:130px}
@media(min-width:921px){html[data-pf-compact=false] #pfDeskContext{height:42px!important}html[data-pf-compact=false] .pf-desk-heading{height:46px!important;min-height:46px!important}html[data-pf-compact=false] body[data-pf-desktop=true] #appToolbar{gap:8px!important;padding:8px!important}html[data-pf-compact=false] body[data-pf-desktop=true] #appToolbar button,html[data-pf-compact=false] body[data-pf-desktop=true] #appToolbar select{min-height:36px!important;padding:7px 10px!important;font-size:12px!important}}