:root{--mat:#31453b;--mat-deep:#293b32;--mat-line:#ffffff0e;--mat-line-strong:#ffffff1c;--paper:#fafaf7;--ink:#20261f;--on-mat:#e8ede8;--on-mat-muted:#a7b8ab;--accent:#ff6b35;--accent-ink:#2b1305;--danger:#ffb0a0;--shadow:0 2px 6px #00000059;--shadow-lift:0 10px 24px #00000073}*{box-sizing:border-box}body{min-height:100dvh;color:var(--on-mat);background-color:var(--mat);background-image:linear-gradient(var(--mat-line-strong) 1px, transparent 1px), linear-gradient(90deg, var(--mat-line-strong) 1px, transparent 1px), linear-gradient(var(--mat-line) 1px, transparent 1px), linear-gradient(90deg, var(--mat-line) 1px, transparent 1px);background-size:120px 120px,120px 120px,24px 24px,24px 24px;margin:0;font-family:system-ui,Segoe UI,sans-serif;line-height:1.5}#app{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 9rem}.masthead{margin-bottom:2rem}.wordmark{letter-spacing:.01em;color:var(--paper);text-transform:uppercase;margin:0;font-family:Archivo Black,system-ui,sans-serif;font-size:clamp(2.2rem,6vw,3.4rem)}.wordmark span{color:var(--accent)}.tagline{color:var(--on-mat-muted);max-width:44ch;margin:.25rem 0 0}.dropzone{border:2px dashed var(--on-mat-muted);text-align:center;border-radius:4px;padding:2.25rem 1.5rem;transition:border-color .15s,background-color .15s}.dropzone-active{border-color:var(--accent);background-color:#ff6b3514}.dropzone-hint{margin:0 0 .9rem;font-size:1.05rem}.pick-button{font:inherit;border:1px solid var(--on-mat-muted);color:var(--on-mat);cursor:pointer;background:0 0;border-radius:4px;padding:.5rem 1.25rem}.pick-button:hover{border-color:var(--paper);color:var(--paper)}.error-list{color:var(--danger);margin:1rem 0 0;padding:0;list-style:none}.error-list li{padding:.2rem 0}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-items:start;gap:1.25rem;margin-top:2rem;display:grid}.tile{background:var(--paper);box-shadow:var(--shadow);cursor:grab;border-radius:2px;transition:box-shadow .15s,transform .15s;position:relative}.tile:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.tile:active{cursor:grabbing}.tile-ghost{opacity:.35}.tile img{border-radius:2px 2px 0 0;width:100%;display:block}.tile-placeholder{aspect-ratio:1/1.414;background:repeating-linear-gradient(0deg,#0000 0 14px,#0000000d 14px 15px)}.tile-order{background:var(--accent);min-width:1.6rem;height:1.6rem;color:var(--accent-ink);box-shadow:var(--shadow);border-radius:4px;place-items:center;padding:0 .3rem;font-family:Archivo Black,system-ui,sans-serif;font-size:.85rem;display:grid;position:absolute;top:-.55rem;left:-.55rem}.tile-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;padding:.3rem .5rem;font-size:.72rem;display:block;overflow:hidden}.tile-delete{background:var(--mat-deep);width:1.6rem;height:1.6rem;color:var(--on-mat);cursor:pointer;opacity:0;box-shadow:var(--shadow);border:none;border-radius:50%;font-size:1rem;line-height:1;transition:opacity .15s;position:absolute;top:-.55rem;right:-.55rem}.tile:hover .tile-delete,.tile-delete:focus-visible{opacity:1}.tile-delete:hover{color:var(--paper);background:#b3402a}.action-bar{background:var(--mat-deep);flex-wrap:wrap;align-items:end;gap:1rem;padding:1rem 1.5rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0000004d}.filename-field,.option-field{color:var(--on-mat-muted);flex-direction:column;gap:.2rem;font-size:.78rem;display:flex}.filename-field input,.option-field select{font:inherit;background:var(--mat);color:var(--on-mat);border:1px solid #0000;border-radius:4px;width:14rem;max-width:60vw;padding:.45rem .6rem;font-size:1rem}.option-field select{width:auto;min-width:9rem}.option-field[hidden]{display:none}.filename-field input:focus-visible,.option-field select:focus-visible{border-color:var(--accent);outline:none}.merge-button{text-transform:uppercase;letter-spacing:.03em;background:var(--accent);color:var(--accent-ink);cursor:pointer;border:none;border-radius:4px;padding:.6rem 1.5rem;font-family:Archivo Black,system-ui,sans-serif;font-size:1rem;transition:filter .15s}.merge-button:hover:enabled{filter:brightness(1.1)}.merge-button:disabled{background:var(--mat);color:var(--on-mat-muted);cursor:default}.status{color:var(--on-mat-muted);margin:0;font-size:.9rem}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (width<=640px){#app{padding-bottom:15rem}.status{flex-basis:100%}}@font-face{font-family:Archivo Black;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/archivo-black-latin-ext-400-normal-DQAASfvW.woff2)format("woff2"),url(/assets/archivo-black-latin-ext-400-normal--j5WRK12.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Black;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/archivo-black-latin-400-normal-BTVu2TQR.woff2)format("woff2"),url(/assets/archivo-black-latin-400-normal-HW9MwEcM.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}