:root{font-family:Pretendard,'Apple SD Gothic Neo','Malgun Gothic',Arial,sans-serif;color:#17253a;font-size:16px;line-height:1.65;background:#f7f9fd;--accent:#326bf2;--accent-dark:#1a4dbf;--muted:#64748b;--border:#dfe6f1;--surface:#fff;--soft:#eef4ff;--shadow:0 12px 42px rgba(29,68,133,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%}:focus-visible{outline:3px solid #85b2ff;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.3;letter-spacing:-.045em}h1{font-size:clamp(2.05rem,5vw,3.5rem);font-weight:850}h2{font-size:clamp(1.42rem,3vw,1.9rem);font-weight:800}h3{font-size:1.12rem}p{color:#48566a}.wrap{max-width:1050px;margin:auto;padding-inline:25px}.top{background:#fff;border-bottom:1px solid var(--border)}.top-inner{height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:900;letter-spacing:-.06em;font-size:1.3rem;display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--accent);color:#fff;font-size:.82rem;font-weight:850}.nav{display:flex;gap:26px;align-items:center}.nav a{font-size:.9rem;color:#4c5f78}.nav a:hover,.nav a[aria-current=page]{color:var(--accent);font-weight:800}.hero{padding:70px 0 26px}.eyebrow{font-size:.78rem;font-weight:800;color:var(--accent);letter-spacing:.09em;text-transform:uppercase;margin-bottom:17px}.hero h1{max-width:750px;margin-bottom:17px}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{font-size:1.06rem;max-width:750px}.pill-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:23px}.pill{border:1px solid var(--border);border-radius:40px;background:#fff;padding:5px 12px;font-size:.79rem;color:#415267}.converter{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);margin:22px 0 55px;overflow:hidden}.tabs{display:flex;align-items:center;gap:4px;padding:8px;background:var(--soft);border-bottom:1px solid var(--border)}.tabs a{padding:15px 20px;border-radius:12px;font-weight:800;color:#536782;font-size:.92rem;text-align:center;flex:1}.tabs a.active{background:#fff;color:var(--accent);box-shadow:0 3px 13px rgba(25,71,128,.09)}.tool-body{padding:29px 35px 30px}.tool-head{margin-bottom:17px}.tool-head h2{margin-bottom:7px}.tool-head p{margin:0;font-size:.93rem}.drop{border:2px dashed #b7c7df;background:#fafcff;padding:34px 20px 28px;text-align:center;border-radius:14px;transition:background .2s,border .2s;cursor:pointer}.drop:hover,.drop.dragging{background:var(--soft);border-color:var(--accent)}.drop-emoji{display:block;font-size:2rem;margin-bottom:4px}.drop strong{display:block;color:#22334f;font-size:1.1rem}.drop p{font-size:.84rem;margin:5px 0 18px}.pick{display:inline-block;border:0;background:var(--accent);color:#fff;font-weight:800;padding:11px 22px;border-radius:9px}.pick:hover{background:var(--accent-dark)}#fileInput{display:none}.privacy-note{font-size:.78rem;margin:13px 0 0;text-align:center;color:var(--muted)}#preview{margin:12px 0;max-height:230px;overflow:auto}.file-row{display:flex;align-items:center;gap:8px;padding:10px 12px;margin:6px 0;border-radius:9px;background:#f6f8fd;color:#334155;font-size:.82rem}.file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-row>span:first-child{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini{font-size:.78rem;line-height:1.2;border:1px solid #dce4ef;background:white;border-radius:7px;padding:5px 8px;color:#53627b}.mini:disabled{opacity:.3}.options{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.option label{font-size:.82rem;color:#34445e;font-weight:750;display:block;margin-bottom:6px}.option select,.option input{width:100%;height:44px;border:1px solid #dce3ed;border-radius:9px;background:#fff;color:#273449;padding:0 11px}.option small{color:var(--muted);font-size:.72rem}.options.pdf-options{grid-template-columns:repeat(2,1fr)}.action{margin-top:20px;width:100%;height:53px;border:0;border-radius:11px;font-weight:850;background:var(--accent);color:#fff;font-size:1.02rem}.action:disabled{opacity:.47;cursor:not-allowed}.action:not(:disabled):hover{background:var(--accent-dark)}#status{margin:14px 0 0;font-size:.85rem;color:#55708d;min-height:21px}#status[data-state=error]{color:#bc344a}#progress{width:100%;height:8px;accent-color:var(--accent);margin-top:10px}#downloadBox{margin-top:14px}.download-link{display:block;background:#ebf8f0;border:1px solid #b9e1ca;color:#17683f;font-weight:800;text-align:center;padding:14px;border-radius:11px;word-break:break-all}.section{padding:10px 0 36px}.section-head{margin-bottom:26px}.section-head p{max-width:700px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.step{background:#fff;border:1px solid var(--border);border-radius:15px;padding:24px}.step b{display:inline-grid;place-items:center;background:var(--soft);color:var(--accent);border-radius:10px;width:37px;height:37px;margin-bottom:17px}.step h3{margin-bottom:8px}.step p{font-size:.89rem;margin:0}.seo-body{background:#fff;border:1px solid var(--border);padding:28px 32px;border-radius:15px;margin-top:20px}.seo-body h2{font-size:1.5rem;margin:23px 0 12px}.seo-body h2:first-child{margin-top:0}.seo-body p{line-height:1.87}.seo-body ul{padding-left:21px;color:#48566a;line-height:1.9}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related a{display:block;background:#fff;border:1px solid var(--border);border-radius:13px;padding:18px;font-weight:750;color:var(--accent)}.related a span{display:block;color:var(--muted);font-size:.77rem;font-weight:400;margin-top:5px}.faq{padding-bottom:45px}.faq details{background:white;border:1px solid var(--border);border-radius:12px;margin:9px 0;padding:16px 20px}.faq summary{cursor:pointer;font-weight:770;color:#20324c}.faq details p{font-size:.93rem;margin:12px 0 2px;line-height:1.8}.footer{border-top:1px solid var(--border);padding:30px 0;margin-top:44px;background:#fff}.footer-inner{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.footer small{color:var(--muted);font-size:.77rem}.footer-links{display:flex;gap:17px;flex-wrap:wrap}.footer-links a{font-size:.8rem;color:#637187}.simple-page{padding:65px 0;max-width:900px}.simple-page h1{font-size:2.2rem}.simple-page p{line-height:1.9}.notice{border-left:3px solid var(--accent);background:var(--soft);padding:15px 20px;border-radius:8px;font-size:.87rem;color:#40506b;margin:20px 0}.skip{position:absolute;top:-70px;left:10px;background:#fff;z-index:3;padding:10px}.skip:focus{top:10px}
/* BloggerJD alternate layout: warmer, slimmer typography, pronounced centered hero and compact form */
.theme-blogger{--accent:#de654b;--accent-dark:#b44d39;--soft:#fff1e8;--border:#eee0d4;--surface:#fffefa;--shadow:0 10px 30px rgba(123,75,38,.06);background:#fffaf4;color:#2b302c}.theme-blogger .top{background:#fffaf4}.theme-blogger .hero{text-align:center;padding:65px 0 25px}.theme-blogger .hero h1{margin:0 auto 15px;max-width:800px}.theme-blogger .hero p{margin:0 auto;max-width:720px}.theme-blogger .pill-row{justify-content:center}.theme-blogger .converter{max-width:815px;margin:17px auto 53px;border-radius:14px}.theme-blogger .tabs{background:#fff4ec}.theme-blogger .tabs a.active{border-radius:7px}.theme-blogger .tool-body{padding:26px 29px}.theme-blogger .drop{background:#fffdf8;border-radius:9px;border-color:#e7c9b7}.theme-blogger .drop strong{color:#4b4039}.theme-blogger .step{border-radius:8px}.theme-blogger .step b{border-radius:50%}.theme-blogger .seo-body{border-radius:8px}.theme-blogger .footer{background:#fffaf4}.theme-blogger .related a{color:#ba533d}
@media(max-width:720px){.wrap{padding-inline:16px}.top-inner{height:auto;min-height:65px;flex-wrap:wrap;padding-top:12px;padding-bottom:10px;gap:10px}.nav{width:100%;gap:12px;justify-content:space-between}.nav a{font-size:.75rem}.hero,.theme-blogger .hero{padding:39px 0 12px}.hero p{font-size:.93rem}.converter{margin-bottom:40px;border-radius:14px}.tabs a{padding:11px 6px;font-size:.78rem}.tool-body,.theme-blogger .tool-body{padding:21px 14px}.drop{padding:26px 10px}.options,.options.pdf-options{grid-template-columns:repeat(2,1fr);gap:11px}.options>.option:last-child:nth-child(odd){grid-column:span 2}.steps,.related{grid-template-columns:1fr}.step{padding:18px}.seo-body{padding:22px 18px}.footer-inner{align-items:start;flex-direction:column}.hero h1{font-size:clamp(2rem,9vw,2.8rem)}}