@charset "UTF-8";
/* Plain working document: explicit sources, readable results, native controls. */
:root{--ink:#1c2228;--muted:#505963;--navy:#263849;--line:#b0b6bc;--paper:#fff;--soft:#f0f1f2;--danger:#a02c23;font-family:"Malgun Gothic","Apple SD Gothic Neo",Dotum,Arial,sans-serif;color:var(--ink);background:#eceeef;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.65}a{color:#173f70;text-underline-offset:3px}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,label{touch-action:manipulation}button,select,summary{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.5}input[type=range],input[type=checkbox]{accent-color:var(--navy)}:focus-visible{outline:3px solid #a9640d;outline-offset:3px}[hidden]{display:none!important}
.skip-link{position:absolute;left:12px;top:-80px;background:#fff;padding:10px;z-index:5}.skip-link:focus{top:8px}
.document-bar{background:var(--navy);color:#fff;display:flex;justify-content:space-between;gap:16px;padding:7px max(24px,calc((100% - 1096px)/2));font-size:12px}
.site-header{max-width:1144px;min-height:88px;margin:auto;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--paper);border-bottom:3px solid var(--navy)}
.brand{display:flex;gap:10px;align-items:center;color:var(--ink);font-size:23px;font-weight:700;text-decoration:none;letter-spacing:-.6px}.brand img{width:30px;height:30px}.brand span{line-height:1.2}.brand small{display:block;margin-top:7px;font-size:12px;letter-spacing:0;font-weight:400;color:var(--muted)}
nav{display:flex;align-items:center;gap:22px;font-size:13px}nav a{white-space:nowrap}main{max-width:1144px;margin:auto;padding:0 24px 32px;background:var(--paper)}
.intro{padding:26px 0 22px}.eyebrow{font-size:12px;color:var(--muted);font-weight:700;letter-spacing:0;margin:0 0 6px}h1{font-size:30px;line-height:1.4;letter-spacing:-1px;font-weight:700;margin:0 0 8px}.subtitle{margin:0 0 20px;font-size:14px;color:var(--ink)}
.processing-facts{margin:0;border:1px solid var(--line);display:grid;grid-template-columns:1fr .7fr 1.35fr 1.2fr}.processing-facts>div{padding:11px 13px;border-right:1px solid var(--line);min-width:0}.processing-facts>div:last-child{border:0}.processing-facts dt{font-size:12px;color:var(--muted);margin:0 0 2px}.processing-facts dd{font-size:13px;font-weight:700;margin:0}.intro-note{margin:10px 0 0;font-size:12px;color:var(--muted)}
h2{font-size:16px;letter-spacing:-.4px;margin:0;font-weight:700}h2>span{display:inline-block;border:1px solid currentColor;padding:0 5px;font-size:12px;margin-right:9px;letter-spacing:0;font-variant-numeric:tabular-nums}.section-label{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.muted{color:var(--muted);font-size:12px}
.presets{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.preset{border:1px solid #8a939d;border-radius:0;background:#f0f1f2;text-align:left;padding:12px 14px;position:relative;min-height:78px}.preset:hover{background:#e4e8eb}.preset strong{display:block;font-size:14px;padding-right:22px}.preset small{font-size:12px;color:var(--muted)}.preset[aria-pressed=true]{border:2px solid var(--navy);border-left-width:6px;background:#f4f6f8;padding:11px 13px 11px 9px}.preset[aria-pressed=true] strong{color:#132b46}.preset[aria-pressed=true]:after{content:'선택';position:absolute;right:9px;top:12px;font-size:11px;font-weight:700;color:#132b46}
.requirement{font-size:13px;padding:14px 15px;margin:12px 0 22px;border:1px solid var(--line);border-left:4px solid var(--navy);background:#fafafa;line-height:1.8}.requirement>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.requirement strong{font-size:14px}.requirement p{color:var(--ink);margin:7px 0 8px}.requirement a{margin-right:14px;font-weight:700}.requirement small{font-size:12px;color:var(--muted);white-space:nowrap}.badge{font-size:11px;background:#edf0f3;color:#263849;border:1px solid #9aa6b3;border-radius:0;padding:2px 7px;white-space:nowrap}
.workspace{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,1fr);gap:18px;align-items:start}.panel{min-width:0;border:1px solid #87929b;border-radius:0;background:#fff;overflow:hidden;padding:16px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:-16px -16px 16px;padding:11px 14px;background:#e9edf1;border-bottom:1px solid #87929b;min-height:50px}.panel-heading h2{font-size:15px}.panel-heading .text-button{white-space:nowrap}
.text-button{border:0;padding:4px 0;background:transparent;font-size:12px;color:#173f70;text-decoration:underline;text-underline-offset:3px}.dropzone{border:1px dashed #7f8b96;border-radius:0;min-height:350px;padding:40px 16px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;background:#f6f7f8}.dropzone.drag{background:#e2eaf2;border:2px dashed var(--navy)}.upload-icon{font-size:12px;font-weight:700;color:var(--muted);background:#fff;border:1px solid var(--line);padding:3px 12px}.dropzone h3{font-size:17px;margin:16px 0 5px}.dropzone p{font-size:12px;color:var(--muted);margin:0 0 20px}.dropzone small{font-size:12px;color:var(--muted);margin-top:auto;padding-top:24px}.dropzone .text-button{margin-top:13px}
.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #152534;border-radius:0;min-height:44px;font-size:14px;font-weight:700;padding:10px 24px;text-decoration:none;cursor:pointer}.primary{background:var(--navy);color:#fff}.primary:hover{background:#142838}.wide{width:100%;justify-content:space-between}.file-input{position:absolute;left:-10000px}.dropzone:has(.file-input:focus-visible) label[for=file]{outline:3px solid #a9640d;outline-offset:3px}
.settings>label{display:block;font-size:13px;font-weight:700;margin-top:15px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 12px}.field-grid label{font-size:13px;font-weight:700;min-width:0}input[type=number],select{display:block;border:1px solid #8d969e;background:#fff;color:var(--ink);width:100%;padding:9px 10px;border-radius:0;margin-top:5px;min-height:42px;font-size:14px}input[type=number]:focus,select:focus{border-color:var(--navy)}select{padding-right:22px}.ratio-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.check{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:400}.check input{margin:0;min-width:15px;min-height:15px}.dimension-hint{font-size:12px;color:var(--ink);background:#edf0f3;border:1px solid #c2c8ce;padding:9px;margin:13px 0;font-variant-numeric:tabular-nums}.input-suffix{position:relative}.input-suffix input{padding-right:46px}.input-suffix span{position:absolute;right:12px;top:11px;font-size:12px;color:var(--muted)}.help{font-size:12px;color:var(--muted);line-height:1.8;margin:11px 0 18px}#status{font-size:12px;color:var(--ink);padding:9px 0;margin:0;line-height:1.8}#status.error{color:#8d2119;padding:10px;background:#fff4f1;border:1px solid #aa625b;margin-top:10px}
.canvas-wrap{border:1px solid #b4bcc3;border-radius:0;background:#e9eced;height:380px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:18px}#preview{max-width:100%;max-height:100%;width:auto;height:auto;display:block;touch-action:none;cursor:grab;outline:1px solid #8d969e}#preview:active{cursor:grabbing}.canvas-caption{position:absolute;bottom:5px;font-size:11px;color:var(--ink);background:#fff;padding:2px 8px;border:1px solid var(--line);pointer-events:none}.crop-guide{position:absolute;pointer-events:none;border:0;overflow:hidden}.crop-guide i{display:block;position:absolute;inset:33.333% 0;border-top:1px solid #ffffff99;border-bottom:1px solid #ffffff99}.crop-guide i+i{inset:0 33.333%;border:0;border-left:1px solid #ffffff99;border-right:1px solid #ffffff99}
.file-info{font-size:12px;color:var(--muted);margin:9px 0 12px;overflow-wrap:anywhere}.edit-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.edit-tools>input{flex:1;min-width:70px}.zoom-label{font-size:12px;min-width:65px}.zoom-label output{display:block;font-variant-numeric:tabular-nums}.small-button{border:1px solid #8d969e;background:#f0f1f2;border-radius:0;font-size:12px;padding:7px 9px;min-height:36px}.small-button:hover{background:#e4e8eb}.position-controls{margin-top:14px;border-top:1px solid var(--line);padding-top:10px;font-size:12px;color:var(--ink)}.position-controls label:not(.check){display:block;margin-top:8px}.position-controls input[type=range]{width:100%}.editor-hint{margin:12px 0;line-height:1.8}.replace{font-size:12px;color:#173f70;text-decoration:underline;cursor:pointer}
.result{display:grid;grid-template-columns:90px minmax(0,1fr);column-gap:14px;margin-top:14px;border:2px solid var(--navy);padding:12px}.result-heading{grid-column:1/-1;display:flex;justify-content:space-between;gap:8px;color:var(--ink);font-size:14px;border-bottom:1px solid var(--line);padding-bottom:9px;margin-bottom:12px}.result-heading span{font-size:11px;font-weight:700;color:#263849}.result img{display:block;grid-column:1;grid-row:2;max-height:150px;max-width:90px;margin:4px auto;outline:1px solid var(--line)}.result dl{grid-column:2;grid-row:2;display:grid;grid-template-columns:minmax(70px,1fr) minmax(0,1.4fr);font-size:12px;margin:0 0 12px}.result dt,.result dd{margin:0;padding:5px 0;border-bottom:1px solid #d8dcdf;overflow-wrap:anywhere}.result dd{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.result .button{grid-column:1/-1}.result small{grid-column:1/-1;display:block;font-size:12px;color:var(--muted);margin-top:10px;line-height:1.8}
.explainer{display:grid;grid-template-columns:repeat(3,1fr);margin-top:30px;border:1px solid var(--line);background:#f7f8f9}.explainer article{padding:16px;border-right:1px solid var(--line)}.explainer article:last-child{border:0}.explainer article>span{font-size:11px;color:var(--muted)}.explainer h2{margin:4px 0 8px;font-size:15px}.explainer p{font-size:12px;color:var(--muted);line-height:1.9;margin:0}.guide-links{padding:25px 0;display:grid;grid-template-columns:1fr 1.6fr;gap:0 25px;border-bottom:1px solid var(--line)}.guide-links>div{grid-row:span 3}.guide-links h2{font-size:18px;line-height:1.5}.guide-links>a{display:flex;justify-content:space-between;gap:16px;font-size:13px;padding:10px 0;border-bottom:1px solid #d5dadd}.guide-links>a:last-child{border:0}.guide-links b{font-weight:400}.faq{padding:25px 0 10px}.faq>h2{font-size:18px;margin-bottom:10px}.faq details{border-bottom:1px solid #c6ccd1;font-size:13px}.faq summary{padding:13px 0;font-weight:700}.faq details p{color:var(--muted);margin:0 0 16px;line-height:1.9}
footer{max-width:1144px;margin:auto;padding:22px 24px;background:#f0f1f2;border-top:2px solid var(--navy)}footer .brand{font-size:17px}footer .brand small{font-size:11px;margin:0;letter-spacing:0}footer p,footer>small{font-size:12px;color:var(--muted)}footer nav{font-size:12px;margin:12px 0;gap:20px;flex-wrap:wrap}
.article{max-width:1144px;padding:28px max(24px,calc((1144px - 800px)/2)) 50px}.article h1{font-size:28px;line-height:1.5;margin-bottom:10px}.article h2{font-size:20px;margin:30px 0 12px;border-bottom:1px solid var(--line);padding-bottom:8px}.article p,.article li{font-size:14px;line-height:1.95;color:var(--ink)}.article table{border-collapse:collapse;width:100%;font-size:13px;border:1px solid var(--line)}.article th,.article td{padding:11px;text-align:left;border:1px solid var(--line)}.article th{background:#eef0f2}.article .callout{background:#f1f3f5;border:1px solid var(--line);border-left:4px solid var(--navy);padding:16px}.article .button{margin:18px 0}.article small{font-size:12px;color:var(--muted)}
@media(max-width:820px){.document-bar{padding:7px 18px;font-size:11px}.document-bar span:first-child{display:none}.site-header{padding:15px 18px;min-height:80px;gap:12px}.site-header nav{gap:12px;font-size:12px}.site-header nav a:first-child{display:none}main{padding:0 18px 24px}.intro{padding:20px 0}h1{font-size:25px;letter-spacing:-.8px}.subtitle{font-size:13px}.processing-facts{grid-template-columns:1fr 1fr}.processing-facts>div{border-bottom:1px solid var(--line);padding:10px 12px}.processing-facts>div:nth-child(even){border-right:0}.processing-facts>div:nth-child(n+3){border-bottom:0}.processing-facts dd{font-size:12px}.section-label>.muted{display:none}.presets{grid-template-columns:1fr 1fr}.preset{min-height:75px}.requirement{margin-bottom:18px;padding:12px}.workspace{grid-template-columns:minmax(0,1fr);gap:16px}.dropzone{min-height:300px;padding-top:30px}.canvas-wrap{height:370px}.explainer{grid-template-columns:1fr;margin-top:24px}.explainer article{border-right:0;border-bottom:1px solid var(--line);padding:14px}.explainer article:last-child{border:0}.guide-links{grid-template-columns:1fr;gap:10px}.guide-links>div{grid-row:auto}.guide-links>a{font-size:13px}footer{padding:20px 18px}.article{padding:25px 18px 40px}.article h1{font-size:25px}}
@media(max-width:420px){.brand{font-size:21px}.brand small{font-size:11px}.site-header nav{gap:10px}.site-header nav a{font-size:11px}main{padding-left:14px;padding-right:14px}h1{font-size:23px}.subtitle{line-height:1.9}.processing-facts>div{padding:9px}.preset{padding:11px 10px}.preset strong{font-size:13px;padding-right:19px}.preset small{font-size:11px}.preset[aria-pressed=true]{padding:10px 9px 10px 5px}.preset[aria-pressed=true]:after{right:5px;font-size:10px}.panel{padding:13px}.panel-heading{margin:-13px -13px 13px;padding:11px}.panel-heading h2{font-size:14px}.panel-heading h2>span{margin-right:6px}.canvas-wrap{height:330px;padding:15px}.result{column-gap:10px;padding:10px;grid-template-columns:70px minmax(0,1fr)}.result img{max-width:70px}.result dl{font-size:11px;grid-template-columns:minmax(65px,1fr) minmax(0,1.5fr)}}
@media(max-width:420px){.result{grid-template-columns:minmax(0,1fr)}.result img{grid-column:1;grid-row:auto;max-width:85px;max-height:110px;margin:4px auto 12px}.result dl{grid-column:1;grid-row:auto;font-size:12px;grid-template-columns:1fr 1.8fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Inspect the actual output before saving; preserve the plain document style. */
.result-photo{grid-column:1;grid-row:2;align-self:start;min-width:0;width:100%;border:1px solid var(--line);background:#f0f1f2;padding:8px 4px;color:#173f70}.result-photo:hover{background:#e4e8eb}.result .result-photo img{max-width:100%;max-height:150px;margin:0 auto 8px;outline:1px solid #89939d}.result-photo span{display:block;font-size:12px;text-decoration:underline;text-underline-offset:3px}
#result-dialog{width:min(94vw,850px);max-height:90dvh;border:2px solid var(--navy);padding:20px;color:var(--ink);background:#fff;overflow:auto}#result-dialog::backdrop{background:#14212fd9}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:12px}.dialog-heading h2{font-size:18px}.dialog-heading button{min-width:64px;min-height:44px}.review-note{font-size:13px;line-height:1.8;color:var(--muted);margin:12px 0}.large-preview-wrap{padding:14px;border:1px solid var(--line);background:#e9eced;text-align:center}.large-preview-wrap img{display:block;max-width:100%;max-height:62dvh;width:auto;height:auto;margin:auto;outline:1px solid #89939d}
@media(max-width:820px){.small-button{min-height:44px;padding:9px 12px}.edit-tools .zoom-label{min-width:65px}.text-button{min-height:44px;display:inline-flex;align-items:center}.help,.file-info,.editor-hint,.intro-note{font-size:13px}.position-controls summary{padding:9px 0;min-height:44px}.position-controls input[type=range]{min-height:32px}#result-dialog{padding:14px}.large-preview-wrap{padding:10px}}
@media(max-width:420px){.result-photo{grid-column:1;grid-row:auto;width:150px;margin:0 auto 12px;padding:10px}.result .result-photo img{max-width:126px;max-height:165px}.result-photo span{font-size:13px}}

.file-load-error{margin:0 0 14px;padding:12px;border:1px solid #a02c23;background:#fff4f1;color:#79241e;font-size:13px;line-height:1.9}.file-load-error p{margin:0 0 10px;overflow-wrap:anywhere}.file-load-error button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;background:#fff;color:#173f70;cursor:pointer}

.preset-search{display:flex;align-items:center;gap:12px;font-size:13px;margin:0 0 12px}.preset-search input{width:min(100%,400px);min-height:44px;padding:10px;border:1px solid #8d969e;font:inherit;border-radius:0}.submission-section{margin-top:28px}.submission-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.submission-cards>a{display:flex;flex-direction:column;gap:7px;padding:15px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none;font-size:13px;color:var(--ink)}.submission-cards>a:hover{background:#f0f3f6}.submission-cards span,.submission-cards small{font-size:12px;color:var(--muted)}.secondary{color:var(--navy);background:white;border-color:#8d969e;margin-top:10px}.dropzone .picker-help{max-width:360px;font-size:12px;margin:10px 0 0;line-height:1.8}.saved-settings{margin-top:18px;border-top:1px solid var(--line);padding-top:12px}.saved-settings p{font-size:12px;color:var(--muted);line-height:1.8}.article caption{text-align:left;padding:8px 0;font-weight:700}.article td{overflow-wrap:anywhere}@media(max-width:600px){.submission-cards{grid-template-columns:minmax(0,1fr)}.preset-search{align-items:stretch;flex-direction:column;gap:6px}.preset-search input{width:100%}}