:root{--bg:#f7f8fb;--fg:#0f172a;--muted:#5b6474;--accent:#2563eb;--accent2:#1d4ed8;--card:#fff;--line:#e4e7ee;--ok:#e8f6ee;--okfg:#166534;--err:#b91c1c;--blue:#2563eb;--blue-bg:#e8efff;--red:#dc2626;--red-bg:#fdecec;--green:#059669;--green-bg:#e3f6ef;--teal:#0d9488;--teal-bg:#dcf5f2;--purple:#7c3aed;--purple-bg:#f0e9ff;--amber:#b45309;--amber-bg:#fdf1dc;--shadow:0 1px 2px #0f172a0a,0 4px 16px #0f172a0f;--radius:16px}@media (prefers-color-scheme:dark){:root{--bg:#0b0d12;--fg:#e7eaf0;--muted:#97a0ae;--accent:#6ea8ff;--accent2:#3b82f6;--card:#151922;--line:#262c38;--ok:#10241a;--okfg:#86efac;--err:#f87171;--blue:#7fb0ff;--blue-bg:#16233d;--red:#ff8a8a;--red-bg:#341a1d;--green:#5fe0b5;--green-bg:#11291f;--teal:#5eead4;--teal-bg:#0f2a27;--purple:#c4a5ff;--purple-bg:#271b3f;--amber:#fbbf5a;--amber-bg:#33260f;--shadow:0 1px 2px #0000004d}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100vh;color:var(--fg);flex-direction:column;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Apple SD Gothic Neo,Noto Sans KR,Hiragino Sans,sans-serif;line-height:1.6;display:flex}.wrap{width:100%;max-width:1080px;margin:0 auto;padding:0 20px}main{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:8px 20px 40px}header{z-index:20;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}header .wrap{align-items:center;gap:18px;height:60px;display:flex}header a{color:var(--fg);text-decoration:none}.logo{letter-spacing:-.01em;align-items:center;gap:8px;margin-right:auto;font-size:1.15rem;font-weight:800;display:flex}header nav{scrollbar-width:none;gap:2px;display:flex;overflow-x:auto}header nav a{color:var(--muted);white-space:nowrap;border-radius:8px;padding:6px 10px;font-size:.92rem}header nav a:hover{color:var(--fg);background:var(--card)}.langsel{font:inherit;background:var(--card);color:var(--fg);border:1px solid var(--line);border-radius:8px;padding:5px 8px;font-size:.88rem}a{color:var(--accent)}h1{letter-spacing:-.02em;margin:.4em 0 .3em;font-size:2.3rem;line-height:1.15}h2{letter-spacing:-.01em;margin:2em 0 .6em;font-size:1.35rem}.lead{color:var(--muted);max-width:720px;margin-top:0;font-size:1.1rem}.badges{flex-wrap:wrap;gap:8px;margin:12px 0 4px;display:flex}.badge{background:var(--ok);color:var(--okfg);border-radius:999px;padding:4px 12px;font-size:.84rem;font-weight:600}.crumbs{color:var(--muted);margin-top:18px;font-size:.88rem;line-height:1.5}.crumbs a,.crumbs span{vertical-align:baseline}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--accent)}.tool-head{align-items:flex-start;gap:16px;display:flex}.tool-head h1{margin-top:.1em}.ico{border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid}.ico.lg{border-radius:16px;width:56px;height:56px;margin-top:4px}.ico.blue{background:var(--blue-bg);color:var(--blue)}.ico.red{background:var(--red-bg);color:var(--red)}.ico.green{background:var(--green-bg);color:var(--green)}.ico.teal{background:var(--teal-bg);color:var(--teal)}.ico.purple{background:var(--purple-bg);color:var(--purple)}.ico.amber{background:var(--amber-bg);color:var(--amber)}.panel{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;margin:20px 0;padding:18px}.drop{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 5%,transparent),transparent);border:2px dashed color-mix(in srgb,var(--accent) 35%,var(--line));text-align:center;cursor:pointer;border-radius:16px;margin:0;padding:48px 20px;transition:all .15s;display:block}.drop .up{background:var(--accent2);color:#fff;width:52px;height:52px;box-shadow:0 6px 20px color-mix(in srgb,var(--accent2) 40%,transparent);border-radius:50%;place-items:center;margin:0 auto 10px;display:grid}.drop strong{margin-bottom:4px;font-size:1.15rem;display:block}.drop span{color:var(--muted);font-size:.92rem}.drop:hover,.drop.over{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.drop:focus-within{outline:3px solid var(--accent);outline-offset:2px}.opts{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px 20px;margin-bottom:16px;padding:2px 4px 16px;display:flex}.opts label{align-items:center;gap:8px;min-width:0;max-width:100%;font-size:.95rem;display:flex}.opts input[type=number],.opts input[type=text],.opts select{background:var(--bg);color:var(--fg);border:1px solid var(--line);font:inherit;border-radius:10px;min-width:0;max-width:100%;padding:7px 10px;font-size:16px}.opts input[type=number]{width:96px}.opts input[type=range]{accent-color:var(--accent2)}.btn{background:var(--accent2);color:#fff;font:inherit;cursor:pointer;box-shadow:0 4px 14px color-mix(in srgb,var(--accent2) 30%,transparent);border:0;border-radius:12px;padding:11px 20px;font-weight:650}.btn:hover{filter:brightness(1.08)}.btn.secondary{color:var(--fg);border:1px solid var(--line);box-shadow:none;background:0 0}.btn:disabled{opacity:.45;cursor:default}.bar{flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0 4px;display:flex}.list{margin:0;padding:0;list-style:none}.list li{background:var(--bg);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;margin:8px 0;padding:10px 12px;animation:.2s pop;display:flex}@keyframes pop{0%{opacity:0;transform:translateY(4px)}}.list li.dragging{opacity:.5}.thumb{object-fit:cover;background:repeating-conic-gradient(#d7dbe3 0 25%,#fff 0 50%) 0 0/12px 12px;border-radius:8px;flex:none;width:52px;height:52px}.meta{flex:1;min-width:0}.meta .n{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.meta .s{color:var(--muted);font-size:.9rem}.meta .s b{color:var(--okfg)}.row-actions{flex:none;align-items:center;gap:6px;display:flex}.small{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--fg);cursor:pointer;border-radius:8px;padding:4px 10px;font-size:.85rem}.small:disabled{opacity:.35;cursor:default}.dl{background:var(--accent2);border-radius:10px;padding:7px 14px;font-size:.9rem;font-weight:650;text-decoration:none;color:#fff!important}.err{color:var(--err)}.handle{cursor:grab;color:var(--muted);user-select:none}.crop-stage{touch-action:none;user-select:none;border-radius:8px;width:fit-content;max-width:100%;margin:16px auto 0;display:block;position:relative;overflow:hidden}.crop-img{border-radius:8px;max-width:100%;max-height:70vh;display:block}.crop-box{cursor:move;border:2px solid #fff;outline:1px solid #0006;position:absolute;box-shadow:0 0 0 9999px #00000080}.crop-box.guide:after{content:"";pointer-events:none;border:2px dashed #ffffffd9;border-radius:50%;height:62%;position:absolute;top:10%;left:22%;right:22%}.crop-box .h{border:2px solid var(--accent2);background:#fff;border-radius:50%;width:22px;height:22px;position:absolute}.h.nw{cursor:nwse-resize;top:-11px;left:-11px}.h.ne{cursor:nesw-resize;top:-11px;right:-11px}.h.sw{cursor:nesw-resize;bottom:-11px;left:-11px}.h.se{cursor:nwse-resize;bottom:-11px;right:-11px}.steps{counter-reset:s;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding:0;list-style:none;display:grid}.steps li{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);counter-increment:s;padding:16px 18px 16px 58px;position:relative}.steps li:before{content:counter(s);background:var(--blue-bg);width:30px;height:30px;color:var(--blue);border-radius:50%;place-items:center;font-weight:800;display:grid;position:absolute;top:14px;left:16px}.prose{max-width:760px}ul.reasons,ul.examples{padding-left:20px}ul.reasons li,ul.examples li{margin:6px 0}ul.examples li::marker{content:"▸ ";color:var(--accent)}.cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);color:var(--fg);align-items:flex-start;gap:14px;padding:16px;text-decoration:none;transition:all .15s;display:flex}.card:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));box-shadow:var(--shadow);transform:translateY(-2px)}.card h3{margin:0 0 2px;font-size:1rem}.card p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.45}details{background:var(--card);border:1px solid var(--line);border-radius:12px;max-width:760px;margin:8px 0;padding:12px 18px}summary{cursor:pointer;font-weight:600}.hidden{display:none!important}.ad{margin:20px 0}.ad:empty{display:none}.hero{text-align:center;padding:48px 0 18px;position:relative}.hero:before{content:"";z-index:-1;background:radial-gradient(600px 220px at 50% 0,color-mix(in srgb,var(--accent) 16%,transparent),transparent);height:340px;position:absolute;inset:-40px -20px auto}.hero h1{max-width:820px;margin:0 auto .3em;font-size:clamp(2rem,5vw,3.2rem)}.hero h1 em{background:linear-gradient(90deg,var(--accent2),#7c3aed);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero .lead{margin:0 auto}.hero .badges{justify-content:center;margin-top:18px}.search{width:100%;max-width:620px;font:inherit;border:1px solid var(--line);background:var(--card);color:var(--fg);box-shadow:var(--shadow);border-radius:14px;margin:24px auto 0;padding:15px 20px;font-size:1.05rem;display:block}.search:focus{outline:2px solid var(--accent)}.tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin:22px 0 4px;display:flex}.tab{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--fg);cursor:pointer;border-radius:999px;padding:7px 16px;font-size:.92rem}.tab[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.cat-h{align-items:center;gap:10px;display:flex}.count{color:var(--muted);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:1px 9px;font-size:.8rem;font-weight:600}.feats{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;display:grid}.feat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.feat h3{margin:10px 0 4px;font-size:1.02rem}.feat p{color:var(--muted);margin:0;font-size:.92rem}.tool-head{position:relative}.fav{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:10px;align-self:flex-start;margin-left:auto;padding:8px 10px;font-size:1.3rem;line-height:1}.fav[aria-pressed=true]{color:#f5a524;border-color:#f5a524}.cmp{z-index:50;background:#000000bf;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.cmp-box{user-select:none;touch-action:none;max-width:min(1000px,96vw);max-height:86vh;position:relative}.cmp-box img{max-width:100%;max-height:86vh;display:block}.cmp-after{position:absolute;inset:0;overflow:hidden}.cmp-after img{max-width:none;height:100%}.cmp-line{background:#fff;width:3px;position:absolute;top:0;bottom:0;transform:translate(-50%);box-shadow:0 0 6px #000}.cmp-line:after{content:"⇆";color:#111;background:#fff;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cmp-tag{color:#fff;background:#0009;border-radius:6px;padding:3px 8px;font-size:.8rem;position:absolute;top:8px}.cmp-x{color:#fff;cursor:pointer;background:0 0;border:0;font-size:1.6rem;position:absolute;top:12px;right:16px}.opts .check{align-items:center;gap:6px;display:flex}.opts .hint{color:var(--muted);flex-basis:100%;margin:0;font-size:.85rem}footer{color:var(--muted);border-top:1px solid var(--line);background:var(--card);padding:28px 0 18px;font-size:.9rem}footer a{color:var(--muted);text-decoration:none}footer a:hover{color:var(--accent)}footer a.more{color:var(--accent);font-weight:600}.fcols{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;display:grid}.fcols h4{color:var(--fg);margin:0 0 8px;font-size:.92rem}.fcols a{padding:2px 0;font-size:.86rem;display:block}.langs{flex-wrap:wrap;gap:14px;display:flex}.next{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 2px;padding-top:12px;display:flex}.next-l{margin-right:4px;font-size:.9rem;font-weight:650}.chip{border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));background:color-mix(in srgb,var(--accent) 7%,var(--card));min-height:40px;color:var(--fg);cursor:pointer;border-radius:999px;align-items:center;padding:6px 14px;font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.chip:hover{border-color:var(--accent)}.net{color:var(--muted);margin:12px 0 0;font-size:.86rem}.net summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:4px;min-height:40px;list-style-position:inside;display:flex}.net summary b{color:var(--okfg)}.net .net-ad{color:var(--amber);background:var(--amber-bg);white-space:nowrap;border-radius:6px;padding:1px 6px;font-size:.75rem;font-weight:650}.net ul{word-break:break-all;max-height:200px;margin:6px 0 0;padding-left:18px;overflow:auto}.net li span{white-space:nowrap}.netbig{text-align:left;width:100%;font:inherit;color:var(--fg);background:var(--ok);border:1px solid color-mix(in srgb,var(--okfg) 30%,transparent);cursor:pointer;border-radius:14px;align-items:center;gap:12px;min-height:48px;margin:0 0 14px;padding:10px 14px;display:flex}.netbig .nb-ico{font-size:1.5rem;line-height:1}.netbig .nb-n{color:var(--okfg);font-size:1.05rem;display:block}.netbig .nb-s{color:var(--muted);font-size:.85rem;line-height:1.4;display:block}.netbig.busy .nb-ico{animation:1s ease-in-out infinite nbpulse}.netbig.busy .nb-n:after{content:" · " attr(data-working);content:" · " attr(data-working);font-weight:500}.netbig .nb-n{position:relative}@keyframes nbpulse{50%{opacity:.3}}.netbig.bad{background:var(--red-bg)}.netbig.bad .nb-n{color:var(--red)}.list li.ba-li{padding:12px;display:block}.ba{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ba-col{min-width:0}.ba-col img{object-fit:contain;background:repeating-conic-gradient(#d7dbe3 0 25%,#fff 0 50%) 0 0/12px 12px;border-radius:8px;width:100%;height:180px;display:block}.ba-col b{margin:6px 0 2px;display:block}.ba-col dl{grid-template-columns:auto 1fr;gap:2px 8px;margin:0;font-size:.85rem;display:grid}.ba-col dt{color:var(--muted)}.ba-col dd{overflow-wrap:anywhere;min-width:0;margin:0}.ba-li .ok{color:var(--okfg);font-weight:650}.ba-li .bad{color:var(--err);font-weight:650}.ba-check{flex-wrap:wrap;gap:4px 12px;margin:10px 0 0;font-size:.88rem;display:flex}@media (width<=430px){.ba-col dl{grid-template-columns:1fr}.ba-col dt{margin-top:2px}.ba-col img{height:130px}}.kbd-hint{color:var(--muted);text-align:center;margin:8px 0 0;font-size:.8rem;display:none}@media (hover:hover) and (pointer:fine){.kbd-hint{display:block}}.restored{color:var(--muted);width:100%;font-size:.86rem}.linkbtn{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;min-height:40px;padding:8px 4px;text-decoration:underline}.udrop{max-width:720px;margin:18px auto 0;padding:28px 18px}.sugg{text-align:left;max-width:1080px;margin:18px auto 0}.sugg-h{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.sugg-h p{margin:0;font-weight:650}.sugg .more{margin-top:10px}@media (width<=640px){h1{font-size:1.7rem}.drop{padding:36px 14px}header .wrap{gap:10px}header nav,.tool-head .ico.lg{display:none}.panel{border-radius:16px;padding:12px}.hero{padding-top:28px}}