:root{color-scheme:dark;font-family:Arial,sans-serif;background:#10120f;color:#f0eee6}*{box-sizing:border-box}body{margin:0}header,main{max-width:1600px;margin:auto;padding-left:clamp(20px,5vw,80px);padding-right:clamp(20px,5vw,80px)}header{padding-top:42px}.eyebrow,.toolbar label>span,.index,.viewer-controls{font:700 10px/1.4 monospace;letter-spacing:.14em;color:#a8ae9e}.eyebrow span{color:#d6ff5d}.intro{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:54px 0 52px}.intro h1{font-size:clamp(56px,8.4vw,130px);line-height:.86;letter-spacing:-.075em;margin:0;font-weight:700}.intro h1 em{font-style:normal;color:#caff58}.intro p{max-width:450px;color:#aeb1a6;font-size:15px;line-height:1.65;margin:28px 0 0}.index{border-left:1px solid #4c5342;padding-left:20px;display:grid;gap:6px;min-width:130px}.index strong{font:400 48px/1 monospace;color:#e8f2d6;letter-spacing:-.06em}.index span{font-size:9px}.toolbar{border-top:1px solid #4c5342;border-bottom:1px solid #4c5342;padding:17px 0;display:flex;gap:30px;align-items:end}.toolbar label{display:grid;gap:8px}.search{flex:1;max-width:480px}.filter{width:160px}input,select{font:14px Arial;color:#f5f5ef;background:#20241d;border:1px solid #424a3a;border-radius:0;padding:12px;width:100%}input:focus,select:focus,button:focus-visible{outline:2px solid #caff58;outline-offset:2px}#count{margin-left:auto;color:#a8ae9e;font:11px monospace;white-space:nowrap;padding-bottom:12px}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:1px;background:#41483b;border:1px solid #41483b;margin:28px 0 80px}.card{border:0;background:#191c17;text-align:left;color:inherit;padding:0;cursor:pointer;min-width:0}.card:hover{background:#252b20}.thumb{height:190px;background:#10120f;display:grid;place-items:center;overflow:hidden;padding:18px}.thumb img,.thumb canvas{max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated}.thumb .error{font:11px monospace;color:#c9a19a}.meta{padding:17px;display:flex;gap:10px;align-items:center;justify-content:space-between}.name{font:700 12px monospace;overflow-wrap:anywhere}.type{font:10px monospace;color:#caff58}.card:hover .name{color:#caff58}#empty{padding:60px 0;color:#aeb1a6}dialog{width:min(1100px,94vw);max-width:none;height:min(850px,90vh);max-height:none;background:#191c17;color:inherit;border:1px solid #69745b;padding:25px;overflow:hidden}dialog[open]{display:flex;flex-direction:column}dialog::backdrop{background:#000c}.dialogbar{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #424a3a;padding-bottom:18px}.dialogbar h2{font:700 20px monospace;margin:8px 0 0;overflow-wrap:anywhere}.dialogbar button{background:none;border:1px solid #69745b;color:#fff;font-size:26px;width:40px;height:40px;cursor:pointer}.viewer-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0}.viewer-controls label{display:flex;align-items:center;gap:12px}.viewer-controls input{width:120px;accent-color:#caff58;padding:0}.stage{flex:1;min-height:0;overflow:auto;background:#090b08;display:flex;align-items:safe center;justify-content:safe center;padding:20px}.stage img,.stage canvas{image-rendering:pixelated;flex:none;max-width:none} @media(max-width:600px){.intro{padding:45px 0}.index{display:none}.toolbar{flex-wrap:wrap;gap:15px}.search{min-width:100%}.filter{width:50%}#count{font-size:10px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.thumb{height:145px}.meta{padding:12px}.name{font-size:10px}}
.stage{cursor:grab;touch-action:none}.stage.dragging{cursor:grabbing;user-select:none}.stage img{user-select:none;-webkit-user-drag:none}
.download{color:#10120f;background:#caff58;padding:10px 13px;text-decoration:none;white-space:nowrap}.download:hover{background:#e0ff9a}.download:focus-visible{outline:2px solid #fff;outline-offset:2px}@media(max-width:600px){.viewer-controls{flex-wrap:wrap}}