.lightbox-overlay{--lb-scrim: var(--lightbox-scrim, rgba(10, 10, 12, .88));--lb-surface: var(--lightbox-surface, var(--background-card, #fff));--lb-on-surface: var(--lightbox-on-surface, var(--text-color, #1b1b1b));--lb-muted: var(--lightbox-muted, var(--shade800, #555));--lb-hover: var(--lightbox-hover, var(--hover-color, rgba(0, 0, 0, .06)));--lb-on-scrim: var(--lightbox-on-scrim, #fff);--lb-on-scrim-soft: var(--lightbox-on-scrim-soft, rgba(255, 255, 255, .8));--lb-on-scrim-faint: var(--lightbox-on-scrim-faint, rgba(255, 255, 255, .12));--lb-tile-bg: var(--lightbox-tile-bg, rgba(255, 255, 255, .06));--lb-scrollbar: var(--lightbox-scrollbar, rgba(255, 255, 255, .28));--lb-ring: var(--lightbox-ring, rgba(255, 255, 255, .9));--lb-focus: var(--lightbox-focus, #fff);--lb-page: var(--lightbox-page, #fff);--lb-video-bg: var(--lightbox-video-bg, #000);--lb-accent: var(--lightbox-accent, var(--brand-secondary, #057fa3));--lb-on-accent: var(--lightbox-on-accent, var(--brand-secondary-ink, #fff));--lb-secondary: var(--lightbox-secondary, var(--shade300, #e0e0e0));--lb-radius: var(--lightbox-radius, var(--border-radius-small, 5px));position:fixed;inset:0;box-sizing:border-box;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;padding:2rem;background:transparent;color:inherit;overflow:hidden;isolation:isolate}.lightbox-overlay[open]{display:flex;align-items:center;justify-content:center}.lightbox-overlay::backdrop{background:transparent}.lightbox-overlay [hidden]{display:none!important}.lightbox-scrim{position:absolute;inset:0;z-index:-1;background:var(--lb-scrim)}.lightbox-figure{display:flex;flex-direction:column;align-items:center;gap:.75rem;max-width:min(90vw,1100px);max-height:90vh;margin:0}.lightbox-image{max-width:100%;max-height:calc(90vh - 6rem);object-fit:contain;border-radius:var(--lb-radius);touch-action:none;cursor:zoom-in;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.lightbox-image.zoomed{cursor:grab}.lightbox-image.zoomed:active{cursor:grabbing}.lightbox-peek{position:fixed;top:50%;left:50%;max-width:min(90vw,1100px);max-height:calc(90vh - 6rem);object-fit:contain;border-radius:var(--lb-radius);opacity:0;pointer-events:none;z-index:1}.lightbox-figure:has(.lightbox-thumbs:not([hidden])) .lightbox-image{max-height:calc(90vh - 10rem)}.lightbox-grid-scroll,.lightbox-thumbs{color-scheme:dark;scrollbar-width:thin;scrollbar-color:var(--lb-scrollbar) transparent}.lightbox-thumbs{display:flex;gap:.4rem;max-width:100%;overflow-x:auto;padding:.15rem}.lightbox-thumb{flex:0 0 auto;width:52px;height:52px;padding:0;border:2px solid transparent;border-radius:var(--lb-radius);background:none;cursor:pointer;opacity:.6}.lightbox-thumb img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.lightbox-thumb:hover{opacity:.85}.lightbox-thumb.active{opacity:1;border-color:var(--lb-ring)}.lightbox-bar{display:flex;align-items:center;gap:1rem;width:100%;background:var(--lb-surface);color:var(--lb-on-surface);border-radius:var(--lb-radius);padding:.6rem 1rem}.lightbox-text{display:flex;flex-direction:column;gap:.1rem;flex:1 1 auto;min-width:0}.lightbox-caption{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightbox-context{font-size:.85rem;color:var(--lb-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightbox-counter{flex:0 0 auto;font-size:.85rem;color:var(--lb-muted)}.lightbox-link{flex:0 0 auto;color:var(--lb-on-surface);text-decoration:underline;white-space:nowrap}.lightbox-overlay:has(.lightbox-image.zoomed) .lightbox-bar{position:fixed;left:50%;bottom:1rem;transform:translate(-50%);width:min(90vw,1100px);z-index:2}.lightbox-overlay:has(.lightbox-image.zoomed) .lightbox-thumbs{position:fixed;left:50%;bottom:4.6rem;transform:translate(-50%);z-index:2;max-width:min(90vw,1100px)}.lightbox-overlay.chrome-hidden .lightbox-close,.lightbox-overlay.chrome-hidden .lightbox-back,.lightbox-overlay.chrome-hidden .lightbox-prev,.lightbox-overlay.chrome-hidden .lightbox-next,.lightbox-overlay.chrome-hidden .lightbox-bar,.lightbox-overlay.chrome-hidden .lightbox-thumbs{opacity:0;visibility:hidden;pointer-events:none}.lightbox-close,.lightbox-prev,.lightbox-next{position:fixed;z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;border-radius:50%;background:var(--lb-surface);color:var(--lb-on-surface);font-size:1.4rem;line-height:1;cursor:pointer}.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{background-image:linear-gradient(var(--lb-hover),var(--lb-hover))}.lightbox-close{top:1rem;right:1rem}.lightbox-back{display:none;position:fixed;top:1rem;left:1rem;z-index:2;align-items:center;min-height:44px;padding:0 1.1rem;border:none;border-radius:999px;background:var(--lb-surface);color:var(--lb-on-surface);font:inherit;font-weight:600;cursor:pointer}.lightbox-overlay.from-grid:not(.grid-mode) .lightbox-back{display:inline-flex}.lightbox-back:hover{background-image:linear-gradient(var(--lb-hover),var(--lb-hover))}.lightbox-prev{left:1rem;top:50%;transform:translateY(-50%)}.lightbox-next{right:1rem;top:50%;transform:translateY(-50%)}.lightbox-loading{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;color:var(--lb-on-scrim-soft);font-size:.875rem;pointer-events:none}.lightbox-overlay.is-loading .lightbox-loading{display:block}.lightbox-overlay.is-loading .lightbox-image{opacity:0!important}.lightbox-overlay.grid-mode .lightbox-loading{display:none}.lightbox-live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.lightbox-overlay :focus-visible{outline:2px solid var(--lb-focus);outline-offset:2px}.lightbox-bar :focus-visible,.lightbox-card :focus-visible,.lightbox-textdoc:focus-visible,.lightbox-html :focus-visible{outline-color:var(--lb-on-surface)}.lightbox-overlay .lightbox-thumb:focus-visible,.lightbox-overlay .lightbox-tile:focus-visible{outline-offset:-2px}@media(max-width:768px){.lightbox-overlay{padding:.5rem}.lightbox-bar{flex-wrap:wrap;gap:.4rem}.lightbox-prev{left:.25rem}.lightbox-next{right:.25rem}}.lightbox-grid{--lightbox-tile: 150px;--lightbox-tile-gap: 8px;position:absolute;inset:0;display:flex;flex-direction:column;transform-origin:center center}@media(min-width:900px){.lightbox-grid{--lightbox-tile: 1140px}}.lightbox-overlay.grid-mode .lightbox-figure,.lightbox-overlay.grid-mode .lightbox-prev,.lightbox-overlay.grid-mode .lightbox-next,.lightbox-overlay.grid-mode .lightbox-peek{display:none}.lightbox-grid-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:1rem 4.25rem .75rem 1rem;color:var(--lb-on-scrim)}.lightbox-grid-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightbox-grid-count{flex:none;opacity:.75;font-size:.9rem}.lightbox-grid-scroll{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:0 var(--lightbox-tile-gap) var(--lightbox-tile-gap);outline-offset:-3px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.lightbox-overlay .lightbox-grid-scroll:focus-visible{outline-offset:-3px}.lightbox-grid-spacer{position:relative;width:100%}.lightbox-tile{position:absolute;top:0;left:0;padding:0;border:none;border-radius:var(--lb-radius);overflow:hidden;background-color:var(--lb-tile-bg);cursor:pointer;outline:2px solid transparent;outline-offset:-2px}.lightbox-tile img{width:100%;height:100%;object-fit:cover;display:block}.lightbox-tile:hover img,.lightbox-tile:focus-visible img{opacity:.85}.lightbox-tile.active{outline-color:var(--lb-ring)}.lightbox-overlay.is-doc .lightbox-figure{width:min(90vw,1100px)}.lightbox-doc,.lightbox-doc-stage{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;min-height:0}.lightbox-frame{display:block;width:100%;height:calc(90vh - 6rem);border:0;border-radius:var(--lb-radius);background:var(--lb-page)}.lightbox-video{display:block;max-width:100%;max-height:calc(90vh - 6rem);border-radius:var(--lb-radius);background:var(--lb-video-bg)}.lightbox-textdoc,.lightbox-html{box-sizing:border-box;width:100%;max-height:calc(90vh - 6rem);margin:0;overflow:auto;overscroll-behavior:contain;padding:1.25rem 1.5rem;border-radius:var(--lb-radius);background:var(--lb-surface);color:var(--lb-on-surface);text-align:left}.lightbox-textdoc{white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.875rem;line-height:1.5}.lightbox-doc:has(.lightbox-doc-switch) :is(.lightbox-textdoc,.lightbox-html){max-height:calc(90vh - 9rem)}.lightbox-doc-note{margin:0;color:var(--lb-on-scrim-soft);font-size:.875rem}.lightbox-doc-switch{display:inline-flex;align-self:center;padding:.2rem;gap:.2rem;border-radius:999px;background:var(--lb-on-scrim-faint)}.lightbox-doc-switch button{min-height:2.25rem;padding:0 1rem;border:0;border-radius:999px;background:transparent;color:var(--lb-on-scrim);font:inherit;font-size:.875rem;cursor:pointer}.lightbox-doc-switch button[aria-pressed=true]{background:var(--lb-surface);color:var(--lb-on-surface);font-weight:600}.lightbox-card{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:min(100%,24rem);padding:2rem 1.5rem;border-radius:var(--lb-radius);background:var(--lb-surface);color:var(--lb-on-surface);text-align:center}.lightbox-card-glyph{width:3rem;height:3rem;color:var(--lb-muted);pointer-events:none}.lightbox-card-glyph *{pointer-events:none!important}.lightbox-card-name{overflow-wrap:anywhere}.lightbox-card-note{color:var(--lb-muted);font-size:.875rem}.lightbox-card-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.5rem}.lightbox-card-actions a{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 1.1rem;border-radius:999px;background:var(--lb-accent);color:var(--lb-on-accent);text-decoration:none;font-weight:600}.lightbox-card-actions a+a{background:var(--lb-secondary);color:var(--lb-on-surface)}.lightbox-download{flex:0 0 auto;color:var(--lb-on-surface);text-decoration:underline;white-space:nowrap}.lightbox-overlay:has(.lightbox-doc:not(.is-pdf) .lightbox-card) .lightbox-download{display:none}.lightbox-doc.is-pdf .lightbox-card{display:none}@media(max-width:768px){.lightbox-doc.is-pdf .lightbox-frame{display:none}.lightbox-doc.is-pdf .lightbox-card{display:flex}.lightbox-overlay:has(.lightbox-doc.is-pdf) .lightbox-download{display:none}.lightbox-textdoc,.lightbox-html{padding:1rem}}@media(prefers-reduced-motion:no-preference){.lightbox-image.zoom-anim{transition:transform .2s cubic-bezier(.2,0,0,1)}.lightbox-thumb{transition:opacity .15s ease,border-color .15s ease}.lightbox-close,.lightbox-back,.lightbox-prev,.lightbox-next,.lightbox-bar,.lightbox-thumbs{transition:opacity .2s ease,visibility .2s}.lightbox-tile{transition:opacity .12s ease,outline-color .12s ease}}@media(forced-colors:active){.lightbox-close,.lightbox-back,.lightbox-prev,.lightbox-next,.lightbox-doc-switch{border:1px solid ButtonText}.lightbox-bar,.lightbox-card,.lightbox-textdoc,.lightbox-html{border:1px solid CanvasText}.lightbox-thumb.active{border-color:Highlight}.lightbox-tile.active{outline-color:Highlight}.lightbox-overlay :focus-visible{outline-color:Highlight}.lightbox-doc-switch button[aria-pressed=true]{forced-color-adjust:none;background:Highlight;color:HighlightText}}
