@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&family=Noto+Serif+KR:wght@400;500;600&display=swap');
:root{--green:#214d3c;--gold:#ac8952;--paper:#f8f7f2;--line:#dfe1d6;--muted:#777f72}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--green);font:15px/1.75 'Noto Sans KR',sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Noto Serif KR',serif;font-weight:500;letter-spacing:-1.5px}em{font-style:normal;color:var(--gold)}header{max-width:1280px;margin:auto;padding:0 40px;height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:15px}.brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:700}.brand small{font:10px Arial;letter-spacing:2px;margin-left:7px}nav{display:flex;gap:30px;font-size:12px}.plain{border:0;background:none;color:var(--green);font-size:12px;padding:9px}.hero{max-width:1200px;min-height:660px;margin:auto;padding:65px 40px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.eyebrow{font:600 10px Arial;letter-spacing:2.5px;color:var(--gold);display:block;margin-bottom:24px}h1{font-size:60px;line-height:1.35;margin-bottom:25px}.hero p{font-size:14px;color:var(--muted);line-height:2;margin-bottom:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 25px;border:1px solid transparent;border-radius:7px;font-size:13px;font-weight:500}.primary{background:var(--green);color:white}.primary:hover{background:#123c2a}.secondary{border-color:#c4cfbd;background:transparent;color:var(--green)}.secondary:hover{background:#dce5d5}.guide-link{margin-left:22px;font-size:11px;border-bottom:1px solid #a7b09b;padding-bottom:6px}.signature{font:26px 'Noto Serif KR';margin-top:35px}.signature small{font:10px 'Noto Sans KR';color:var(--muted);margin-left:10px}.hero-art{min-height:480px;position:relative;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse,#e2e7d4,transparent 68%)}.orbit{position:absolute;width:430px;height:430px;border:1px solid #d9dfca;border-radius:50%}.orbit:after{content:'';position:absolute;inset:35px;border:1px dashed #d9dfca;border-radius:50%}.sample{background:#fffefa;width:290px;text-align:center;padding:26px 30px 17px;transform:rotate(-7deg);border:1px solid #ecebdc;box-shadow:20px 25px 45px #253e3020;border-radius:4px}.mini{font:8px Arial;letter-spacing:1.3px;color:#9a8d6d}.sample h2{font-size:26px;margin:25px 0 18px;line-height:1.5}.sample p{font-size:10px;margin:16px 0}#hero-qr{background:white;padding:6px;width:180px;height:180px;margin:auto}#hero-qr svg{width:100%;height:100%}.sign{display:flex;justify-content:space-between;align-items:center;font-size:10px;border-top:1px solid var(--line);padding-top:12px;text-align:left}.sign span{color:var(--gold);font-size:22px}.note{position:absolute;right:-5px;top:30px;background:#fffdf4;padding:15px 20px;border-radius:12px 12px 12px 0;font-size:11px;box-shadow:0 5px 20px #24432c10;transform:rotate(6deg);z-index:2}.spark{position:absolute;font-size:65px;left:10px;bottom:30px;color:var(--gold)}.art-label{position:absolute;bottom:-10px;font:8px Arial;letter-spacing:2px;color:#7c8873}.benefits{display:flex;justify-content:center;gap:65px;background:#e9ede2;padding:20px;font-size:11px}.section,.inner{max-width:1200px;margin:auto;padding:80px 40px}.heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:35px}.heading .eyebrow{margin-bottom:15px}h2{font-size:34px;line-height:1.55;margin-bottom:0}.heading>p{color:var(--muted);font-size:12px;margin-bottom:5px}.comics{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.comics article{background:#fffefa;border:1px solid var(--line);padding:17px;border-radius:10px}.comics article>small{font-size:10px;font-weight:600;color:var(--gold);letter-spacing:1px}.scene{background:#edf0e3;height:180px;border-radius:7px;margin:14px -4px 20px;position:relative;overflow:hidden}.bubble{position:absolute;top:12px;left:15px;border:1px solid #c9d1be;border-radius:12px 12px 12px 0;background:white;padding:10px 13px;font-size:11px;line-height:1.5;z-index:1}.teacher{font-size:65px;line-height:1.1;position:absolute;bottom:5px;left:15px;text-align:center}.teacher b{display:block;font:10px 'Noto Sans KR';background:#355b43;color:white;border-radius:20px 20px 0 0;padding:8px 14px}.prop{position:absolute;bottom:20px;right:8px;border:1px solid #c9c5b2;background:#fffdf5;padding:13px 8px;border-radius:5px;transform:rotate(8deg);font-size:10px;box-shadow:4px 5px #d9e0ca}.colors{color:var(--gold)}.comics h3{font-size:14px;letter-spacing:-.7px;margin-bottom:7px}.comics p{font-size:11px;color:var(--muted);line-height:1.9;margin-bottom:0}.studio-section{background:#edf0e6}.pill{border:1px solid #c9d1c0;border-radius:20px;padding:7px 15px;font-size:10px;white-space:nowrap}.studio-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:65px}.panel{background:#fffefa;border:1px solid #dfe3d6;border-radius:12px;padding:30px}.panel h3{font-size:15px;margin-bottom:20px}.panel h3 small{font-size:10px;border:1px solid #dfd8c7;border-radius:50%;padding:4px 6px;margin-right:8px;color:var(--gold)}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:22px}.tabs button{font-size:10px;padding:10px 2px;border:1px solid var(--line);border-radius:6px;background:none;color:#6a7660}.tabs button.active{background:var(--green);color:white;border-color:var(--green)}label{display:block;font-size:12px;margin:16px 0 7px;font-weight:500}label small{font-size:10px;color:#89917f;margin-left:6px}input:not([type=radio]),select,textarea{width:100%;min-width:0;background:#fffefa;border:1px solid #dce0d2;border-radius:6px;padding:11px 12px;font-size:13px;color:var(--green)}input::placeholder,textarea::placeholder{font-size:11px;color:#949b89}.help{font-size:10px;color:#7e8674;margin:7px 0 0}.center{text-align:center}hr{border:0;border-top:1px solid var(--line);margin:25px 0}.themes{display:flex;gap:8px}.themes button{flex:1;border:1px solid var(--line);background:none;padding:10px 4px;border-radius:6px;color:#6d775f;font-size:10px}.themes button.active{border-color:var(--green);background:#eef2e8}.themes i{display:block;width:20px;height:20px;border-radius:50%;background:#214d3c;margin:0 auto 7px}.themes [data-theme=wine] i{background:#75374b}.themes [data-theme=navy] i{background:#283f5e}.columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}input[type=file]{font-size:10px}.preview-column{max-width:410px;width:100%;margin:auto;padding-top:5px;align-self:start}.preview-label{display:flex;justify-content:space-between;font:9px Arial;letter-spacing:1.5px;color:#78866c;margin-bottom:14px}.preview-label span+span{font:10px 'Noto Sans KR';letter-spacing:0}.preview-wrap{background:#dfe5d5;padding:30px 38px;border-radius:12px}#preview-card{background:#fffefa;border-radius:3px;padding:25px 23px 15px;text-align:center;box-shadow:0 10px 25px #2b4b2810}#preview-purpose{display:block;font-size:10px;color:var(--gold);margin:22px 0 8px}#preview-title{font:500 23px/1.5 'Noto Serif KR';word-break:keep-all;overflow-wrap:anywhere;min-height:35px;margin-bottom:20px}#qr{background:white;aspect-ratio:1;padding:8px;max-width:230px;margin:auto}#qr svg{display:block;width:100%;height:100%}#preview-caption{font-size:10px;margin:18px 0 22px;overflow-wrap:anywhere}.tip{text-align:center;color:#78846d;font-size:10px;margin:15px 0}.wide{width:100%}.actions{margin-top:10px}.actions button{font-size:12px;padding:12px 5px;min-height:45px}#qr-status,#feedback-status{font-size:12px;color:#45683c}.history{margin-top:40px;border-top:1px solid #d4dcc9;padding-top:20px}.history .heading{margin-bottom:15px}.history h3{font-size:14px;margin:0}.history h3 small{font-size:10px;color:#818a76;font-weight:400;margin-left:10px}#history-list{display:flex;gap:10px;flex-wrap:wrap}#history-list>p{font-size:12px;color:#7b856e}.history-item{padding:12px 17px;border:1px solid #d6ddcb;border-radius:7px;background:#fffefa;color:var(--green);text-align:left;max-width:240px}.history-item b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.history-item small{font-size:10px;color:#7a856d}.community{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.community h2{font-size:30px;margin-bottom:24px}.community>div>p{font-size:13px;color:var(--muted);line-height:2}.gift{display:flex;gap:18px;align-items:center;border-top:1px solid var(--line);margin-top:30px;padding-top:22px}.gift>span{font-size:42px;color:var(--gold)}.gift b{font-size:13px}.gift p{font-size:12px;color:var(--gold);margin:4px 0}.gift small{font-size:10px;color:var(--muted)}.feedback-tabs{display:flex;gap:25px;padding-bottom:15px;border-bottom:1px solid var(--line)}.feedback-tabs label{margin:0}.feedback-tabs input{accent-color:var(--green)}#feedback .primary{margin-top:20px}#feedback-export{display:block;margin:8px auto 0}.closing{text-align:center;background:#e9ede2;padding:48px 20px}.closing>span{font-size:27px;color:var(--gold)}.closing h2{font-size:28px;margin:15px 0 22px}.closing a{font-size:12px;border-bottom:1px solid #a4b095;padding-bottom:5px}footer{max-width:1200px;margin:auto;padding:30px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer .brand{font-size:20px}footer p,footer>small{font-size:10px;color:#7f8974;margin:0}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--green);color:white;border-radius:25px;padding:12px 22px;font-size:12px;max-width:90vw;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10}#toast.show{opacity:1}[hidden]{display:none!important}.large p,.large label,.large input,.large button,.large select,.large textarea{font-size:17px}.large .help{font-size:13px}@media(max-width:1000px){.hero{gap:20px}h1{font-size:49px}.hero-art{transform:scale(.88)}.guide-link{display:block;margin:18px 0 0;width:max-content}.benefits{gap:25px}.studio-grid,.community{gap:30px}.preview-wrap{padding:25px}.comics{gap:10px}.comics article{padding:14px 10px}.orbit{width:390px;height:390px}footer{flex-wrap:wrap}}@media(max-width:720px){header{height:75px;padding:0 20px}.brand{font-size:20px}.brand small{font-size:8px;letter-spacing:1px}nav{display:none}.hero{grid-template-columns:1fr;padding:40px 24px;gap:30px}h1{font-size:46px}.hero-art{transform:none;min-height:450px;max-width:390px;width:100%;margin:auto}.sample{width:270px}.orbit{width:320px;height:320px}.note{right:0;top:15px}.benefits{display:grid;grid-template-columns:1fr 1fr;text-align:center;gap:10px;font-size:10px;padding:20px 10px}.section,.inner{padding:55px 20px}.heading{display:block}.heading>p{margin-top:16px}h2{font-size:28px}.comics{grid-template-columns:1fr 1fr;gap:12px}.comics h3{font-size:12px}.comics p{font-size:10px}.bubble{left:7px;padding:9px;font-size:10px}.teacher{left:6px}.prop{right:4px;font-size:9px;padding:11px 6px}.studio-grid,.community{grid-template-columns:1fr;gap:35px}.panel{padding:22px}.pill{display:inline-block;margin-top:20px}.preview-column{max-width:400px}.preview-wrap{padding:28px 35px}.history h3 small{display:block;margin:5px 0}.history .heading{display:flex;align-items:start}.history-item{max-width:none;width:100%}.community h2{font-size:27px}.closing h2{font-size:24px}footer{display:block;padding:30px 20px}footer p{margin:15px 0 5px}.large .comics{grid-template-columns:1fr}.large .comics h3{font-size:18px}.large .comics p{font-size:15px}}