:root{--color-ink:#17211b;--color-muted:#65726a;--color-soft:#8c988f;--color-line:#dce4dc;--color-panel:#f5f8f4;--color-paper:#fff;--color-accent:#2f7d54;--color-accent-soft:#e5f2e8;--color-warn:#b85a45;--font-sans:"Pretendard","Apple SD Gothic Neo",sans-serif;--size-1:0.25rem;--size-2:0.5rem;--size-3:0.75rem;--size-4:1rem;--size-5:1.25rem;--size-6:1.5rem;--size-8:2rem;--size-10:2.5rem;--size-12:3rem;--size-16:4rem;--size-20:5rem;--radius-small:0.75rem;--radius-large:1.5rem;--shadow-soft:0 1rem 3rem rgba(39,72,48,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-sans)}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.page-shell{max-width:72rem;margin:0 auto;padding:0 var(--size-8)}.site-header{display:flex;align-items:center;justify-content:space-between;padding:var(--size-8) 0}.logo{color:var(--color-accent);font-size:1.5rem;font-weight:800;letter-spacing:-.06em}.tools-link{border:0;background:transparent;color:var(--color-muted);cursor:pointer}.hero{padding:var(--size-16) 0 var(--size-20);text-align:center}.eyebrow,.section-kicker{color:var(--color-accent);font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:var(--size-5);font-size:clamp(2.5rem,7vw,5rem);letter-spacing:-.08em;line-height:1}.subtitle{color:var(--color-muted);font-size:1.1rem;line-height:1.8}.dropzone{display:flex;min-height:18rem;margin:var(--size-12) 0 var(--size-8);padding:var(--size-8);border:2px dashed var(--color-accent);border-radius:var(--radius-large);background:var(--color-panel);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:var(--size-3);transition:background .16s ease,transform .16s ease}.dropzone.is-dragging,.dropzone:hover{background:var(--color-accent-soft);transform:translateY(-.125rem)}.dropzone.is-preparing{background:var(--color-accent-soft);cursor:wait}.dropzone strong{font-size:1.15rem}.dropzone span:not(.drop-icon){color:var(--color-muted);font-size:.9rem}.dropzone input{display:none}.drop-icon{display:grid;width:3rem;height:3rem;border-radius:50%;background:var(--color-accent);color:var(--color-paper);font-size:2rem;place-items:center}.quality-control{display:flex;max-width:28rem;margin:0 auto;align-items:center;gap:var(--size-4);color:var(--color-muted)}.quality-control input{flex:1 1;accent-color:var(--color-accent)}.quality-control output{min-width:3rem;color:var(--color-accent);font-weight:800;text-align:right}.quality-control output b{margin-left:var(--size-1);font-size:.75em}.picker-hint,.quality-hint{margin:calc(var(--size-2) * -1) auto var(--size-5);color:var(--color-muted);font-size:.85rem;line-height:1.7}.quality-hint{margin:var(--size-2) auto 0}.size-control{display:flex;margin:var(--size-6) auto 0;padding:0;border:0;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:var(--size-2)}.size-control legend{width:100%;margin-bottom:var(--size-3);color:var(--color-muted)}.size-control button{display:flex;min-width:0;border:1px solid var(--color-line);border-radius:var(--radius-small);background:var(--color-paper);color:var(--color-muted);cursor:pointer;flex:1 1;flex-direction:column;padding:var(--size-3);text-align:left}.size-control button strong{color:var(--color-ink)}.size-control button small{margin-top:var(--size-2);color:var(--color-muted);line-height:1.45}.size-control button.is-selected{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent);font-weight:800}.size-control button.is-selected small,.size-control button.is-selected strong{color:var(--color-accent)}.size-control button span{margin-left:var(--size-1);font-size:.75em}.progress{margin:var(--size-5) 0 0;color:var(--color-accent);font-weight:700}.results-section{margin-bottom:var(--size-20)}.results-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--size-8);margin-bottom:var(--size-5)}h2{margin-bottom:var(--size-6);font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.06em}.results-heading h2{margin:0;font-size:clamp(1.2rem,3vw,2rem)}.results-heading h2 span{color:var(--color-accent);font-size:.75em}.result-actions{display:flex;flex-wrap:wrap;gap:var(--size-2)}.save-hint{margin:var(--size-2) 0 0;color:var(--color-muted);font-size:.85rem}.download-link,.primary-button{display:inline-flex;border:0;border-radius:99rem;background:var(--color-accent);color:var(--color-paper);cursor:pointer;font-weight:800;padding:var(--size-3) var(--size-5)}.primary-button:disabled{cursor:not-allowed;opacity:.4}.result-list{overflow:hidden;border:1px solid var(--color-line);border-radius:var(--radius-small)}.result-card{display:grid;grid-template-columns:5rem 1fr auto;grid-gap:var(--size-4);gap:var(--size-4);align-items:center;padding:var(--size-4);border-bottom:1px solid var(--color-line)}.result-card:last-child{border-bottom:0}.failed-thumb,.result-card img{width:5rem;height:5rem;border-radius:var(--radius-small);background:var(--color-panel);object-fit:cover}.failed-thumb{display:grid;color:var(--color-warn);font-size:2rem;font-weight:800;place-items:center}.result-info{display:flex;min-width:0;flex-direction:column;gap:var(--size-2)}.result-info>span{color:var(--color-muted);font-size:.9rem}.result-info em{color:var(--color-accent);font-style:normal}.result-info b{margin-left:var(--size-2);color:var(--color-accent);font-size:.8rem}.failure{color:var(--color-warn)!important}.retry-button{margin-left:var(--size-2);border:0;background:transparent;color:var(--color-accent);cursor:pointer;font-weight:800;padding:0;text-decoration:underline}.download-link{background:var(--color-accent-soft);color:var(--color-accent);font-size:.85rem}.png-choice{display:flex;align-items:center;gap:var(--size-2);color:var(--color-soft);font-size:.75rem}.png-choice select{border:1px solid var(--color-line);border-radius:var(--radius-small);color:var(--color-ink);padding:var(--size-1) var(--size-2)}.content-section{padding:var(--size-20) 0;border-top:1px solid var(--color-line)}.compare-grid,.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--size-4);gap:var(--size-4)}.compare-card,.feature{padding:var(--size-6);border-radius:var(--radius-small);background:var(--color-panel)}.feature>span{color:var(--color-accent);font-weight:800}.feature h3{margin:var(--size-8) 0 var(--size-2);font-size:1.1rem}.feature p{margin:0;color:var(--color-muted);font-size:.9rem;line-height:1.6}.compare-card{display:flex;min-height:9rem;flex-direction:column;justify-content:space-between}.compare-card span{color:var(--color-muted)}.compare-card strong{font-size:1.2rem}.compare-card em,.compare-card i{color:var(--color-accent);font-style:normal}.compare-card em{font-weight:800}.faq-list{border-top:1px solid var(--color-line)}details{border-bottom:1px solid var(--color-line)}summary{display:flex;cursor:pointer;justify-content:space-between;padding:var(--size-5) 0;font-weight:700;list-style:none}summary::-webkit-details-marker{display:none}summary span{color:var(--color-accent);font-size:1.4rem}details p{max-width:50rem;padding:0 0 var(--size-5);line-height:1.7}.site-footer,details p{color:var(--color-muted)}.site-footer{display:flex;justify-content:space-between;padding:var(--size-8) 0 var(--size-12);font-size:.85rem}.site-footer>span{color:var(--color-accent);font-weight:800}.site-footer nav{display:flex;gap:var(--size-5)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media (max-width:42rem){.page-shell{padding:0 var(--size-4)}.hero{padding:var(--size-12) 0 var(--size-16)}.dropzone{min-height:14rem}.size-control{flex-wrap:wrap}.results-heading{align-items:start;flex-direction:column;gap:var(--size-4)}.compare-grid,.feature-grid{grid-template-columns:repeat(2,1fr)}.result-card{grid-template-columns:4rem 1fr}.failed-thumb,.result-card img{width:4rem;height:4rem}.download-link{grid-column:2;justify-self:start}.site-footer{align-items:start;flex-direction:column;gap:var(--size-4)}}