:root{--bg: #f6f5f1;--fg: #1a1a1a;--muted: #666;--border: #d4d2cc;--accent: #2a4d8f;--accent-soft: #e8eef8;--danger: #b13434;--warn-bg: #fff4e0;--warn-border: #e0a23a;--ok: #2d6a4f}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--fg)}main{max-width:880px;margin:0 auto;padding:2rem 1.25rem 6rem}header .title-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.25rem}header h1{margin:0;font-size:1.5rem}header .repo-link{color:var(--accent);text-decoration:none;font-size:.9rem;white-space:nowrap}header .repo-link:hover{text-decoration:underline}header .sub{margin:0 0 1.5rem;color:var(--muted)}.settings{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:center;padding:.75rem;background:#fff;border:1px solid var(--border);border-radius:8px;margin-bottom:1rem}.settings label{display:inline-flex;align-items:center;font-size:.9rem;color:var(--muted);gap:.5rem}.settings .checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none}.settings .checkbox-label input{margin:0}select,input,button{font-family:inherit}.settings select{padding:.45rem .6rem;border:1px solid var(--border);border-radius:6px;font-size:.95rem;background:#fff}.dropzone{display:flex;align-items:center;justify-content:center;text-align:center;padding:2.5rem 1.5rem;margin-bottom:1rem;background:#fff;border:2px dashed var(--border);border-radius:10px;cursor:pointer;transition:border-color .12s,background .12s,padding .12s}.dropzone:hover,.dropzone:focus-visible{border-color:var(--accent);background:var(--accent-soft);outline:none}.dropzone-inner{display:flex;flex-direction:column;gap:.35rem}.dropzone-title{font-size:1.05rem}.dropzone-sub{color:var(--muted);font-size:.9rem}.dropzone.slim{padding:.6rem 1rem}.dropzone.slim .dropzone-title{font-size:.9rem;font-weight:600}.dropzone.slim .dropzone-sub{display:none}.rows-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-bottom:.5rem}.ghost-btn{padding:.4rem .7rem;border:1px solid var(--border);border-radius:6px;background:#fff;font-size:.9rem;cursor:pointer}.ghost-btn:hover{border-color:var(--accent);color:var(--accent)}.bulk-size{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--muted);margin-left:auto}.bulk-size select{padding:.4rem .55rem;border:1px solid var(--border);border-radius:6px;background:#fff;font-size:.9rem}.rows-header,.row{display:grid;grid-template-columns:56px minmax(0,1fr) 240px 90px 64px;gap:.75rem;align-items:center}.rows-header{padding:0 .5rem .35rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.rows-header .col-image{grid-column:1 / 3}.rows-header .col-size{grid-column:3}.rows-header .col-copies{grid-column:4}.rows{display:flex;flex-direction:column;gap:.5rem}.row{padding:.5rem;background:#fff;border:1px solid var(--border);border-radius:8px}.row.oversized{border-color:var(--warn-border);background:var(--warn-bg)}.row select,.row input{padding:.45rem .6rem;border:1px solid var(--border);border-radius:6px;font-size:.95rem;background:#fff}.row .thumb{width:56px;height:56px;background:#ececea;border:1px solid var(--border);border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;cursor:pointer}.row .thumb img{width:100%;height:100%;object-fit:contain}.row .thumb.empty:after{content:"add";font-size:.65rem;color:var(--muted)}.row .thumb.drop-target{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.row .thumb .warn-badge{position:absolute;top:2px;right:2px;width:17px;height:17px;border-radius:50%;background:var(--danger);color:#fff;border:1.5px solid white;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:help}.row .file-wrap{min-width:0}.row .file-name{font-size:.85rem;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.row .file-name.placeholder{color:var(--muted);font-style:italic}.row .field{display:flex;align-items:center;gap:.4rem}.row .field-label{display:none}.row .size-wrap select{flex:1;min-width:0}.row .custom-width-wrap{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.row .custom-width{width:86px;padding-right:1.9rem}.row .custom-width::-webkit-outer-spin-button,.row .custom-width::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.row .custom-width{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.row .custom-width-wrap .unit{position:absolute;right:.55rem;font-size:.8rem;color:var(--muted);pointer-events:none}.row .copies{width:100%}.row .row-actions{display:flex;align-items:center;justify-content:flex-end;gap:.1rem}.row .dup,.row .remove{border:none;background:transparent;cursor:pointer;border-radius:4px;font-size:1.15rem;line-height:1;padding:.2rem .35rem}.row .dup{color:var(--accent)}.row .dup:hover{background:var(--accent-soft)}.row .remove{color:var(--danger)}.row .remove:hover{background:#fbe9e9}.hint{color:var(--muted);font-size:.85rem;margin-top:1.5rem}.support{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border);text-align:center}.support-text{margin:0 0 .75rem;color:var(--muted);font-size:.9rem}.support img{vertical-align:middle}.action-bar{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--border);box-shadow:0 -2px 8px #0000000f;z-index:20}.action-bar-inner{max-width:880px;margin:0 auto;padding:.75rem 1.25rem;display:flex;align-items:center;gap:1rem}.action-info{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1}.count-readout{font-size:.95rem;font-weight:600}.status{font-size:.85rem}.status.error{color:var(--danger)}.status.info{color:var(--ok)}.action-bar button#generate{padding:.6rem 1.2rem;border:1px solid var(--accent);border-radius:6px;background:var(--accent);color:#fff;font-size:1rem;cursor:pointer;white-space:nowrap}.action-bar button#generate:disabled{background:#aab;border-color:#aab;cursor:not-allowed}.drag-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#2a4d8f1f;display:flex;align-items:center;justify-content:center;pointer-events:none}.drag-overlay-msg{padding:1.25rem 2rem;background:#fff;border:2px dashed var(--accent);border-radius:12px;font-size:1.1rem;font-weight:600;color:var(--accent);box-shadow:0 4px 16px #0000001f}@media (max-width: 640px){main{padding:1.25rem .9rem 7rem}.rows-header{display:none}.row{grid-template-columns:56px minmax(0,1fr);grid-template-areas:"thumb file" "size size" "copies actions";row-gap:.6rem}.row .thumb{grid-area:thumb}.row .file-wrap{grid-area:file;align-self:center}.row .size-wrap{grid-area:size}.row .copies-wrap{grid-area:copies}.row .row-actions{grid-area:actions}.row .field{flex-direction:column;align-items:stretch;gap:.2rem}.row .field-label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.row .size-wrap{flex-direction:row;flex-wrap:wrap}.row .size-wrap .field-label{width:100%}.bulk-size{margin-left:0}.action-bar-inner{padding:.6rem .9rem;gap:.6rem}.action-bar button#generate{padding:.55rem .9rem}}