:root{--ink:#171717;--muted:#737373;--rule:#d2d2d2;--live:#c8ff00;--gutter:34px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;padding:0 var(--gutter)}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--ink);outline-offset:4px}button{background:#fff;border:1px solid var(--rule);border-radius:0}a:hover{text-decoration:underline;text-underline-offset:4px}button:hover{background:#f5f5f5}button[aria-pressed=true]{background:#f2f2f2}.header{height:54px;border-bottom:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between}.brand{font-size:25px;font-weight:700;letter-spacing:-1.2px}.header nav{display:flex;gap:56px;font-size:16px}.header nav span{margin-left:7px}.hero{display:flex;justify-content:space-between;align-items:flex-end;padding:31px 0 35px}h1{font-size:clamp(64px,6.7vw,112px);line-height:.92;font-weight:700;letter-spacing:-.065em;margin:0}.shuffle{height:46px;padding:0 28px;border-color:var(--ink);font-size:16px;margin-bottom:25px;white-space:nowrap}.shuffle span{margin-left:7px}.controls{display:flex;align-items:center;gap:15px;margin:0 0 24px}.search-wrap{height:46px;width:408px;border:1px solid var(--rule);display:flex;align-items:center;padding:0 13px;gap:12px}.search-wrap svg{width:20px;height:20px;stroke:var(--ink);stroke-width:1.5;fill:none;flex-shrink:0}.search-wrap input{height:100%;width:100%;border:0;outline:none;background:transparent;font-size:16px;min-width:0}.search-wrap input::placeholder{color:#909090}.search-wrap:focus-within{border-color:var(--ink)}select{background-color:#fff;border:1px solid var(--rule);border-radius:0;height:46px;width:226px;padding:0 12px;font-size:16px;cursor:pointer}.density{display:flex;gap:13px}.density button{height:46px;width:46px;display:grid;place-items:center}.density svg{width:18px;height:18px;fill:var(--ink)}.count{margin:0 0 0 auto;font-size:17px;white-space:nowrap}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.gallery.wide{grid-template-columns:repeat(2,minmax(0,1fr))}.page-card{border:1px solid var(--rule);min-width:0;background:#fff;contain:layout style}.card-toolbar{height:36px;display:flex;align-items:center;gap:10px;padding:0 9px;border-bottom:1px solid var(--rule)}.dot{width:10px;height:10px;background:var(--live);border-radius:50%;flex:0 0 auto}.dot.unavailable{background:#bcbcbc}.card-toolbar h2{font-size:13px;font-weight:400;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 auto 0 0;min-width:0}.card-toolbar button{font-size:11px;border:0;background:transparent;padding:5px 2px;white-space:nowrap}.card-toolbar a{font-size:15px;padding:3px}.preview{aspect-ratio:1.5;position:relative;overflow:hidden;background:#f3f3f3;isolation:isolate}.preview-image{width:100%;height:100%;object-fit:cover;display:block}.preview iframe{position:absolute;top:0;left:0;border:0;width:1440px;transform-origin:top left;opacity:0;background:#fff}.preview iframe.ready{opacity:1}.preview-placeholder{position:absolute;inset:0;border:0;width:100%;height:100%;opacity:0;transition:opacity .12s;background:transparent;color:#fff}.preview-placeholder:hover{background:rgba(0,0,0,.12);opacity:1}.preview-placeholder:focus-visible{opacity:1;outline-offset:-5px}.preview-placeholder span{background:var(--ink);padding:9px 15px;font-size:13px;line-height:1}.preview-note{position:absolute;bottom:10px;left:10px;display:flex;align-items:center;background:#fff;border:1px solid var(--rule);font-size:11px;box-shadow:0 1px 4px #00000009}.preview-note span{padding:7px 9px;border-right:1px solid var(--rule);color:var(--muted)}.preview-note a{padding:7px 9px}.preview-toggle{position:absolute;right:8px;bottom:8px;background:#fff;font-size:11px;padding:6px 8px;opacity:0;transition:opacity .15s;z-index:2}.preview:hover .preview-toggle,.preview:focus-within .preview-toggle{opacity:1}.empty{padding:70px 0;font-size:25px;margin:0}footer{border-top:1px solid var(--rule);margin:42px 0 0;padding:22px 0 30px;display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--muted)}dialog{padding:0;border:1px solid var(--ink);width:calc(100vw - 40px);max-width:1800px;height:calc(100dvh - 40px);max-height:1200px;background:#fff;color:var(--ink);overflow:hidden}dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}dialog[open]{display:flex;flex-direction:column}.viewer-toolbar{height:58px;flex-shrink:0;display:flex;align-items:center;gap:25px;padding:0 18px;border-bottom:1px solid var(--rule)}.viewer-name{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.viewer-name h2{font-size:16px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.device{display:flex;gap:0}.device button{font-size:13px;height:32px;padding:0 12px}.device button+button{border-left:0}.viewer-toolbar>a{font-size:13px;white-space:nowrap}.icon-button{font-size:28px;line-height:1;width:30px;height:30px;flex-shrink:0;background:transparent;border:0;font-weight:300}.viewer-stage{min-height:0;flex:1;background:#ececec;display:flex;align-items:stretch;justify-content:center;position:relative;overflow:hidden}.viewer-stage iframe{border:0;width:100%;height:100%;background:#fff}.viewer-stage.mobile iframe{width:min(390px,100%)}.viewer-fallback{overflow:auto;width:100%;height:100%;background:#fff;display:flex;flex-direction:column;align-items:center;gap:15px}.viewer-fallback img{width:100%;max-width:1440px;height:auto;display:block}.viewer-fallback a{padding:10px 16px;border:1px solid var(--ink);margin:0 0 15px;font-size:14px}.viewer-bottom{height:42px;display:flex;align-items:center;gap:20px;padding:0 18px;flex-shrink:0;border-top:1px solid var(--rule);font-size:12px;color:var(--muted)}.viewer-bottom button{border:0;font-size:24px;padding:0 5px;height:30px}.viewer-bottom #viewer-index{margin-left:auto}.viewer-stage .viewer-snapshot{position:absolute;bottom:12px;right:12px;padding:8px 12px;font-size:12px}body.modal-open{overflow:hidden}body.modal-open .gallery iframe{visibility:hidden}
@media(min-width:1600px){body{--gutter:40px}.hero{padding-top:40px;padding-bottom:48px}.card-toolbar{height:38px;font-size:14px}}
@media(max-width:1100px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.header nav{gap:25px}.search-wrap{width:35vw}.controls{gap:10px}.density{gap:8px}select{width:180px}.hero{padding-top:38px;padding-bottom:38px}h1{font-size:88px}}
@media(max-width:680px){body{--gutter:16px}.header{height:64px}.brand{font-size:22px}.header nav{font-size:11px;gap:12px}.header nav span{margin-left:0}.hero{padding:34px 0 30px;align-items:flex-end}h1{font-size:clamp(48px,10vw,66px);line-height:.95}.shuffle{font-size:12px;height:34px;padding:0 12px;margin-bottom:3px}.shuffle span{margin-left:3px}.controls{flex-wrap:wrap;gap:10px;margin-bottom:18px}.search-wrap{width:100%;height:42px}.search-wrap input,select{font-size:14px}select{width:calc(100% - 170px);min-width:130px;height:38px}.density button{width:35px;height:38px}.density svg{width:15px;height:15px}.count{font-size:12px;flex:1;text-align:right}.gallery,.gallery.wide{grid-template-columns:minmax(0,1fr);gap:20px}.card-toolbar{height:36px}.card-toolbar h2{font-size:13px}.preview-toggle{opacity:1}.preview{aspect-ratio:1.35}footer{font-size:10px;flex-wrap:wrap;margin-top:28px;gap:12px}footer span{order:3;width:100%}dialog{width:100%;height:100dvh;max-height:none;max-width:none;border:0;margin:0}.viewer-toolbar{height:auto;min-height:56px;gap:12px;padding:12px;flex-wrap:wrap}.viewer-name{min-width:50%;flex:1}.viewer-name h2{font-size:14px}.viewer-toolbar .device{order:4;width:100%;justify-content:center}.viewer-toolbar>a{font-size:11px}.viewer-bottom{padding:0 12px;gap:12px}.viewer-stage.mobile iframe{max-width:100%}}
@media(max-width:360px){.hero h1{font-size:40px}.shuffle{font-size:11px;padding:0 9px}.header nav{gap:8px;font-size:10px}.brand{font-size:21px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}