:root{--bg:#f7f8fb;--bg-elev:#fff;--bg-sunken:#eef1f6;--text:#182033;--text-muted:#5b6477;--border:#dde2ec;--primary:#2f6fdf;--primary-hover:#2459b8;--primary-soft:#e6eefc;--accent:#ffd34d;--danger:#d23c3c;--success:#1f9d55;--focus:0 0 0 3px #2f6fdf59;--radius:10px;--radius-lg:16px;--shadow:0 1px 2px #1018280f, 0 4px 16px #1018280f;--checker-a:#fff;--checker-b:#d6d9df;--canvas-bg:#5a5f66;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;--mono:ui-monospace, "Cascadia Code", Consolas, Menlo, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f141d;--bg-elev:#171e2a;--bg-sunken:#0b0f16;--text:#e6eaf2;--text-muted:#9aa4b8;--border:#2a3344;--primary:#5b8ff0;--primary-hover:#7aa5f5;--primary-soft:#1c2a45;--shadow:0 1px 2px #0006, 0 6px 20px #0000004d;--checker-a:#3a3f47;--checker-b:#2d3138;--canvas-bg:#252a31;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0f141d;--bg-elev:#171e2a;--bg-sunken:#0b0f16;--text:#e6eaf2;--text-muted:#9aa4b8;--border:#2a3344;--primary:#5b8ff0;--primary-hover:#7aa5f5;--primary-soft:#1c2a45;--shadow:0 1px 2px #0006, 0 6px 20px #0000004d;--checker-a:#3a3f47;--checker-b:#2d3138;--canvas-bg:#252a31;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:72px}body{font-family:var(--font);color:var(--text);background:var(--bg);flex-direction:column;min-height:100vh;margin:0;font-size:16px;line-height:1.6;display:flex}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--primary);text-underline-offset:2px}a:hover{color:var(--primary-hover)}img,svg,canvas{max-width:100%}h1,h2,h3{letter-spacing:-.01em;line-height:1.25}h1{margin:0 0 .5rem;font-size:clamp(1.75rem,1.2rem + 2vw,2.6rem)}h2{margin:2rem 0 .75rem;font-size:1.45rem}h3{margin:1.25rem 0 .5rem;font-size:1.1rem}code{font-family:var(--mono);background:var(--bg-sunken);border:1px solid var(--border);border-radius:5px;padding:.05em .35em;font-size:.9em}pre{font-family:var(--mono);background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem;font-size:.88rem;line-height:1.5;overflow-x:auto}pre code{background:0 0;border:0;padding:0}:focus-visible{box-shadow:var(--focus);border-radius:6px;outline:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--primary);color:#fff;padding:.5rem 1rem;position:absolute;top:0;left:-9999px}.skip-link:focus{top:.5rem;left:1rem}.container{width:100%;max-width:1180px;margin:0 auto;padding:0 1.25rem}.container.narrow{max-width:820px}.container.wide{max-width:1480px}.muted{color:var(--text-muted)}.small{font-size:.875rem}.site-header{z-index:50;background:color-mix(in srgb, var(--bg-elev) 92%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(8px);backdrop-filter:saturate(1.4)blur(8px);border-bottom:1px solid var(--border);position:sticky;top:0}.header-inner{align-items:center;gap:1rem;max-width:1480px;height:60px;display:flex}.brand{color:var(--text);letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:.55rem;font-size:1.12rem;font-weight:800;text-decoration:none;display:inline-flex}.brand:hover{color:var(--text)}.section-switch{border:1px solid var(--border);border-radius:9px;flex:none;height:34px;display:inline-flex;overflow:hidden}.section-switch a{letter-spacing:.04em;color:var(--text-muted);background:var(--bg-elev);align-items:center;padding:0 .7rem;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}.section-switch a+a{border-left:1px solid var(--border)}.section-switch a:hover{color:var(--text);background:var(--bg-sunken)}.section-switch a.active{background:var(--primary);color:#fff}.main-nav{flex:1;gap:.2rem;margin-left:.5rem;display:flex;overflow-x:auto}.main-nav a{color:var(--text-muted);white-space:nowrap;border-radius:8px;padding:.4rem .65rem;font-size:.93rem;font-weight:500;text-decoration:none}.main-nav a:hover{color:var(--text);background:var(--bg-sunken)}.main-nav a.active{color:var(--primary);background:var(--primary-soft)}.header-actions{align-items:center;gap:.4rem;margin-left:auto;display:flex}.icon-btn{border:1px solid var(--border);background:var(--bg-elev);width:38px;height:38px;color:var(--text);cursor:pointer;border-radius:9px;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--bg-sunken)}.menu-btn,.theme-toggle .icon-moon,:root[data-theme=dark] .theme-toggle .icon-sun{display:none}:root[data-theme=dark] .theme-toggle .icon-moon{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .icon-sun{display:none}:root:not([data-theme=light]) .theme-toggle .icon-moon{display:block}}.lang-switch{border:1px solid var(--border);border-radius:9px;height:38px;display:inline-flex;overflow:hidden}.lang-switch a{color:var(--text-muted);background:var(--bg-elev);align-items:center;padding:0 .65rem;font-size:.85rem;text-decoration:none;display:inline-flex}.lang-switch a.active{background:var(--primary-soft);color:var(--primary);font-weight:600}@media (max-width:960px){.menu-btn{display:inline-grid}.main-nav{background:var(--bg-elev);border-bottom:1px solid var(--border);box-shadow:var(--shadow);flex-direction:column;margin:0;padding:.5rem 1rem 1rem;display:none;position:absolute;top:60px;left:0;right:0}.main-nav.open{display:flex}.main-nav a{padding:.7rem .75rem;font-size:1rem}}@media (max-width:520px){.brand-name{display:none}.header-inner{gap:.5rem}.section-switch a{padding:0 .5rem}}.lang-suggest{background:var(--primary-soft);border-bottom:1px solid var(--border);font-size:.92rem}.lang-suggest-inner{flex-wrap:wrap;align-items:center;gap:.75rem;padding-top:.5rem;padding-bottom:.5rem;display:flex}.site-main{flex:1;padding-bottom:3rem}.page-loading{min-height:60vh}.site-footer{border-top:1px solid var(--border);background:var(--bg-elev);padding:2rem 0 1.5rem}.footer-grid{grid-template-columns:1.4fr 1fr 1fr .8fr;gap:2rem;display:grid}.footer-grid h2{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 .6rem;font-size:.8rem}.footer-grid ul{margin:0;padding:0;list-style:none}.footer-grid li{margin:.3rem 0;font-size:.92rem}.footer-grid a{color:var(--text);text-decoration:none}.footer-grid a:hover{color:var(--primary);text-decoration:underline}.footer-brand p{margin:.6rem 0;font-size:.92rem}.copyright{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1rem}@media (max-width:760px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}.btn{border:1px solid var(--border);background:var(--bg-elev);color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.93rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover{background:var(--bg-sunken);color:var(--text)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:#fff}.btn-ghost{background:0 0;border-color:#0000}.btn-small{padding:.3rem .7rem;font-size:.85rem}.btn-large{padding:.8rem 1.4rem;font-size:1.02rem}.btn-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}input[type=text],input[type=number],input[type=url],input[type=search],select,textarea{font:inherit;color:var(--text);background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;min-width:0;padding:.42rem .6rem;font-size:.93rem}textarea{resize:vertical;width:100%}input[type=number]{width:5.2rem}input[type=range]{accent-color:var(--primary);min-width:0}input[type=checkbox],input[type=radio]{accent-color:var(--primary);width:1rem;height:1rem}input[type=color]{border:1px solid var(--border);background:var(--bg-elev);cursor:pointer;border-radius:7px;width:2.3rem;height:2rem;padding:2px}label{cursor:pointer}.field{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.45rem 0;display:flex}.field>.field-label{min-width:5.5rem;color:var(--text-muted);font-size:.88rem}.field-stack{flex-direction:column;gap:.3rem;margin:.55rem 0;display:flex}.field-stack>.field-label{color:var(--text-muted);font-size:.88rem}.check{align-items:center;gap:.35rem;font-size:.9rem;display:inline-flex}.segmented{border:1px solid var(--border);border-radius:8px;display:inline-flex;overflow:hidden}.segmented button{background:var(--bg-elev);color:var(--text-muted);font:inherit;cursor:pointer;border:0;border-right:1px solid var(--border);padding:.35rem .65rem;font-size:.85rem}.segmented button:last-child{border-right:0}.segmented button[aria-pressed=true]{background:var(--primary-soft);color:var(--primary);font-weight:600}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.25rem}.card h2:first-child,.card h3:first-child{margin-top:0}.page-head{padding:2rem 0 1.25rem}.page-head p{max-width:760px;color:var(--text-muted);margin:.25rem 0 0;font-size:1.05rem}.badge{color:var(--success);background:color-mix(in srgb, var(--success) 12%, transparent);border-radius:999px;align-items:center;gap:.35rem;margin-bottom:.75rem;padding:.2rem .65rem;font-size:.8rem;font-weight:600;display:inline-flex}.breadcrumbs{color:var(--text-muted);margin-bottom:.5rem;font-size:.85rem}.breadcrumbs a{color:var(--text-muted)}.hero{text-align:center;padding:3.5rem 0 2rem}.hero h1{word-break:keep-all;overflow-wrap:normal;line-break:strict;max-width:100%;margin:.5rem auto .75rem;font-size:clamp(1.85rem,1.15rem + 2.4vw,3rem)}.hero p.lead{color:var(--text-muted);max-width:720px;margin:0 auto 1.5rem;font-size:1.15rem}.hero .btn-row{justify-content:center}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin:1.5rem 0;display:grid}.tool-card{color:var(--text);flex-direction:column;gap:.4rem;text-decoration:none;transition:transform .15s,border-color .15s;display:flex}.tool-card:hover{border-color:var(--primary);color:var(--text);transform:translateY(-2px)}.tool-card .tool-icon{font-size:1.8rem;line-height:1}.tool-card h3{margin:.3rem 0 0}.tool-card p{color:var(--text-muted);margin:0;font-size:.93rem}.section-cards{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem;margin:1.5rem 0;display:grid}.section-card{flex-direction:column;gap:.5rem;display:flex}.section-card>p{color:var(--text-muted);margin:0}.section-card>.btn{align-self:flex-start;margin-top:auto}.section-card-head{align-items:center;gap:.75rem;display:flex}.section-card-head .tool-icon{font-size:2.2rem;line-height:1}.section-card-head h2{margin:0;font-size:1.3rem}.section-card-head h2 a{color:var(--text);text-decoration:none}.section-card-head h2 a:hover{color:var(--primary)}.section-card-head p{margin:0}.section-tool-list{flex-direction:column;gap:.55rem;margin:.25rem 0 .75rem;padding:0;list-style:none;display:flex}.section-tool-list li{border-top:1px solid var(--border);flex-direction:column;padding-top:.5rem;display:flex}.section-tool-list a{text-decoration:none}.hero .breadcrumbs{margin-bottom:.75rem}.privacy-band{background:color-mix(in srgb, var(--success) 7%, transparent);border:1px solid color-mix(in srgb, var(--success) 25%, var(--border));border-radius:var(--radius-lg);padding:.5rem 1.25rem .75rem}.privacy-band h2{margin-top:1rem}.feature-list{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem;padding:0;list-style:none;display:grid}.feature-list li{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.feature-list strong{margin-bottom:.2rem;display:block}.faq details{border:1px solid var(--border);background:var(--bg-elev);border-radius:var(--radius);margin:.5rem 0;padding:.2rem 1rem}.faq summary{cursor:pointer;padding:.6rem 0;font-weight:600}.faq details p{color:var(--text-muted);margin:0 0 .8rem}.prose{font-size:1.03rem}.prose p,.prose li{line-height:1.75}.prose table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.93rem;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:.45rem .7rem}.prose th{background:var(--bg-sunken)}.prose .tip{border-left:4px solid var(--primary);background:var(--primary-soft);border-radius:0 var(--radius) var(--radius) 0;margin:1rem 0;padding:.75rem 1rem}.article-meta{color:var(--text-muted);font-size:.9rem}.guide-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;padding:0;list-style:none;display:grid}.guide-list a{color:var(--text);height:100%;text-decoration:none;display:block}.guide-list a:hover h2,.guide-list a:hover h3{color:var(--primary)}.guide-list h2,.guide-list h3{margin:0 0 .4rem;font-size:1.1rem}.guide-list p{color:var(--text-muted);margin:0;font-size:.93rem}.with-sidebar{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:2rem;display:grid}.sidebar{flex-direction:column;gap:1rem;display:flex;position:sticky;top:80px}@media (max-width:980px){.with-sidebar{grid-template-columns:1fr}.sidebar{position:static}.sidebar .ad-sidebar{display:none}}.tool-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:1.25rem;display:grid}@media (max-width:900px){.tool-layout{grid-template-columns:1fr}}.dropzone{border:2px dashed var(--border);border-radius:var(--radius-lg);background:var(--bg-elev);text-align:center;padding:2.2rem 1rem;transition:border-color .15s,background .15s}.dropzone.dragging{border-color:var(--primary);background:var(--primary-soft)}.dropzone p{color:var(--text-muted);margin:.4rem 0}.dropzone .dz-icon{font-size:2rem}.size-picker{flex-wrap:wrap;gap:.35rem .8rem;margin:.4rem 0;display:flex}.size-picker label{font-variant-numeric:tabular-nums}.checker{background-color:var(--checker-a);background-image:linear-gradient(45deg, var(--checker-b) 25%, transparent 25%), linear-gradient(-45deg, var(--checker-b) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--checker-b) 75%), linear-gradient(-45deg, transparent 75%, var(--checker-b) 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px}.preview-strip{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.preview-cell{color:var(--text-muted);font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;gap:.2rem;font-size:.75rem;display:flex}.preview-cell canvas,.preview-cell img{image-rendering:auto;border-radius:3px;display:block}.result-list{flex-direction:column;gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.result-item{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.result-item .thumb{border:1px solid var(--border);border-radius:8px;flex:none;place-items:center;width:64px;height:64px;display:grid;overflow:hidden}.result-item .thumb img,.result-item .thumb canvas{max-width:64px;max-height:64px}.result-item .meta{flex:1;min-width:160px}.result-item .meta strong{word-break:break-all;display:block}.error-text{color:var(--danger)}.entry-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.9rem;display:grid}.entry-card{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.entry-card .entry-preview{border:1px solid var(--border);border-radius:8px;place-items:center;width:140px;height:140px;display:grid}.entry-card .entry-preview img{image-rendering:pixelated}.pdf-item{border-top:1px solid var(--border);margin-top:.9rem;padding-top:.9rem}.pdf-item-title{word-break:break-all;flex:1;min-width:0}.page-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:.6rem;max-height:560px;padding:2px;display:grid;overflow-y:auto}.page-thumb{border:2px solid var(--border);background:var(--bg-elev);color:var(--text-muted);font:inherit;cursor:pointer;text-align:center;border-radius:10px;flex-direction:column;gap:.25rem;padding:.3rem;font-size:.78rem;display:flex}.page-thumb:disabled{cursor:default}.page-thumb.selected{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.page-thumb-img{aspect-ratio:1/1.414;background:#fff;border-radius:4px;place-items:center;width:100%;display:grid;overflow:hidden}.page-thumb-img img{object-fit:contain;width:100%;height:100%;display:block}.page-thumb:not(.selected) .page-thumb-img img{opacity:.55}.page-thumb-ph{background:repeating-linear-gradient(#e3e6ec 0 6px,#0000 6px 14px);border-radius:2px;width:60%;height:50%}.page-thumb-label{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:.3rem;display:inline-flex}.page-check{border:1.5px solid;border-radius:4px;place-items:center;width:1rem;height:1rem;font-size:.7rem;line-height:1;display:inline-grid}.page-thumb.selected .page-check{background:var(--primary);border-color:var(--primary);color:#fff}.dpi-grid{grid-template-columns:repeat(5,1fr);gap:.35rem;display:grid}.dpi-option{border:1px solid var(--border);background:var(--bg-elev);text-align:center;border-radius:8px;flex-direction:column;align-items:center;padding:.35rem .2rem;line-height:1.25;display:flex;position:relative}.dpi-option input{opacity:0;pointer-events:none;position:absolute}.dpi-option:has(input:focus-visible){box-shadow:var(--focus)}.dpi-option.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.dpi-option .small{font-size:.7rem}.pdf-progress{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.pdf-progress progress{width:100%;height:10px;accent-color:var(--primary)}.pdf-password{margin-top:.4rem}.result-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.9rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.result-card{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.4rem;padding:.6rem;display:flex}.result-thumb{background:var(--bg-sunken);border-radius:6px;place-items:center;height:150px;display:grid;overflow:hidden}.result-thumb img{object-fit:contain;max-width:100%;max-height:150px}.result-meta{flex-direction:column;min-width:0;display:flex}.result-meta strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ad-tool-sidebar{margin-top:1rem}@media (max-width:900px){.ad-tool-sidebar{display:none}}.snippet{position:relative}.snippet .btn{position:absolute;top:.5rem;right:.5rem}.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:.3rem;display:grid}.emoji-grid button{border:1px solid var(--border);background:var(--bg-elev);cursor:pointer;border-radius:8px;height:42px;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:1.45rem;line-height:1}.emoji-grid button[aria-pressed=true]{border-color:var(--primary);background:var(--primary-soft)}.big-preview{border-radius:var(--radius-lg);place-items:center;padding:1rem;display:grid}.big-preview canvas{aspect-ratio:1;width:256px;max-width:100%;height:auto}.section{margin-top:2.5rem}.howto ol{padding-left:1.3rem}.howto li{margin:.3rem 0}.ad-slot{text-align:center;width:100%;margin:1.5rem auto;display:block;overflow:hidden}.ad-slot .ad-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.2rem;font-size:.7rem;display:block}.ad-placeholder{border:2px dashed color-mix(in srgb, var(--accent) 70%, var(--border));border-radius:var(--radius);color:var(--text-muted);font-size:.8rem;font-family:var(--mono);background:color-mix(in srgb, var(--accent) 6%, transparent);place-items:center;display:grid}.ad-sidebar{margin:0}.consent-banner{z-index:90;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:720px;box-shadow:var(--shadow);flex-wrap:wrap;align-items:center;gap:1rem;margin:0 auto;padding:.9rem 1.1rem;font-size:.9rem;display:flex;position:fixed;bottom:1rem;left:1rem;right:1rem}.consent-banner p{flex:1;min-width:240px;margin:0}.consent-actions{gap:.5rem;display:flex}.toast{background:var(--text);color:var(--bg);z-index:95;box-shadow:var(--shadow);border-radius:10px;max-width:calc(100vw - 2rem);padding:.6rem 1rem;font-size:.9rem;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%)}.fav-tab{background:var(--bg-sunken);border:1px solid var(--border);border-bottom:none;border-radius:10px 10px 0 0;align-items:center;gap:.5rem;max-width:240px;padding:.45rem .75rem;font-size:.82rem;display:flex}.fav-tab span:first-of-type{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.fav-tab img,.fav-home img{image-rendering:auto}.fav-home{color:#fff;background:linear-gradient(135deg,#3a4a6b,#1d2536);border-radius:14px;flex-direction:column;align-items:center;gap:.3rem;padding:.9rem 1.2rem;font-size:.75rem;display:inline-flex}.fav-home img{border-radius:14px}.link-button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:none}.link-button:hover{text-decoration:underline}