.lb-root{--lb-z-index:50000;--lb-backdrop:#000000d9;--lb-toolbar-bg:#0009;--lb-toolbar-height:52px;--lb-fg:#fff;--lb-fg-muted:#fff9;--lb-button-hover:#ffffff26;--lb-button-active:#ffffff47;--lb-accent:#fff;--lb-font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lb-duration:.16s;--lb-easing:cubic-bezier(.2, 0, 0, 1);z-index:var(--lb-z-index);background:var(--lb-backdrop);color:var(--lb-fg);font-family:var(--lb-font);-webkit-tap-highlight-color:transparent;animation:lb-fade-in var(--lb-duration) var(--lb-easing);overscroll-behavior:contain;outline:none;flex-direction:column;display:flex;position:fixed;inset:0}@keyframes lb-fade-in{0%{opacity:0}to{opacity:1}}body.lb-open{overflow:hidden}.lb-toolbar{height:var(--lb-toolbar-height);background:var(--lb-toolbar-bg);box-sizing:border-box;z-index:2;flex:none;align-items:stretch;gap:2px;padding:0 6px;display:flex}.lb-toolbar--flex-start{justify-content:flex-start}.lb-toolbar--center{justify-content:center}.lb-toolbar--flex-end{justify-content:flex-end}.lb-title{flex:auto;align-items:center;gap:.6em;min-width:0;padding:0 .8em;font-size:1rem;display:flex}.lb-toolbar--center .lb-title{display:none}.lb-toolbar--flex-start .lb-title{text-align:right;order:2;justify-content:flex-end}.lb-title-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lb-counter{color:var(--lb-fg-muted);font-variant-numeric:tabular-nums;flex:none;font-size:.875em}.lb-button{appearance:none;color:var(--lb-fg);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:background-color var(--lb-duration) var(--lb-easing), opacity var(--lb-duration) var(--lb-easing);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;margin:0;padding:0 14px;display:inline-flex}.lb-button:hover{background:var(--lb-button-hover)}.lb-button:active{background:var(--lb-button-active)}.lb-button:focus-visible{outline:2px solid var(--lb-accent);outline-offset:-3px}.lb-button:disabled{opacity:.35;cursor:default;background:0 0}.lb-toolbar--flex-start .lb-button--close{order:-1}.lb-toolbar--flex-start .lb-button--reset{order:1}.lb-canvas{touch-action:none;cursor:zoom-out;flex:auto;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.lb-canvas--zoomed{cursor:grab}.lb-canvas--panning{cursor:grabbing}.lb-canvas--no-exit{cursor:default}.lb-img{width:auto;max-width:90vw;height:auto;max-height:calc(100vh - var(--lb-toolbar-height) - 24px);max-height:calc(100dvh - var(--lb-toolbar-height) - 24px);object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform-origin:50%;will-change:transform;transition:transform var(--lb-duration) var(--lb-easing), opacity var(--lb-duration) var(--lb-easing);backface-visibility:hidden;display:block}.lb-img--gesturing{transition:none}.lb-img--loading{opacity:0}.lb-img--error{display:none}.lb-spinner{border:3px solid #ffffff40;border-top-color:var(--lb-accent);pointer-events:none;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite lb-spin;position:absolute}@keyframes lb-spin{to{transform:rotate(360deg)}}.lb-error{color:var(--lb-fg-muted);pointer-events:none;flex-direction:column;align-items:center;gap:.5em;font-size:.9rem;display:flex;position:absolute}.lb-nav{background:#00000059;border-radius:8px;width:48px;height:72px;padding:0;position:absolute;top:50%;transform:translateY(-50%)}.lb-nav:hover{background:#0009}.lb-nav--prev{left:12px}.lb-nav--next{right:12px}.lb-mobile-controls{bottom:max(16px, env(safe-area-inset-bottom));pointer-events:none;justify-content:center;gap:8px;display:none;position:absolute;left:0;right:0}.lb-mobile-controls .lb-button{pointer-events:auto;background:#0009;border-radius:50%;width:48px;height:48px;padding:0}@media (width<=640px){.lb-toolbar{padding:0 2px}.lb-button{padding:0 10px}.lb-nav{display:none}.lb-mobile-controls{display:flex}.lb-hide-mobile{display:none}.lb-img{max-width:100vw}}@media (hover:none){.lb-button:hover{background:0 0}.lb-button:active{background:var(--lb-button-active)}}@media (prefers-reduced-motion:reduce){.lb-root,.lb-img,.lb-button{transition:none;animation:none}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#0f1115;--fg:#e8e8ea;--muted:#9a9aa3;--card:#181b22;--accent:#7cc4ff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--bg:#fafafa;--fg:#16181d;--muted:#5f6370;--card:#fff;--accent:#0b6bcb}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;line-height:1.5}.page{max-width:1040px;margin:0 auto;padding:32px 16px 80px}.hero h1{margin:0 0 8px;font-size:clamp(1.8rem,4vw,2.6rem)}.hero p{color:var(--muted);max-width:60ch}.links{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.links a{color:var(--accent)}.links code,pre{background:var(--card);border-radius:8px;padding:4px 8px;font-size:.9em}section{margin-top:40px}h2{margin:0 0 8px;font-size:1.2rem}.hint{color:var(--muted);margin-top:0}.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.thumb{all:unset;cursor:pointer;background:var(--card);aspect-ratio:3/2;outline-offset:2px;border-radius:10px;display:block;position:relative;overflow:hidden}.thumb:focus-visible{outline:2px solid var(--accent)}.thumb img{object-fit:cover;width:100%;height:100%;transition:transform .2s;display:block}.thumb:hover img{transform:scale(1.04)}.thumb span{color:#fff;background:linear-gradient(#0000,#000000b3);padding:8px 10px;font-size:.85rem;position:absolute;bottom:0;left:0;right:0}.button{background:var(--accent);color:#000;font:inherit;cursor:pointer;border:0;border-radius:8px;padding:10px 16px}.option-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px 16px;margin-bottom:16px;display:grid}.option-grid label{justify-content:space-between;align-items:center;gap:8px;font-size:.95rem;display:flex}.option-grid input[type=number],.option-grid select{font:inherit;width:120px;padding:4px 6px}pre{padding:16px;overflow:auto}.theme-light{--lb-backdrop:#ffffffeb;--lb-toolbar-bg:#ffffffd9;--lb-fg:#16181d;--lb-fg-muted:#5f6370;--lb-button-hover:#00000014;--lb-button-active:#00000029;--lb-accent:#0b6bcb}.theme-light .lb-nav,.theme-light .lb-mobile-controls .lb-button{color:#16181d;background:#00000014}.theme-amber{--lb-backdrop:#1c1408f0;--lb-toolbar-bg:#3c280ab3;--lb-fg:#ffe9b8;--lb-accent:#f0b429;--lb-button-hover:#f0b42933}