*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:sans-serif}img{max-width:100%;height:auto;display:block}button,input,textarea{font-family:inherit}ul,ol{list-style:none}a{color:inherit;text-decoration:none}:root{--bg:#f6f6f7;--panel:#fff;--text:#1f1f1f;--muted:#6f6f76;--border:#e6e6e8;--accent:#0f0f0f;--radius:4px;--gap:6px;--pad:6px;--font-size:1rem;--button-hover-bg:#e6e6e8}body{color:var(--text);background:var(--bg);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,Noto Sans,sans-serif}.app{width:100%;max-width:none;min-height:100vh;margin:0;padding:16px 18px}.header{gap:var(--gap);margin-bottom:var(--gap);background:var(--panel);border:1px solid var(--border);padding:var(--pad);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex;box-shadow:0 1px #00000005}h1{font-weight:700;font-size:var(--font-size);color:var(--accent);margin:0}button,input[type=text],select{border:1px solid var(--border);background:var(--panel);color:var(--text);padding:var(--pad);border-radius:var(--radius);font-size:var(--font-size)}button{cursor:pointer;margin:0 var(--gap) 0 0;border:1px solid var(--border);padding:var(--pad);border-radius:var(--radius);color:var(--accent);background:0 0}button:hover,.file-upload-label:hover,.download:hover{background:var(--button-hover-bg);box-shadow:0 1px #00000005}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,.file-upload-label:focus-visible{outline:none;box-shadow:0 0 0 4px #0f0f0f0f}input[type=checkbox]{cursor:pointer}.input-suffix{width:10ch}.output-grid{gap:var(--gap);flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;display:flex}.output-images{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:var(--pad);gap:var(--gap);flex-direction:column;flex:none;display:flex}.output-images img{border-radius:var(--radius);display:block}.image-info{font-size:calc(var(--font-size) * .7);color:var(--muted);justify-content:space-between;align-items:center;gap:var(--gap);flex-direction:row;display:flex}.file-info{gap:var(--gap);flex-wrap:wrap;min-width:0;display:flex}.image-info .download{padding:var(--pad);align-self:flex-start}.file-info{align-items:center;gap:var(--gap);font-size:calc(var(--font-size) * .7);color:var(--muted);flex-direction:row;display:flex}.green{color:#006400}.red{color:#8b0000}.large{font-size:calc(var(--font-size) * 1.2)}.bold{font-weight:700}.footer{text-align:center;color:var(--muted);font-size:calc(var(--font-size) * .8);margin-top:18px}.small{font-size:calc(var(--font-size) * .8)}.center{text-align:center}.pad-3rem{padding:3rem}a{color:var(--accent)}a:hover{text-decoration:underline}label{align-items:center;gap:var(--gap);font-size:var(--font-size);margin:0;display:inline-flex}input[type=file]{display:none}.file-upload-label{align-items:center;gap:var(--gap);padding:var(--pad);border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);cursor:pointer;font-size:var(--font-size);display:inline-flex}.file-upload-label svg{display:inline-block}.file-upload-label:hover{box-shadow:0 1px #00000005}.file-upload-label[disabled]{opacity:.6;cursor:not-allowed}.download{padding:var(--pad);border-radius:var(--radius);border:1px solid var(--border);color:var(--accent);background:0 0;text-decoration:none;display:inline-block}.download:hover{text-decoration:none}.config{gap:var(--gap);flex-wrap:wrap;align-items:center;margin:0;display:flex}.config>div,.config label{align-items:center;gap:var(--gap);margin:0;display:flex}.config button{max-width:fit-content;margin:0}@media screen and (width<=768px){:root{--gap:4px;--pad:4px;--font-size:.8rem}.output-images{width:inherit;max-width:100%}}