:root{--green:#185a47;--green-dark:#104332;--ink:#203830;--muted:#6c7771;--border:#dfe5dc;--paper:#fafbf7;--soft:#edf2e9}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:Pretendard,"Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.6}button,input,select{font:inherit}button,a,input,select,summary{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button{border:0}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #90b9a6;outline-offset:4px}input:focus,select:focus{outline:2px solid #90b9a6;outline-offset:2px}button,select,input{max-width:100%}[hidden]{display:none!important}.header{max-width:1200px;margin:auto;min-height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid var(--border)}.brand{display:inline-flex;align-items:center;text-decoration:none;font-size:23px;font-weight:800;letter-spacing:-1px;gap:0}.brand>span:not(.brand-icon){color:var(--green);font-weight:500}.brand-icon{width:34px;height:37px;display:grid;place-items:center;background:var(--green);color:white;margin-right:10px;font-size:19px;border-radius:8px 8px 8px 2px;transform:rotate(-5deg)}.header-note{font-size:12px;color:var(--green);display:flex;gap:7px;align-items:center}.green-dot{width:6px;height:6px;background:var(--green);border-radius:50%}main{max-width:1080px;margin:auto;padding:0 32px}.intro{text-align:center;padding:61px 0 39px}.eyebrow{font-size:11px;letter-spacing:1.8px;color:var(--green);font-weight:700}.intro .eyebrow{letter-spacing:.8px;font-size:12px}.intro h1{font-size:43px;line-height:1.32;letter-spacing:-2px;margin:17px 0 18px;font-weight:750}.intro p{color:var(--muted);font-size:14px;line-height:1.8;margin:0}.mobile-only{display:none}.workspace{background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 14px 50px #24433305}.tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--border);background:#f2f4ef}.tab{padding:21px 10px;background:transparent;color:#7c847e;font-size:15px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:650;position:relative}.tab.active{background:white;color:var(--green)}.tab.active:after{content:"";height:3px;background:var(--green);position:absolute;bottom:-1px;left:24%;right:24%;border-radius:2px}.tab-icon{border:1px solid currentColor;border-radius:3px;font-size:8px;line-height:19px;width:25px;height:21px;letter-spacing:0;font-weight:700}.tab-icon.picture{font-size:21px;line-height:19px}section[role=tabpanel]{padding:30px 36px 0}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.panel-heading h2{font-size:21px;letter-spacing:-.6px;margin:0 0 5px}.panel-heading p{color:var(--muted);font-size:12px;margin:0}.step-chip{font-size:9px;color:#8d978e;letter-spacing:1.2px}.dropzone{border:1.5px dashed #b6c9b7;border-radius:12px;background:#f6f8f2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:27px 16px 24px;gap:4px;cursor:pointer;transition:.15s}.dropzone:hover,.dropzone.dragging{background:#eaf2e7;border-color:var(--green)}.dropzone:focus-within{outline:2px solid var(--green)}.dropzone strong{font-size:15px;font-weight:650}.dropzone>span:not(.upload-art){font-size:12px;color:var(--muted)}.choose-link{color:var(--green);text-decoration:underline;text-underline-offset:3px;font-weight:650}.dropzone small{font-size:10px;color:#869084;margin-top:9px}.upload-art{width:45px;height:55px;position:relative;margin:0 0 12px;display:block;transform:rotate(-6deg)}.upload-art svg{height:100%;width:100%;fill:white;stroke:#68937a;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.upload-art b{font-size:8px;background:#e0ebd9;color:var(--green);position:absolute;top:23px;right:-8px;padding:2px 5px;border-radius:3px;border:1px solid #b9d0ad}.image-art{width:57px;transform:rotate(5deg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.filebar{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border);border-radius:9px;padding:12px 15px;margin-top:13px;gap:15px}.filebar div{min-width:0}.filebar strong{display:block;font-size:12px;overflow-wrap:anywhere}.filebar span{font-size:11px;color:var(--muted)}.options{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px;margin-top:26px}.field{min-width:0}.field>label{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:650;margin-bottom:7px}.field output{font-size:11px;color:var(--green)}select,input[type=text],input[type=password]{width:100%;height:42px;border:1px solid var(--border);border-radius:7px;background:#fff;color:var(--ink);padding:0 12px;font-size:12px}select{cursor:pointer;padding-right:8px}input::placeholder{color:#9ba29b}input[type=range]{width:100%;height:37px;accent-color:var(--green)}.field small{display:block;color:#939c92;font-size:10px;margin-top:5px}.action-row{margin-top:24px;padding:23px 0;display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #edf0e9}.hint{color:#8a958b;font-size:10px}.primary{border:1px solid var(--green);background:var(--green);color:white;border-radius:8px;padding:12px 21px;display:inline-flex;justify-content:center;align-items:center;gap:25px;font-size:12px;font-weight:650;line-height:1.5;white-space:nowrap;transition:.15s}.primary:hover:not(:disabled){background:var(--green-dark)}.primary span{font-size:17px;font-weight:400}.secondary{background:var(--soft);color:var(--green);padding:11px 19px;border-radius:8px}.text-button{background:transparent;font-size:11px;color:var(--muted);padding:4px 0;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.text-button:hover{color:var(--green)}.preview-wrap{border-top:1px solid var(--border);padding:20px 0}.section-label{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:13px}.section-label h3{font-size:13px;margin:0}.section-label>span,.section-label h3 span{font-size:11px;color:var(--muted);font-weight:400}.preview-grid,.image-grid,.result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.preview-card{margin:0;text-align:center;background:#f5f6f1;border:1px solid #e8ece3;padding:10px;border-radius:8px;overflow:hidden}.preview-card img{width:100%;height:130px;object-fit:contain;display:block}.preview-card figcaption{font-size:10px;color:var(--muted);margin-top:8px}.subtle{font-size:11px;color:var(--muted);margin:6px 0 12px}.image-card{border:1px solid var(--border);border-radius:9px;overflow:hidden;background:#fff;min-width:0}.image-thumb{height:133px;background:#f1f3ee;padding:14px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.image-thumb img{max-width:100%;max-height:100%;object-fit:contain}.image-number{position:absolute;left:6px;top:5px;background:white;padding:0 6px;border-radius:4px;font-size:10px;z-index:1}.image-name{font-size:10px;padding:8px 9px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-controls{display:flex;justify-content:space-around;padding:5px}.image-controls button{background:transparent;color:var(--green);font-size:15px;width:28px;height:28px;border-radius:4px}.image-controls button:hover{background:var(--soft)}.image-controls button:last-child{color:#9c6859}.status{padding:20px 36px;background:#f3f7ef;border-top:1px solid var(--border)}.status-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:8px}.status strong{font-size:12px}progress{width:100%;height:6px;accent-color:var(--green);display:block}progress::-webkit-progress-bar{background:#e1e9dc;border-radius:8px}progress::-webkit-progress-value{background:var(--green);border-radius:8px}.error{margin:12px 36px 24px;padding:14px;border-radius:7px;background:#fff2ed;color:#914f35;font-size:12px;white-space:pre-line}.results{padding:26px 36px 30px;border-top:1px solid var(--border);background:#f8faf5}.result-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:23px}.result-header .eyebrow{font-size:9px}.result-header h3{font-size:19px;margin:4px 0}.result-header p{font-size:11px;color:var(--muted);margin:0;white-space:pre-line}.result-card{border:1px solid var(--border);border-radius:9px;background:white;padding:10px;min-width:0}.result-card img{height:135px;width:100%;object-fit:contain;background:#f4f5f0;display:block;border-radius:3px}.result-card strong{font-size:10px;font-weight:500;display:block;margin:9px 0 2px;overflow-wrap:anywhere}.result-card small{font-size:9px;color:var(--muted);display:block}.result-card a{display:block;background:var(--soft);color:var(--green);border-radius:5px;font-size:10px;text-decoration:none;text-align:center;padding:7px;margin-top:8px}.result-card.pdf-result{grid-column:1/-1;display:flex;gap:18px;align-items:center;padding:19px}.pdf-result .pdf-badge{display:grid;place-items:center;width:50px;height:62px;border:1px solid #b9cfb4;border-radius:5px;color:var(--green);background:var(--soft);font-size:12px;font-weight:700;flex-shrink:0}.pdf-result .result-info{flex:1;min-width:0}.pdf-result a{padding:10px 20px;margin:0}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:36px 8px 48px;border-bottom:1px solid var(--border)}.benefits article{display:flex;align-items:flex-start;gap:12px}.feature-icon{background:#edf1e7;border-radius:8px;width:32px;height:32px;display:grid;place-items:center;color:var(--green);flex-shrink:0;font-size:18px}.benefits h3{font-size:12px;margin:0 0 6px}.benefits p{font-size:10px;color:#8b9389;margin:0;line-height:1.9}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;padding:46px 8px 60px}.faq h2{font-size:20px;letter-spacing:-.5px;margin:10px 0}.faq .eyebrow{font-size:9px}.faq-items details{border-bottom:1px solid var(--border);padding:13px 0}.faq-items details:first-child{padding-top:0}.faq summary{font-size:12px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:#73856c;font-size:17px;line-height:1.2}.faq details[open] summary:after{content:"−"}.faq details p{font-size:11px;line-height:1.9;color:var(--muted);margin:10px 0}footer{max-width:1116px;margin:auto;padding:25px 40px 36px;border-top:1px solid var(--border);display:flex;align-items:center;gap:24px}footer .small{font-size:17px}footer p{font-size:10px;color:#929a90;flex:1}footer button{font-size:10px!important}dialog{border:1px solid var(--border);border-radius:16px;max-width:480px;width:calc(100% - 32px);padding:30px;color:var(--ink);box-shadow:0 20px 100px #14251e30}dialog::backdrop{background:#12251d65;backdrop-filter:blur(3px)}dialog h2{font-size:20px;margin:9px 0 12px}dialog p{font-size:12px;color:var(--muted);line-height:1.9}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.busy .dropzone{pointer-events:none;opacity:.55}.busy .image-controls button{pointer-events:none;opacity:.4}@media(min-width:1250px){.intro{padding-top:65px}.workspace{max-width:890px;margin:auto}.benefits{max-width:890px;margin:auto}.faq{max-width:890px;margin:auto}}@media(max-width:650px){.header{padding:0 20px;min-height:75px}.brand{font-size:21px}.header-note{font-size:10px}.brand-icon{width:29px;height:32px;font-size:16px}main{padding:0 16px}.intro{padding:37px 0 29px}.intro h1{font-size:32px;letter-spacing:-1.4px;margin:14px 0}.intro p{font-size:12px}.intro .eyebrow{font-size:10px}.mobile-only{display:block}.tab{padding:17px 4px;font-size:13px;gap:7px}section[role=tabpanel]{padding:23px 18px 0}.panel-heading h2{font-size:18px}.panel-heading p{font-size:10px}.step-chip{display:none}.dropzone{padding:24px 10px 21px}.dropzone strong{font-size:13px}.dropzone small{font-size:9px}.options{gap:17px 14px;margin-top:21px}.field>label{font-size:11px}select,input[type=text]{font-size:11px;padding-left:9px}.field small{font-size:9px}.action-row{align-items:flex-start;flex-direction:column;margin-top:20px;padding:19px 0;gap:11px}.action-row>.primary{width:100%;justify-content:space-between;padding:12px 16px}.hint{font-size:10px}.preview-grid,.image-grid,.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.results{padding:22px 18px}.result-header{align-items:flex-start;flex-direction:column;gap:14px}.result-header .primary{width:100%}.status{padding:17px 18px}.error{margin:12px 18px 20px}.benefits{grid-template-columns:1fr;gap:20px;padding:27px 7px 30px}.benefits p br{display:none}.benefits p{font-size:11px}.benefits h3{font-size:12px}.benefits article{align-items:center}.faq{grid-template-columns:1fr;gap:14px;padding:30px 5px 37px}.faq h2{font-size:19px}.faq summary{font-size:12px}.faq details p{font-size:11px}footer{padding:22px 21px 30px;gap:13px;flex-wrap:wrap}footer p{font-size:9px}footer button{font-size:9px!important}.filebar{padding:10px;gap:8px}.filebar strong{font-size:11px}.filebar .text-button{font-size:10px}.result-card.pdf-result{padding:12px;gap:10px;flex-wrap:wrap}.pdf-result a{width:100%}dialog{padding:23px}dialog h2{font-size:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.download-actions{display:flex;gap:8px}.download-actions a{text-decoration:none}.download-actions .primary{gap:8px}@media(max-width:650px){.download-actions{width:100%}.download-actions .primary{width:100%}}