*{box-sizing:border-box} :root{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#222;background:#f8f8f8;font-synthesis:none}body{margin:0}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #527fac;outline-offset:4px}.gallery-main{max-width:1600px;margin:auto;padding:30px 24px 60px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px}.filters{display:flex;flex-wrap:wrap;gap:8px}.filter{background:#fff;border:1px solid #dedede;border-radius:7px;padding:9px 14px;font-size:13px;color:#666}.filter.active{background:#222;border-color:#222;color:#fff}.icon-button{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:34px;height:34px;border:0;border-radius:6px;background:none;color:#777;text-decoration:none;font-size:22px}.icon-button:hover{background:#eee;color:#222}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:calc((min(100vw,1600px) - 70px)*.28125 + 58px);gap:22px}.card{overflow:hidden;background:#fff;border:1px solid #e4e4e4;border-radius:10px}.card.vertical{grid-row:span 2}.screen{height:calc(100% - 58px);position:relative}.screen.dark{background:#151515}.screen.light{background:#fff}.screen video{display:block;width:100%;height:100%;object-fit:contain}.screen img{display:block;width:100%;height:100%;object-fit:contain;padding:35px}.media-error{position:absolute;top:0;left:0;right:0;padding:12px;color:white;background:#222;font-size:12px}.details{height:58px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 15px}.details h2{font-size:14px;line-height:1.4;font-weight:550;margin:0}#status{font-size:13px;color:#777}#status:empty{display:none}.login-page{min-height:100svh;display:grid;place-items:center;background:#fafafa}.login-card{width:min(320px,calc(100% - 48px))}.login-card label{display:block;font-size:14px;margin-bottom:10px}.login-card input{width:100%;background:white;border:1px solid #ccc;border-radius:6px;padding:13px;color:#222}.primary{width:100%;background:#222;color:white;border:0;border-radius:6px;padding:12px;font-size:14px;margin-top:14px}.primary:disabled{opacity:.6}#error{font-size:12px;color:#a33;margin:10px 0}#error:empty{display:none}@media(max-width:800px){.gallery-main{padding:20px 16px 40px}.toolbar{gap:8px;align-items:flex-start;margin-bottom:20px}.filters{gap:6px}.filter{font-size:12px;padding:8px 11px}.grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:18px}.card.vertical{grid-row:auto}.screen{height:auto;aspect-ratio:16/10}.card.vertical .screen{aspect-ratio:9/16}}
.details h2 a{color:inherit;text-decoration:none}.details h2 a:hover{text-decoration:underline}.preview-open{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;color:#fff}.expand-icon{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:34px;height:34px;border-radius:6px;background:#0008;font-size:24px}.preview-open:hover .expand-icon{background:#000c}.modal-open{overflow:hidden}.focus-dialog{width:min(1240px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:16px;border:0;border-radius:12px;background:#fff;box-shadow:0 24px 100px #0006}.focus-dialog::backdrop{background:#000c}.focus-dialog.vertical{width:min(600px,calc((100dvh - 132px)*.5625 + 32px),calc(100vw - 32px))}.focus-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.focus-header h2{flex:1;min-width:0;font-size:16px;line-height:1.4;margin:0;font-weight:550}.focus-dialog video{display:block;width:100%;height:auto;max-height:calc(100dvh - 132px);object-fit:contain;border-radius:7px;background:#111}#focus-status{font-size:13px;margin:10px 0 0}#focus-status:empty{display:none}@media(max-width:600px){.focus-dialog{padding:12px}.focus-header{gap:3px}.focus-header h2{font-size:14px}.focus-header .icon-button{width:30px;height:30px}}