/* Locally bundled Korean fonts: no font installation or external request needed. */
@font-face{font-family:DdalkkakJua;src:url('assets/fonts/Jua-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:DdalkkakDodum;src:url('assets/fonts/GowunDodum-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{--ink:#493f5d;--muted:#7b7288;--violet:#8764cd;--line:#ece5f2}
body{font-family:DdalkkakDodum,sans-serif;color:var(--ink);background:radial-gradient(ellipse at 4% 10%,#ffeae0a8,transparent 32%),radial-gradient(ellipse at 98% 40%,#eee4f9aa,transparent 29%),#fffcf9}
button,input,select{font-family:inherit}
button:focus-visible,a:focus-visible{outline:3px solid #a98bd8;outline-offset:4px}
.logo,.hero h1,.workspace h2,.settings-panel h3,.faq h2,.info-grid h2{font-family:DdalkkakJua,sans-serif;font-weight:400;letter-spacing:0}
.site-header{background:#fffcf9ed;border-color:#efe7ef}
.logo{font-size:29px;color:#7451a6;letter-spacing:0}
.logo-mark{width:30px;height:30px;background:linear-gradient(135deg,#edb799,#b59bdc);border-radius:11px}
.tool-tabs{max-width:1000px;justify-content:center;gap:10px;margin:24px auto 0;padding:8px 16px}
.tool-tab{font-family:DdalkkakJua,sans-serif;font-size:19px;font-weight:400;letter-spacing:0;padding:13px 22px;border-radius:24px;background:#fffaf7;border:1px solid #eaddf0;color:#7b678e;box-shadow:0 3px 0 #eee3f0}
.tool-tab:nth-child(2){background:#fff8eb}.tool-tab:nth-child(3){background:#f1f9f3}.tool-tab:nth-child(4){background:#fdf0f4}
.tool-tab.active{color:#fff;background:#9674c6;border-color:#9674c6;font-weight:400;box-shadow:0 4px 0 #7954ae}
.hero{position:relative;padding:22px 24px 15px;isolation:isolate;overflow:hidden}
.hero:before,.hero:after{display:none}
.hero-intro{position:relative;display:flex;align-items:center;justify-content:center;gap:45px;max-width:920px;margin:0 auto 22px;min-height:210px}
.hero-copy{text-align:left;position:relative;z-index:1}
.hero .eyebrow{display:inline-block;background:#f3ebfb;color:#926cae;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:400;letter-spacing:0}
.hero h1{font-size:48px;line-height:1.2;margin:16px 0 12px;max-width:none;color:#645174;font-weight:400;letter-spacing:0;word-break:keep-all}
.hero h1 span{color:#9570c4;position:relative;white-space:nowrap}
.hero h1 span:after{content:'';position:absolute;bottom:0;left:-3px;right:-3px;height:9px;background:#f6d0ba;z-index:-1;border-radius:6px;transform:rotate(-3deg)}
.tool-description{font-size:17px;line-height:1.8;color:#807487;max-width:470px;word-break:keep-all}
.hero-decor{position:relative;top:auto;right:auto;z-index:0;width:260px;max-width:30%;height:auto;opacity:1;filter:drop-shadow(0 12px 14px #aa82bf1a);transform:rotate(4deg)}
.page-doodle{position:absolute;pointer-events:none;user-select:none;z-index:0;width:110px;height:auto;opacity:.85}
.doodle-camera{left:max(5px,calc((100% - 1250px)/2));top:205px;width:105px;transform:rotate(-10deg)}
.doodle-flower{right:max(5px,calc((100% - 1240px)/2));bottom:25px;width:115px;transform:rotate(15deg)}
.upload-card{position:relative;z-index:1;max-width:910px;min-height:300px;margin:0 auto;border:2px dashed #d9c4ec;border-radius:30px;background:linear-gradient(125deg,#f1e8fa,#faf0ed);color:#79648d;box-shadow:0 12px 30px #b59cc51a;overflow:hidden}
.upload-card:before{content:'✦';position:absolute;right:9%;top:26px;color:#d9bddb;font-size:30px;transform:rotate(15deg)}
.upload-card:after{content:'♡';position:absolute;left:10%;bottom:25px;color:#ddb6bb;font-size:35px;transform:rotate(-18deg)}
.upload-card.dragging{background:#e4d5f3}
.upload-visual{display:block;width:80px;height:65px;object-fit:contain;font-size:initial;margin:0 0 12px}
.select-button{font-family:DdalkkakJua,sans-serif;font-size:20px;font-weight:400;border-radius:17px;padding:15px 30px;color:#fff;background:#9775c7;box-shadow:0 4px 0 #7857a8}
.upload-card p{font-weight:400;margin:18px 0 7px}.upload-card small{font-size:12px;color:#8b7e94}
.trust-row{max-width:990px;padding:18px 20px 38px;gap:12px}
.trust-row div{border:1px solid #e9dfec;background:#fffdfaf2;border-radius:20px;box-shadow:0 5px 15px #baa9c414;padding:16px 13px;gap:10px}
.trust-row b{font-size:15px;font-weight:600;line-height:1.5}.trust-row small{font-size:12px;line-height:1.5}.trust-row span{flex-shrink:0;background:#b1cbb5}
.workspace-heading h2{font-size:29px}.settings-panel h3{font-size:24px}.settings-panel label{font-weight:600}.workspace-heading{gap:12px;align-items:center}
.text-button{border-radius:15px;padding:12px 16px;font-weight:600;white-space:nowrap;background:#f3ebfa;color:#78559c}
.preview-panel,.settings-panel{border-radius:23px;border-color:#e9dfee}.download-button{background:#9470c4;border-radius:15px;font-weight:600}.reset-button{border-radius:15px;font-weight:400}
.info-grid{position:relative;max-width:1000px;gap:16px;padding-top:15px}
.info-grid article{position:relative;background:#fffcf5;border-radius:22px;box-shadow:0 4px 0 #f1e6ee;border-color:#ece0e7}.info-grid article:nth-of-type(2){background:#f8f3ff}.info-grid article:nth-of-type(3){background:#f1f8f4}
.info-grid h2{font-size:24px}.info-grid .eyebrow{font-family:DdalkkakJua,sans-serif;font-size:24px;color:#b99bd5}
.doodle-guide{left:-46px;top:-45px;width:94px;transform:rotate(-19deg);z-index:2}
.faq{position:relative;border-radius:26px;background:#fff9f1;padding:25px 30px 35px;border:1px solid #f2e7de}
.faq h2{font-size:30px}.faq summary{font-weight:600}.doodle-faq{width:125px;right:-70px;top:-35px;transform:rotate(13deg);opacity:.8}
footer{background:transparent}
@media(max-width:1100px){.doodle-camera{width:65px;left:0;opacity:.65}.doodle-flower{width:72px;right:0;opacity:.65}.doodle-guide{left:0;width:65px;top:-26px}.doodle-faq{right:8px;width:86px;top:-35px}}
@media(max-width:700px){
  .site-header{height:60px}.logo{font-size:26px}.tool-tabs{justify-content:flex-start;margin-top:8px;gap:7px;padding:8px 12px}.tool-tab{font-size:16px;padding:10px 15px;border-radius:18px}
  .hero{padding:14px 16px 10px}.hero-intro{gap:2px;min-height:155px;margin:0 auto 14px;justify-content:space-between}.hero-copy{flex:1;min-width:0}.hero .eyebrow{font-size:11px;padding:5px 8px}.hero h1{font-size:31px;line-height:1.25;margin:10px 0;max-width:none}.hero h1 span{display:inline-block}.tool-description{font-size:13px;line-height:1.7}.hero-decor{width:96px;max-width:27%;flex-shrink:0;top:auto;right:auto;opacity:1}
  .upload-card{min-height:250px;border-radius:24px}.upload-visual{width:70px;height:58px}.select-button{font-size:18px;padding:13px 24px}.upload-card p{font-size:13px}.upload-card:before{right:6%;font-size:23px}.upload-card:after{left:7%;font-size:27px}
  .doodle-camera{top:175px;width:45px;left:2px;z-index:2;opacity:.85}.doodle-flower{right:1px;bottom:16px;width:50px;z-index:2;opacity:.85}.trust-row{padding:12px 16px 32px;gap:9px}.trust-row div{padding:12px 15px;border-radius:16px}.trust-row b{font-size:14px}.trust-row small{font-size:12px}
  .workspace-heading{flex-wrap:wrap}.workspace-heading h2{font-size:25px}.text-button{font-size:13px}.info-grid{padding:12px 16px 0}.info-grid article{padding:21px}.doodle-guide{left:auto;right:20px;top:-24px;width:60px}.faq{margin:0 16px 45px;padding:24px 20px 28px}.faq h2{font-size:27px}.doodle-faq{width:76px;right:8px;top:-24px}footer{margin:0 16px}
}