:root{--paper:#f3f0e9;--ink:#24231f;--muted:#77736b;--line:#beb9ae;--coral:#e98370;--cream:#fffdf7;--dark:#262624}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans KR",sans-serif;background-image:radial-gradient(#9a968d18 .65px,transparent .65px);background-size:6px 6px}.page-width{width:min(1120px,calc(100% - 40px));margin-inline:auto}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between}.brand{position:relative;color:var(--ink);text-decoration:none;font:700 25px "Gowun Batang",serif;letter-spacing:-.05em}.brand span{font-family:"Nanum Pen Script",cursive;font-size:34px}.brand small{position:absolute;left:1px;top:34px;width:max-content;font:500 8px "Noto Sans KR";letter-spacing:.13em;color:var(--muted)}nav{display:flex;align-items:center;gap:20px}nav a{color:var(--ink);text-decoration:none;font-size:11px}nav i{width:2px;height:2px;background:var(--ink);border-radius:50%}.top-actions{display:flex;gap:8px;align-items:center}.lang,.round-btn{border:1px solid var(--ink);background:transparent;height:36px;cursor:pointer}.lang{border-radius:20px;padding:0 14px;font:600 11px "Noto Sans KR"}.lang span{margin-left:4px}.round-btn{width:36px;border-radius:50%;position:relative}.round-btn b{position:absolute;right:-5px;top:-6px;background:var(--coral);color:#fff;border-radius:50%;font-size:8px;width:15px;height:15px;display:grid;place-items:center}.hero{min-height:610px;display:grid;grid-template-columns:.85fr 1.25fr;align-items:center;padding:55px 0 80px}.kicker,.section-heading>p,.story>div>p,.ad-dialog>p,.language-dialog>p{font-size:9px;letter-spacing:.22em;font-weight:700}.hero h1{font:700 clamp(44px,6vw,72px)/1.25 "Gowun Batang",serif;letter-spacing:-.07em;margin:20px 0}.hero h1 em{font-style:normal;border-bottom:8px solid #e9a89655}.intro{font:400 15px/2 "Gowun Batang",serif;color:#59564f}.scroll-link{display:inline-flex;align-items:center;gap:18px;margin-top:24px;color:var(--ink);font-size:11px;text-decoration:none;border:1px solid var(--ink);border-radius:30px;padding:11px 16px 11px 20px}.scroll-link span{font-size:18px}.hero-art{text-align:center;align-self:end}.hero-art img{display:block;width:100%;max-height:480px;object-fit:contain}.hero-art p{font:400 15px "Nanum Pen Script",cursive;transform:rotate(-2deg);margin:-28px 0 0}.converter-wrap{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:70px 20px 85px;background:#eeeae2}.section-heading{text-align:center}.section-heading>span{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid var(--ink);border-radius:50%;font-size:10px}.section-heading>p{margin:16px 0 8px}.section-heading h2{font:700 clamp(28px,4vw,43px) "Gowun Batang",serif;margin:0}.section-heading small{color:var(--muted);display:block;margin-top:10px;font-size:10px}.converter{width:min(850px,100%);margin:36px auto 0;background:var(--cream);border:1px solid var(--ink);padding:26px 28px 22px;box-shadow:6px 6px 0 #26262418;position:relative}.format-tabs{position:absolute;right:28px;top:-22px;display:flex}.format-tab{border:1px solid var(--ink);background:var(--cream);padding:10px 16px;cursor:pointer;font-size:13px}.format-tab+button{border-left:0}.format-tab small{display:block;font-size:8px;color:var(--muted)}.format-tab.active{background:var(--dark);color:#fff}.format-tab.active small{color:#ddd}.converter>label{display:block;font:700 11px "Gowun Batang";margin-bottom:8px}.input-row{display:grid;grid-template-columns:auto 1fr auto auto;border:1px solid var(--ink);align-items:center;background:#fff}.input-row>span{padding-left:16px}.input-row input{height:55px;border:0;outline:0;padding:0 12px;font:400 13px "Noto Sans KR"}.input-row button{height:39px;margin-right:7px;padding:0 15px;border:1px solid var(--ink);background:#fff;font-weight:700;cursor:pointer}.input-row .prepare{background:var(--coral);color:#fff;min-width:105px}.supported{display:flex;align-items:center;gap:14px;margin-top:13px;font-size:9px;color:var(--muted)}.supported span{border:1px solid var(--line);padding:3px 6px}.supported b{font-weight:500}.message{font-size:11px;color:#a73e31;margin:12px 0 0}.message:empty{display:none}.result{width:min(850px,100%);margin:18px auto 0;border:1px solid var(--ink);background:var(--cream);padding:18px;display:grid;grid-template-columns:220px 1fr;gap:24px}.result[hidden]{display:none}.result-image{min-height:150px;background:#dedbd3;position:relative;overflow:hidden}.result-image img{width:100%;height:100%;object-fit:cover;display:block}.result-image span{position:absolute;left:8px;top:8px;background:#fff;padding:4px 7px;font-size:8px}.result-copy>p{font:400 15px "Nanum Pen Script";margin:0;color:var(--coral)}.result-copy h3{font:700 21px/1.4 "Gowun Batang";margin:6px 0}.meta{font-size:10px;color:var(--muted);margin-bottom:13px}.rights{display:block;font-size:10px;margin-bottom:12px}.quality-grid{display:flex;gap:7px;flex-wrap:wrap}.quality{border:1px solid var(--ink);background:#fff;padding:9px 12px;cursor:pointer;font-weight:700}.quality:hover{background:var(--dark);color:#fff}.guide{display:flex;align-items:center;justify-content:center;gap:35px;padding:85px 0}.guide-art{display:flex;align-items:center;gap:14px;font:700 15px/1.6 "Gowun Batang"}.guide-art span{width:48px;height:48px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font:400 30px "Nanum Pen Script";background:#fff}.dotted{letter-spacing:.2em;color:#aaa}.story{display:grid;grid-template-columns:1.1fr .9fr;gap:100px;padding:75px 60px;margin-bottom:90px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);position:relative}.story:after{content:"✦";position:absolute;bottom:-20px;left:50%;background:var(--paper);padding:8px}.story h2{font:700 39px/1.45 "Gowun Batang";margin:12px 0}.story>div>p:last-child{font-size:13px;line-height:1.9;color:var(--muted);max-width:500px}.story aside{background:var(--cream);border:1px solid var(--line);padding:28px}.story aside strong{font:700 18px "Gowun Batang"}.story li{font-size:11px;line-height:2;margin-bottom:8px}.ad-dialog,.language-dialog{width:min(520px,calc(100% - 32px));border:1px solid var(--ink);background:var(--cream);padding:32px;box-shadow:10px 10px 0 #2223}.ad-dialog::backdrop,.language-dialog::backdrop{background:#24231fa8}.dialog-close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:24px;cursor:pointer}.ad-placeholder{height:170px;border:1px dashed var(--line);display:grid;place-items:center;text-align:center;color:var(--muted);font-size:13px;margin:18px 0}.ad-placeholder small{display:block;font-size:9px}.continue{width:100%;height:45px;border:1px solid var(--ink);background:var(--coral);color:#fff;font-weight:700}.continue:disabled{background:#d5d1c9;color:#888}.language-dialog h2{font:700 25px "Gowun Batang"}.language-dialog>p:not(:first-of-type){font-size:13px;line-height:1.8}.browser-list{display:flex;gap:8px;flex-wrap:wrap}.browser-list span{border:1px solid var(--line);padding:8px;font-size:10px}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(410px,90vw);background:var(--cream);z-index:20;padding:30px;transform:translateX(110%);transition:.25s;box-shadow:-10px 0 40px #0002}.drawer.open{transform:none}.drawer-head{display:flex;justify-content:space-between}.drawer-head h2{font:700 24px "Gowun Batang"}.drawer-head button{border:0;background:none;font-size:28px}.history-item{padding:14px 0;border-bottom:1px solid var(--line)}.history-item b{display:block;font:700 13px "Gowun Batang"}.history-item span{font-size:9px;color:var(--muted);overflow-wrap:anywhere}.clear{width:100%;margin-top:20px;border:1px solid var(--ink);background:#fff;padding:10px}.backdrop{position:fixed;inset:0;background:#1118;z-index:10}footer{background:var(--dark);color:#eee;padding:45px 0}footer>div{display:flex;justify-content:space-between;align-items:center}.brand.light{color:#fff}.brand.light small{color:#aaa}footer p{font-size:9px;color:#aaa}@media(max-width:760px){.topbar nav{display:none}.lang span{display:none}.hero{grid-template-columns:1fr;padding-top:50px}.hero-copy{text-align:center}.hero-art{margin-top:30px}.hero-art p{margin-top:-12px}.converter-wrap{padding-inline:12px}.converter{padding:58px 14px 18px}.format-tabs{top:14px;left:14px;right:auto}.input-row{grid-template-columns:auto 1fr auto}.input-row .prepare{grid-column:1/-1;margin:7px;height:45px}.input-row>button:not(.prepare){margin-right:7px}.supported{overflow:auto}.result{grid-template-columns:1fr}.result-image{height:190px}.guide{gap:15px;flex-direction:column}.dotted{transform:rotate(90deg);height:20px}.story{grid-template-columns:1fr;gap:25px;padding:55px 20px}.story h2{font-size:31px}footer>div{align-items:flex-start;gap:30px;flex-direction:column}}