:root{--blue:#03f;--black:#000;--white:#fff;--muted:#ffffffb8;--line:#ffffff4d;--fill:#ffffff1f;--unit:8px;--gutter:calc(var(--unit) * 4)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{padding:0 var(--gutter);background:var(--blue);color:var(--white);-webkit-font-smoothing:antialiased;margin:0;font:400 16px/1.5 Helvetica Neue,Helvetica,Arial,sans-serif}.screen{flex-direction:column;min-height:100vh;display:flex}a{color:var(--white);text-decoration:underline}h1,h2,h3,p,ul{margin:0;padding:0}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--white);outline-offset:2px}.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.masthead{padding:calc(var(--unit) * 3) 0}.masthead__title{justify-content:space-between;align-items:baseline;gap:var(--gutter);font-size:inherit;font-weight:400;display:flex}.masthead__name{letter-spacing:-.02em;font-size:20px;font-weight:700}.masthead__line{color:var(--white)}main{padding-bottom:var(--gutter);flex-direction:column;flex:1;display:flex}.dropzone{min-height:320px;padding:var(--gutter);border:4px dashed var(--white);cursor:pointer;flex-direction:column;flex:1;display:flex}.has-files .dropzone{flex:none;min-height:0}.dropzone:hover{background:var(--fill)}.dropzone.is-over{background:var(--white);color:var(--blue);border-style:solid}.dropzone:focus-within{outline:2px solid var(--white);outline-offset:2px}.dropzone__input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.dropzone__title{letter-spacing:-.045em;font-size:clamp(48px,10vw,144px);font-weight:700;line-height:.95}.has-files .dropzone__title{font-size:clamp(32px,5vw,56px)}.dropzone__hint{margin-top:calc(var(--unit) * 3);color:var(--muted);font-size:clamp(18px,2.2vw,28px);line-height:1.2}.has-files .dropzone__hint{margin-top:var(--unit)}.dropzone__note{padding-top:calc(var(--unit) * 4);letter-spacing:-.02em;text-align:end;margin-top:auto;font-size:clamp(18px,2.2vw,28px);font-weight:700;line-height:1.2}.has-files .dropzone__note{padding-top:calc(var(--unit) * 3);font-size:clamp(16px,1.6vw,20px)}.dropzone.is-over .dropzone__hint{color:var(--blue)}.options{padding-top:calc(var(--unit) * 3);letter-spacing:-.02em;font-size:clamp(22px,3vw,32px);font-weight:700;line-height:1.25}.options__select,.options__input{appearance:none;border:0;border-bottom:4px solid var(--white);color:inherit;font:inherit;letter-spacing:inherit;background-color:#0000;border-radius:0;margin:0}.options__select{max-width:100%;padding:var(--unit) calc(var(--unit) * 6) var(--unit) 0;cursor:pointer;text-overflow:ellipsis;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 8l9 9 9-9' fill='none' stroke='%23fff' stroke-width='4'/%3E%3C/svg%3E");background-position:100%;background-repeat:no-repeat;background-size:.75em}.options__select option{background:var(--white);color:var(--black);font-weight:400}.options__width{align-items:center;column-gap:calc(var(--unit) * 2);flex-wrap:wrap;display:flex}.options__input{width:5.5ch;padding:var(--unit) 0;font-variant-numeric:tabular-nums;-moz-appearance:textfield}.options__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.options__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.options__input::placeholder{color:var(--line);opacity:1}.options__remove{padding:var(--unit);color:inherit;cursor:pointer;background:0 0;border:0;display:flex}.options__remove svg{width:.75em;height:.75em}.options__remove:hover{background:var(--fill)}.options__hint{margin-top:var(--unit);color:var(--muted);letter-spacing:0;flex-basis:100%;font-size:13px;font-weight:400}.summary{align-items:center;gap:var(--gutter);padding:calc(var(--unit) * 4) 0;grid-template-columns:auto 1fr auto;display:grid}.summary__saved{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:56px;font-weight:700;line-height:1}.summary__saved:empty{display:none}.summary__actions{align-items:center;gap:calc(var(--unit) * 3);display:flex}.button{appearance:none;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:0}.button--plain{text-underline-offset:3px;padding:0;text-decoration:underline}.button--plain:hover{text-decoration-thickness:2px}.button--primary{padding:calc(var(--unit) * 1.5) calc(var(--unit) * 3);background:var(--white);color:var(--blue);font-weight:700}.button--primary:hover{background:var(--black);color:var(--white)}.button--primary:disabled{background:var(--fill);color:var(--muted);cursor:default}.notice{max-width:72ch;margin-bottom:calc(var(--unit) * 4);padding:calc(var(--unit) * 2) calc(var(--unit) * 3);border:2px solid var(--white)}.list{list-style:none}.row{align-items:center;column-gap:calc(var(--unit) * 3);padding:calc(var(--unit) * 1.5) 0;border-bottom:1px solid var(--line);grid-template-columns:48px minmax(0,1fr) 96px 136px 72px 96px;display:grid;position:relative}.row--head{padding:var(--unit) 0;border-bottom:2px solid var(--white);color:var(--muted);font-size:13px}.row__thumb{background:var(--fill);width:48px;height:48px}.row__thumb img{object-fit:cover;width:100%;height:100%;display:block}.row__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row__note{margin-left:calc(var(--unit) * 1.5);color:var(--muted);font-size:13px}.row__original,.row__result{color:var(--muted)}.row[data-state=done] .row__result,.row[data-state=unsupported] .row__result,.row[data-state=working] .row__result,.row[data-state=error] .row__result{color:var(--white)}.row__saved{font-weight:700}.row__action{text-align:right}.row__progress{background:var(--line) linear-gradient(var(--white), var(--white)) no-repeat;background-size:20% 100%;height:4px;animation:1.2s linear infinite travel;display:none;position:absolute;bottom:-1px;left:0;right:0}.row[data-state=working] .row__progress{display:block}@keyframes travel{0%{background-position:-25% 0}to{background-position:125% 0}}.about{padding:calc(var(--unit) * 6) 0 calc(var(--unit) * 8);border-top:2px solid var(--white)}.about__title{letter-spacing:-.04em;font-size:clamp(32px,5vw,56px);font-weight:700;line-height:1}.about__lead{max-width:64ch;margin-top:calc(var(--unit) * 3);font-size:clamp(18px,2vw,22px);line-height:1.4}.about__points{gap:var(--gutter);margin-top:calc(var(--unit) * 6);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.about__points h3{padding-top:calc(var(--unit) * 1.5);border-top:1px solid var(--line);font-size:16px;font-weight:700}.about__points p{margin-top:var(--unit);color:var(--muted)}@media (width<=720px){:root{--gutter:calc(var(--unit) * 2)}.masthead__line{display:none}.summary{gap:calc(var(--unit) * 2);grid-template-columns:1fr auto}.summary__saved{font-size:40px}.summary__text{grid-row:2}.summary__actions{align-items:flex-end;gap:calc(var(--unit) * 2);flex-direction:column-reverse;grid-area:1/2/span 2}.row--head{display:none}.list{border-top:2px solid var(--white)}.row{column-gap:calc(var(--unit) * 1.5);grid-template-columns:48px auto minmax(0,1fr) auto;grid-template-areas:"thumb name name action""thumb original result saved";font-size:14px}.row__thumb{grid-area:thumb}.row__name{grid-area:name;font-size:16px}.row__original{text-align:left;grid-area:original}.row__original:after{content:" →"}.row__result{text-align:left;grid-area:result}.row__saved{grid-area:saved}.row__action{grid-area:action}}@media (prefers-reduced-motion:reduce){.row__progress{background-size:100% 100%;animation:none}}