:root{--paper:#f4f1ea;--paper-2:#eae5da;--ink:#1c1b19;--ink-soft:#5b574e;--line:#cfc7b7;--accent:#d4561f;--accent-ink:#7a2f10;--err:#9a2b1f;--radius:4px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;padding:32px 24px 80px;font-family:Hiragino Kaku Gothic ProN,Yu Gothic Medium,Yu Gothic,YuGothic,Noto Sans JP,sans-serif;line-height:1.6}.wrap{max-width:980px;margin:0 auto}header{border-top:3px solid var(--ink);margin-bottom:24px;padding-top:14px}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 6px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11px}h1{letter-spacing:.01em;margin:0 0 6px;font-size:23px;font-weight:700}header p{color:var(--ink-soft);max-width:64ch;margin:0;font-size:13.5px}.drop{border:1.5px dashed var(--line);border-radius:var(--radius);background:linear-gradient(0deg,var(--paper-2),var(--paper));text-align:center;cursor:pointer;margin:22px 0 18px;padding:44px 24px;transition:border-color .15s,background .15s}.drop:hover{border-color:var(--ink-soft)}.drop.over{border-color:var(--accent);background:#f6ece4}.drop .big{margin:0 0 4px;font-size:17px;font-weight:600}.drop .sub{color:var(--ink-soft);margin:0;font-size:12.5px}.drop input{display:none}.bar{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 16px;display:flex}button{font:inherit;border:1.5px solid var(--ink);background:var(--paper);color:var(--ink);border-radius:var(--radius);cursor:pointer;padding:10px 18px;font-size:14px;transition:transform 50ms,background .15s}button:hover{background:#fff}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent-ink);color:#fff;font-weight:700}button.primary:hover{background:#c44d18}.count{color:var(--ink-soft);margin-left:auto;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px}.progress{align-items:center;gap:12px;margin:0 0 18px;display:none}.progress.show{display:flex}.progress .track{background:var(--paper-2);border-radius:3px;flex:1;height:6px;overflow:hidden}.progress .track>i{background:var(--accent);width:0;height:100%;transition:width .2s;display:block}.progress .ptext{color:var(--ink-soft);text-align:right;min-width:92px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}.meter{border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius);background:#fbf8f2;margin:0 0 22px;padding:14px 18px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.meter .mlabel{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:8px;font-size:10.5px}.meter .grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px 22px;display:grid}.meter .stat .v{color:var(--accent-ink);font-size:21px;font-weight:700}.meter .stat .k{color:var(--ink-soft);font-size:11px}.meter .note{color:var(--ink-soft);margin-top:10px;font-family:inherit;font-size:11px}.grid-thumbs{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.tile{border:1px solid var(--line);border-radius:var(--radius);cursor:grab;background:#fff;position:relative;overflow:hidden}.tile[draggable=false]{cursor:default}.tile.dragging{opacity:.4}.tile.drop-target{outline:2px solid var(--accent);outline-offset:-2px}.tile .imgbox{aspect-ratio:4/3;background:#e9e4d8;justify-content:center;align-items:center;display:flex}.tile .imgbox.placeholder{color:var(--ink-soft);font-size:12px}.tile img{object-fit:contain;max-width:100%;max-height:100%;display:block}.tile.error .imgbox{color:var(--err);text-align:center;white-space:pre-line;background:#f3dcd7;padding:8px;font-size:12px}.tile .meta{color:var(--ink-soft);border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:5px 8px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:10.5px;display:flex}.tile .ms{color:var(--accent-ink);font-weight:700}.tile .ord{color:#fff;background:#1c1b19d1;border-radius:3px;padding:1px 6px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;position:absolute;top:5px;left:5px}.tile .heic{background:var(--accent);color:#fff;letter-spacing:.05em;border-radius:3px;padding:1px 5px;font-size:9.5px;position:absolute;top:5px;right:34px}.tile .rm{color:#fff;background:#1c1b19d1;border:none;border-radius:3px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:14px;line-height:1;display:flex;position:absolute;top:4px;right:4px}.tile .rm:hover{background:var(--err)}.empty{color:var(--ink-soft);text-align:center;padding:30px 0;font-size:13.5px}footer{border-top:1px solid var(--line);color:var(--ink-soft);max-width:74ch;margin-top:36px;padding-top:14px;font-size:11.5px}