:root{--ink:#203e35;--muted:#74817a;--green:#176454;--green-dark:#104c40;--pale:#edf3e8;--bg:#f8faf5;--line:#dfe7dc;--accent:#dcf2b3;--error:#a23a32}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Pretendard,"Noto Sans KR","Malgun Gothic",system-ui,sans-serif;font-size:14px;line-height:1.6}button,input,select{font:inherit}button{cursor:pointer}button,a,summary,input{outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.42}a{color:inherit;text-decoration:none}button{border:0}svg{display:block}header,main,footer{max-width:1200px;margin:auto;padding-left:38px;padding-right:38px}.site-header{height:100px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:var(--green);font-size:18px;line-height:1.15;font-weight:850;letter-spacing:1px}.brand svg{width:35px;height:35px}.brand small{display:block;font-size:9px;letter-spacing:.2px;color:var(--muted);font-weight:500;margin-top:5px}nav{display:flex;gap:27px;align-items:center;font-size:12px;color:#627168}.home-link{padding:8px 13px;border:1px solid var(--line);border-radius:7px;font-size:11px}nav a:hover{color:var(--green)}.hero{padding:57px 0 39px;position:relative;overflow:hidden}.eyebrow{font-size:10px;color:var(--green);letter-spacing:2px;font-weight:800;margin:0 0 14px;display:flex;align-items:center;gap:7px}.hero .eyebrow>span{height:6px;width:6px;background:#6c9b62;border-radius:50%}h1{font-size:49px;line-height:1.27;font-weight:800;letter-spacing:-2.6px;margin:0 0 17px}h1 em{font-style:normal;color:var(--green);position:relative;z-index:1}h1 em:after{content:"";position:absolute;left:0;right:2px;bottom:4px;height:12px;background:#e3efcb;z-index:-1;border-radius:3px}.hero>p{font-size:14px;line-height:1.8;color:#6b786e;margin:0}.mobile-break{display:none}.hero-badges{display:flex;gap:20px;margin-top:22px;flex-wrap:wrap}.hero-badges>span{display:flex;gap:6px;font-size:10px;color:#5d7465;align-items:center}.hero-badges svg{width:15px;height:15px;stroke:#5e8269;stroke-width:1.25;fill:none}.hero-orbit{position:absolute;right:48px;top:73px;display:flex;align-items:center;gap:25px;transform:rotate(-10deg)}.hero-orbit>span{display:flex;align-items:center;justify-content:center;width:112px;height:139px;border:1px solid #cadbc3;background:linear-gradient(135deg,#eef4e6,#e0eacb);border-radius:13px;color:#608460;font-size:25px;font-weight:750;box-shadow:5px 8px 0 #e8eee1;letter-spacing:1px}.hero-orbit>span:last-child{transform:rotate(19deg);background:linear-gradient(130deg,#246a56,#154f42);color:#e1f0bc;border-color:#1b5a47;box-shadow:5px 8px 0 #d3e0cd}.hero-orbit>b{font-size:28px;color:#91ad88;font-weight:400}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 346px;border:1px solid var(--line);border-radius:17px;background:white;box-shadow:0 12px 35px #284a3310;overflow:hidden;align-items:stretch}.upload-panel{padding:26px 29px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.step-label{display:flex;gap:9px;align-items:center}.step-label>span{font-size:10px;font-weight:750;line-height:1;letter-spacing:.8px;color:#78906d;background:#eff4e9;padding:6px 7px;border-radius:5px}.step-label h2{font-size:15px;letter-spacing:-.4px;margin:0;font-weight:750}.file-count{background:#eff4ea;color:#6d8465;font-variant-numeric:tabular-nums;font-size:11px;padding:4px 10px;border-radius:5px}.dropzone{background:radial-gradient(ellipse at 50% 30%,#f9fcf5,#f5f9ef);border:1.5px dashed #c6d7b7;border-radius:11px;text-align:center;padding:31px 16px 23px;transition:background .15s,border-color .15s}.dropzone.dragover{border-color:var(--green);background:#e6f0da;box-shadow:inset 0 0 0 2px #17645433}.dropzone.locked{opacity:.72}.upload-mark{width:58px;height:58px;margin:0 auto 14px;background:#e6efd9;display:flex;align-items:center;justify-content:center;border-radius:16px;transform:rotate(-5deg)}.upload-mark svg{stroke:#699565;fill:none;width:30px;height:30px;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transform:rotate(5deg)}.dropzone h3{font-size:15px;letter-spacing:-.4px;margin:0 0 4px;font-weight:700}.dropzone>p{font-size:11px;color:#85917f;margin:0 0 16px}.pick-button{background:var(--green);color:white;font-size:12px;font-weight:650;display:inline-flex;align-items:center;gap:7px;border-radius:7px;padding:10px 18px}.pick-button span{font-size:17px;font-weight:400}.pick-button:hover:not(:disabled){background:var(--green-dark)}.allowed-formats{display:flex;gap:6px;justify-content:center;margin:19px 0 8px}.allowed-formats span{font-size:9px;font-weight:650;letter-spacing:.5px;border:1px solid #d8e2cd;background:#fcfef8;padding:2px 8px;border-radius:4px;color:#7e9071}.dropzone>small{font-size:9px;color:#98a38f}.empty-state{margin:25px 0 5px;display:flex;align-items:center;justify-content:center;gap:7px;color:#9aa294;font-size:11px;min-height:45px}.empty-state svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.2}.queue-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 10px;font-size:10px;color:#7f8d7c}.queue-head>div{display:flex;gap:13px}.queue-head button{background:transparent;padding:3px 0;color:#6b8066;font-size:10px}.queue-head button:hover:not(:disabled){color:var(--green)}.file-list{list-style:none;padding:0;margin:0;max-height:440px;overflow:auto}.file-row{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #edf1e8;min-width:0}.file-row:last-child{border-bottom:0}.thumbnail{height:48px;width:48px;min-width:48px;border:1px solid var(--line);border-radius:7px;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#f4f6ef;background-image:linear-gradient(45deg,#e6eadd 25%,transparent 25%),linear-gradient(-45deg,#e6eadd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e6eadd 75%),linear-gradient(-45deg,transparent 75%,#e6eadd 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}.thumbnail img{width:100%;height:100%;object-fit:contain}.thumbnail svg{width:22px;height:22px;color:#adb9a4}.file-details{min-width:0;flex:1}.file-name{font-size:11px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.file-meta{font-size:9px;color:#8c9984;line-height:1.7;margin-top:2px}.file-status{font-size:9px;color:#8a9881;line-height:1.5;margin-top:2px;overflow-wrap:anywhere}.file-status.error-text{color:var(--error)}.file-status.success-text{color:var(--green)}.file-status.animation-note{color:#997246}.file-row[data-state=converting] .thumbnail{animation:pulse 1.1s infinite}.file-actions{display:flex;gap:9px;align-items:center}.remove-file{color:#9ba694;background:transparent;width:21px;height:25px;font-size:20px;line-height:1}.download-one{padding:6px 9px;background:#edf5e7;border:1px solid #dce8d3;border-radius:5px;font-size:10px;font-weight:650;color:var(--green);white-space:nowrap}.download-one:hover{background:#e0edd8}.settings-panel{background:#fbfcf8;border-left:1px solid var(--line);padding:26px 26px}.settings-panel>.step-label{margin-bottom:22px}fieldset{border:0;margin:0;padding:0;min-width:0}.field-label{display:block;font-size:11px;color:#6c7d64;margin-bottom:9px;font-weight:600}.format-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.format-option{position:relative;cursor:pointer}.format-option input{position:absolute;opacity:0;width:1px;height:1px}.format-option>span{border:1px solid #dce4d5;border-radius:8px;padding:12px 13px;background:#fff;display:block;min-height:66px}.format-option strong{display:block;font-size:13px;font-weight:750;letter-spacing:.1px}.format-option small{font-size:9px;color:#91a084;display:block;margin-top:2px}.format-option i{font-style:normal;position:absolute;top:11px;right:11px;font-size:10px;color:var(--green);opacity:0}.format-option input:checked+span{border-color:#4d8968;box-shadow:0 0 0 1px #4d896840;background:#f0f6e8;color:var(--green)}.format-option input:checked~i{opacity:1}.format-option input:focus-visible+span{outline:2px solid var(--green);outline-offset:3px}fieldset:disabled .format-option{cursor:not-allowed;opacity:.6}.format-help{font-size:10px;color:#85957b;line-height:1.7;margin:10px 0 0;min-height:34px}.option-setting{margin-top:20px}.field-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#5d7455;font-weight:600;gap:10px}.field-row output{font-size:11px;background:#ebf2e3;padding:2px 7px;border-radius:4px;min-width:38px;text-align:center;font-variant-numeric:tabular-nums}.field-row>span{font-size:10px;color:#8d9c83;font-weight:400}input[type=range]{width:100%;accent-color:var(--green);height:4px;margin:17px 0 10px;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:9px;color:#9ca78f}.color-field{display:flex;align-items:center;gap:9px;margin-top:11px}.color-field input{width:40px;height:29px;background:white;border:1px solid #d6e0cd;border-radius:4px;padding:2px;cursor:pointer}.color-field span{font-size:9px;color:#8b9b7e}.settings-note{display:flex;align-items:start;gap:7px;border-top:1px solid #e6ecdf;margin-top:21px;padding-top:18px}.settings-note>svg{width:15px;height:15px;min-width:15px;stroke:#8b9b7b;fill:none;stroke-width:1.2;margin-top:2px}.settings-note strong{font-size:10px;font-weight:600;color:#748566}.settings-note p{font-size:10px;color:#8a987c;line-height:1.8;margin:4px 0}.settings-note b{font-weight:700;color:#6c825d}.conversion-actions{border-top:1px solid #e6ecdf;margin-top:18px;padding-top:20px}.primary-button{background:var(--green);color:white;width:100%;border-radius:8px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:650;font-size:12px}.primary-button svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.4}.primary-button:hover:not(:disabled){background:var(--green-dark)}.primary-button:disabled{opacity:1;background:#dbe6cf;color:#8fa180}.target-line{text-align:center;color:#a1ab96;font-size:9px;margin-top:8px}.target-line strong{font-weight:650;color:#82936e}.zip-button{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #d3dfc8;width:100%;padding:11px 12px;border-radius:8px;color:#607952;background:#fff;font-weight:600;font-size:11px;margin-top:18px}.zip-button svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.3}.zip-button:hover:not(:disabled){background:#eef5e6}.zip-button:disabled{opacity:.55}.progress-wrap{margin-top:15px}.progress-label{font-size:9px;color:var(--green);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}progress{width:100%;height:5px;accent-color:var(--green);display:block;margin-top:6px;border:0;border-radius:4px;overflow:hidden}progress::-webkit-progress-bar{background:#e2ebd9}progress::-webkit-progress-value{background:var(--green)}.cancel-button{background:transparent;color:#7a886d;font-size:10px;text-decoration:underline;text-underline-offset:3px;margin:10px auto 0;display:block;padding:2px}.notice{padding:11px 13px;border:1px solid #dce7d3;border-radius:7px;background:#f3f8ec;color:#5c7955;font-size:11px;line-height:1.8;overflow-wrap:anywhere;margin-top:18px}.notice[data-kind=error]{color:#98534a;border-color:#ead4c8;background:#fcf5ef}.notice[data-kind=success]{color:#27674e;border-color:#cce0c5;background:#eff8e9}.summary{display:flex;gap:13px;align-items:center;background:#eaf3df;border:1px solid #d3e3be;border-radius:11px;padding:18px 23px;margin-top:16px}.summary-check{font-size:17px;min-width:30px;width:30px;height:30px;background:#d6e9bd;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--green)}.summary h2{font-size:13px;margin:0 0 4px}.summary p{font-size:11px;color:#73886b;margin:0}.how-to{padding:54px 0 39px}.section-top{display:flex;align-items:center;gap:24px;margin-bottom:25px}.section-top .eyebrow{margin-bottom:7px;font-size:9px;color:#91a381;letter-spacing:1.6px}.section-top h2{font-size:23px;letter-spacing:-1px;margin:0;font-weight:750}.section-rule{height:1px;background:var(--line);flex:1;margin-top:12px}.steps{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}.steps article{border-left:1px solid #d6e3ca;padding-left:19px}.steps article>span{font-size:11px;color:#91aa7a;font-weight:700;letter-spacing:1px}.steps h3{font-size:13px;font-weight:650;margin:9px 0 6px;letter-spacing:-.3px}.steps p{font-size:11px;color:#89957f;line-height:1.9;margin:0}.faq{padding:18px 0 43px;display:grid;grid-template-columns:1fr 1.5fr;gap:30px;border-top:1px solid #e5ebdd}.faq>.section-top{align-items:start;padding-top:21px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:550;padding:16px 0;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:17px;color:#9aa98a;font-weight:400}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list p{font-size:11px;line-height:1.9;color:#839578;margin:0 0 17px}.privacy-strip{border-radius:11px;display:flex;align-items:center;gap:15px;padding:22px 26px;background:#eef3e6;margin-bottom:32px}.privacy-strip>svg{width:27px;height:30px;stroke:#83a368;fill:none;stroke-width:1.2;min-width:27px}.privacy-strip strong{font-size:12px;font-weight:650;color:#547248}.privacy-strip p{font-size:10px;color:#91a17e;margin:4px 0 0}.privacy-strip>span{margin-left:auto;font-size:9px;border:1px solid #d1dfc1;padding:5px 10px;border-radius:5px;color:#7e9864;white-space:nowrap}footer{display:flex;align-items:center;gap:17px;padding-top:23px;padding-bottom:30px;border-top:1px solid var(--line);color:#99a58f;font-size:10px}.footer-brand{font-weight:850;font-size:13px;letter-spacing:1px;color:#54764a}footer>a:last-child{margin-left:auto;font-size:10px}.skip-link{position:fixed;z-index:10;left:12px;top:-70px;background:var(--green);color:white;padding:10px 20px;border-radius:6px}.skip-link:focus{top:10px}.sr-only{position:absolute;height:1px;width:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript{position:fixed;bottom:0;padding:14px;width:100%;background:#f8e6de;color:#833b2b;text-align:center}[hidden]{display:none!important}@keyframes pulse{50%{opacity:.45}}@media(max-width:1000px){header,main,footer{padding-left:28px;padding-right:28px}.hero-orbit{right:25px;gap:17px}.hero-orbit>span{width:88px;height:115px;font-size:21px}.workspace{grid-template-columns:minmax(0,1fr) 300px}.upload-panel{padding:23px}.settings-panel{padding:23px}.hero-badges{gap:14px}.hero>p{font-size:12px}h1{font-size:44px}}@media(max-width:780px){.hero-orbit{display:none}.workspace{grid-template-columns:1fr}.settings-panel{border-left:0;border-top:1px solid var(--line)}.settings-panel fieldset{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.settings-panel .field-label,.format-grid,.format-help{grid-column:1}.settings-panel .option-setting{grid-column:2;grid-row:2/4;margin:0}.settings-panel .settings-note{grid-column:1/-1}.format-help{min-height:0}.conversion-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}.primary-button{grid-column:1}.zip-button{grid-column:2;grid-row:1;margin:0}.target-line{grid-column:1/-1;grid-row:2;margin:0}.progress-wrap{grid-column:1/-1;margin-top:5px}.cancel-button{grid-column:1/-1;margin:0 auto}.hero{padding:37px 0 29px}h1{font-size:40px}.site-header{height:82px}nav{gap:17px;font-size:10px}.home-link{display:none}.steps{gap:18px}.steps article{padding-left:15px}.steps h3{font-size:12px}.steps p{font-size:10px}.faq{grid-template-columns:1fr;gap:0}.faq>.section-top{margin-bottom:12px}.privacy-strip>span{display:none}.privacy-strip{padding:20px}.dropzone{padding:25px 15px 21px}}@media(max-width:480px){header,main,footer{padding-left:20px;padding-right:20px}.brand{font-size:15px}.brand svg{height:31px;width:31px}.brand small{font-size:8px}nav{gap:13px;font-size:9px}h1{font-size:36px;letter-spacing:-1.8px}.hero>p{font-size:11px}.mobile-break{display:block}.hero-badges{gap:8px 13px}.hero-badges>span{font-size:9px}.upload-panel,.settings-panel{padding:20px}.settings-panel fieldset{display:block}.option-setting{margin-top:18px!important}.format-grid{gap:8px}.format-option>span{padding:11px 13px}.dropzone h3{font-size:14px}.dropzone>small{font-size:8px}.conversion-actions{display:block}.zip-button{margin-top:14px}.target-line{margin-top:8px}.progress-wrap{margin-top:13px}.cancel-button{margin-top:9px}.steps{grid-template-columns:1fr;gap:19px}.steps article{position:relative;padding-left:45px}.steps article>span{position:absolute;left:12px;top:9px}.steps article h3{margin:0 0 3px;font-size:13px}.steps article p{font-size:11px}.steps article p br{display:none}.section-top h2{font-size:22px}.how-to{padding-top:38px}.file-actions{gap:4px}.download-one{padding:5px 7px;font-size:9px}.thumbnail{width:40px;height:40px;min-width:40px}.file-name{font-size:10px}.file-meta,.file-status{font-size:8px}.file-row{gap:8px}.empty-state{font-size:10px}.summary{padding:15px}.summary p{font-size:10px}.privacy-strip strong{font-size:11px}.privacy-strip p{font-size:9px}.privacy-strip{padding:17px;gap:11px}footer{font-size:8px;gap:10px;flex-wrap:wrap}.footer-brand{font-size:11px}.hero .eyebrow{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* Keep functional controls and file details readable on narrow screens. */
.field-label,.field-row{font-size:12px}.format-option strong{font-size:14px}.format-option small{font-size:11px}.format-help{font-size:12px}.settings-note strong{font-size:12px}.settings-note p{font-size:11px}.pick-button{font-size:13px}.primary-button{font-size:14px}.zip-button{font-size:12px}.file-name{font-size:12px}.file-meta,.file-status{font-size:10px}.notice{font-size:12px}.download-one{font-size:11px}.dropzone>small{font-size:10px}.allowed-formats span{font-size:10px}.faq-list p{font-size:12px}.steps p{font-size:12px}.range-labels{font-size:10px}.target-line{font-size:10px}

.notice{white-space:pre-line}