/* Pixlift's live block, shared parts: the picture in the column (OCR's page: as wide as the column, never taller than the
   window less L above and below) and the «Desktop» under it, where every capture lands as macOS shows a PNG on the
   Desktop: its thumbnail in a thin frame with Finder's shadow, the full name under it, wrapped at the space as Finder
   wraps it. Selected as Finder selects (measured on macOS 27.2, 2x): a grey rounded field behind the thumbnail (black
   10 % light, white 9 % dark) and the name in a pill of the selection colour, white text. */
.px-pic{position:relative;margin:var(--l) 0 0;width:min(100%,calc((100vh - var(--l)*2)*2400/1558));-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
@supports (height:1svh){.px-pic{width:min(100%,calc((100svh - var(--l)*2)*2400/1558))}}
.px-pic img{display:block;width:100%;height:auto;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent}
.px-desk{display:flex;flex-wrap:wrap;gap:calc(var(--l)/4) calc(var(--l)/3);min-height:calc(var(--l)*1.25 + var(--l)*.2*1.25*2 + var(--l)/8);margin:calc(var(--l)/4) 0 0}
.px-file{display:flex;flex-direction:column;align-items:center;gap:calc(var(--l)/16);width:calc(var(--l)*1.6);color:inherit;text-decoration:none;outline:none;cursor:default;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.px-file .th{display:flex;align-items:center;justify-content:center;width:calc(var(--l)*1.25);height:calc(var(--l)*1.25);padding:calc(var(--l)*.06);border-radius:calc(var(--l)*.09)}
.px-file.on .th{background:rgba(0,0,0,.1)}
.px-file img{max-width:100%;max-height:100%;box-shadow:0 0 0 1px rgba(0,0,0,.18),0 1px 3px rgba(0,0,0,.35)}
.px-file .nm{font:600 calc(var(--l)*.2)/1.25 system-ui,-apple-system,sans-serif;text-align:center;max-width:100%;overflow-wrap:anywhere}
.px-file .nm>span{display:inline-block;padding:0 calc(var(--l)*.05);border-radius:calc(var(--l)*.07)}
.px-file.on .nm>span{background:rgb(0,99,225);background:-apple-system-selected-content-background;color:#fff}
.px-file.px-file .nm>span[contenteditable]{background:Canvas;color:CanvasText;font-weight:400;outline:3px solid rgba(0,122,255,.5);outline:3px solid color-mix(in srgb,AccentColor 50%,transparent);outline-offset:0;cursor:text;-webkit-user-select:text;user-select:text}
.px-file img{-webkit-user-drag:none}
@media (prefers-color-scheme:dark){.px-file img{box-shadow:0 0 0 1px rgba(255,255,255,.22),0 1px 3px rgba(0,0,0,.6)}.px-file.on .th{background:rgba(255,255,255,.09)}.px-file.on .nm>span{background:rgb(0,88,208);background:color-mix(in srgb,AccentColor 82%,#000)}}