:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ededf3;--surface:#272735;--accent:#aeb8ff;background:#171721;font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:1600px;padding:24px max(16px,env(safe-area-inset-right)) 40px max(16px,env(safe-area-inset-left));margin:auto}header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;display:flex}h1{overflow-wrap:anywhere;text-wrap:balance;margin:0;font-size:clamp(1.6rem,4vw,2.5rem);line-height:1.15}p{color:#c3c3cc}button,a{font:inherit;color:inherit;background:var(--surface);cursor:pointer;border:1px solid #656577;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:10px 16px;text-decoration:none;display:inline-flex}button:hover,a:hover{background:#31313f}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}::selection{color:#fff;background:#5266eb}[hidden]{display:none!important}#grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px;display:grid}#grid button{aspect-ratio:4/3;border:0;border-radius:0;padding:0;position:relative;overflow:hidden}#grid img{object-fit:cover;width:100%;height:100%}#grid .failed{padding:16px}dialog{width:100%;height:100%;max-width:none;height:100dvh;max-height:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);color:inherit;background:#171721;border:0;margin:0;position:fixed;inset:0;overflow:hidden}dialog[open]{flex-direction:column;display:flex}dialog::backdrop{background:#171721}.toolbar,.navigation{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px;display:flex}.toolbar span{font-variant-numeric:tabular-nums;margin-right:auto}#stage{touch-action:none;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}#photo{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;max-width:100%;max-height:100%}#photo-status{margin:0}.navigation p{text-align:center;flex:1}body:has(dialog[open]){overflow:hidden}@media (max-width:540px){header{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:20px}#grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar{gap:6px}.toolbar button,.toolbar a{padding:8px 12px}.toolbar span{width:calc(100% - 100px)}main{padding-top:24px}}