:root{font-family:Malgun Gothic,Apple SD Gothic Neo,sans-serif;color:#263c34;background:#f7f8f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,label.upload{touch-action:manipulation}button{cursor:pointer;border:0}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #9abbaa;outline-offset:4px}header{max-width:1240px;margin:auto;padding:28px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e4e9df}.brand{display:flex;gap:12px;align-items:center;color:#244b40;text-decoration:none;font-size:25px}.brand span{font-size:18px;font-weight:700}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:4px;font-weight:400}.quiet{background:transparent;color:#52685e;font-size:13px;padding:10px}#count{background:#e7ece2;border-radius:10px;padding:2px 7px;margin-left:5px}main{max-width:1160px;margin:auto;padding:0 30px}.intro{padding:58px 0 40px}.eyebrow{font-size:12px;letter-spacing:2px;color:#698371}h1{font-family:Batang,AppleMyungjo,serif;font-size:42px;font-weight:500;line-height:1.5;letter-spacing:-2px;margin:15px 0}p{line-height:1.8}.intro p{font-size:14px;color:#7a857c}.workspace{display:grid;grid-template-columns:1fr 1.06fr;gap:36px;align-items:start}.panel{background:#fff;border:1px solid #e1e7dd;border-radius:18px;padding:28px}.section-title{display:flex;align-items:center;gap:10px}.step{font-size:11px;letter-spacing:1px;color:#81907d;border:1px solid #dce3d7;border-radius:50%;width:28px;height:28px;display:grid;place-items:center}h2{font-size:17px;margin:0;font-weight:600}.tabs{display:flex;gap:20px;border-bottom:1px solid #e4e8df;margin:22px 0}.tabs button,.upload{padding:12px 0;background:transparent;font-size:13px;color:#89938a;cursor:pointer}.tabs .active{color:#244b40;border-bottom:2px solid #244b40}.field-label,.label{font-size:12px;font-weight:500;display:block;margin-bottom:10px}textarea{resize:vertical;width:100%;min-height:172px;padding:16px;border:1px solid #e0e6db;border-radius:9px;background:#fbfcf9;color:#334a3e;font-size:13px;line-height:1.8;outline-color:#8cac99}textarea::placeholder{color:#a0aaa0}.input-meta{display:flex;justify-content:space-between;font-size:10px;color:#9aa497;margin:7px 0 23px}.label span{font-size:10px;font-weight:400;color:#8d988c;margin-left:8px}.samples{display:grid;grid-template-columns:1fr 1fr;gap:8px}.samples button{padding:12px;text-align:left;background:#f5f7f0;border:1px solid #e5ebdf;border-radius:8px;font-size:12px;color:#52664f}.samples small{display:block;font-size:10px;color:#8b9684;margin-top:5px}.samples button:hover{background:#e8efe3}.settings{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.settings label{font-size:11px;color:#788575}select{width:100%;margin-top:7px;padding:11px 8px;border:1px solid #e0e6db;border-radius:7px;background:#fff;color:#41533f;font-size:12px}.primary{width:100%;background:#284e40;color:#fff;padding:16px;border-radius:9px;text-align:left;font-size:13px}.primary span{float:right}.hint{font-size:10px;line-height:1.8;color:#8c968a}#status{font-size:12px;margin-bottom:0;color:#526c55}.error{color:#a34336!important}.preview-heading{display:flex;justify-content:space-between;align-items:center;margin:6px 0 20px}.badge{font-size:10px;background:#e9eee3;padding:5px 9px;border-radius:20px;color:#748364}.card{border-radius:14px;padding:36px 36px 26px;position:relative;overflow:hidden;box-shadow:0 15px 35px #2941330c}.sage{background:#e7edde;color:#324f3b}.cream{background:#f0e7d5;color:#675339}.night{background:#263c3d;color:#e9eee2}.card:before{content:"";position:absolute;width:220px;height:220px;border:1px solid currentColor;opacity:.08;border-radius:50%;right:-95px;top:-65px;pointer-events:none}.card-top{display:flex;justify-content:space-between;align-items:center;font-size:24px;opacity:.55}.card-top span{font-size:8px;letter-spacing:2px}.card-label{font-size:10px;letter-spacing:2px;margin-top:33px;opacity:.6}.card h3{font-family:Batang,AppleMyungjo,serif;font-size:27px;font-weight:500;line-height:1.5;margin:10px 0 27px}.card-lines{font-family:Batang,AppleMyungjo,serif;font-size:17px;line-height:1.9;word-break:keep-all;overflow-wrap:anywhere}.card-lines p{margin:0 0 15px}.card-bottom{border-top:1px solid #88987644;margin-top:35px;padding-top:18px;font-size:10px;line-height:1.7}.card-bottom small{display:block;font-size:8px;opacity:.5;margin-top:7px}.design{display:flex;align-items:center;gap:15px;margin:16px 0;font-size:11px;color:#8a9683}.design>div{display:flex;gap:9px}.design>.quiet{margin-left:auto}.swatch{width:22px;height:22px;border-radius:50%;border:1px solid #c5ccbd}.swatch.selected{outline:1px solid #697c58;outline-offset:3px}.exports{display:grid;grid-template-columns:1fr 1fr 1.3fr 1fr;gap:8px}.exports button{background:#fff;border:1px solid #dde4d7;border-radius:7px;padding:12px 3px;font-size:11px;color:#617259}.grounds{margin:24px 0;background:#fff;border:1px solid #e1e7dc;border-radius:10px;padding:16px 20px}summary{cursor:pointer;font-size:12px;color:#64765a}summary span{float:right}.summary{font-size:12px;color:#7b8774}.ground{display:flex;gap:12px;border-top:1px solid #edf0e8;padding:12px 0}.ground>span{font-size:10px;color:#a2ad97;padding-top:3px}.ground b{font-size:11px;font-weight:500}.ground p{font-size:11px;color:#8a9482;margin:3px 0}.ground em{font-size:9px;font-style:normal;background:#edf1e7;padding:3px}.principle{text-align:center;padding:65px 0 55px}.principle>span{font-size:9px;letter-spacing:3px;color:#8d9d7e}.principle h2{font-family:Batang,AppleMyungjo,serif;font-size:23px;font-weight:400;line-height:1.8;margin:16px 0}.principle p{font-size:11px;color:#8a9683}.principle details{max-width:700px;margin:22px auto;text-align:left}.principle a{font-size:11px;color:#617858}footer{max-width:1160px;margin:auto;padding:25px 30px;border-top:1px solid #e1e7dc;font-size:12px;color:#6e8064;display:flex;justify-content:space-between}footer span{font-size:10px;color:#a0aa96}dialog{border:1px solid #dce4d5;border-radius:14px;padding:25px;max-width:560px;width:calc(100% - 32px);max-height:85vh;color:#334b3b}dialog::backdrop{background:#173b2b66}dialog h2{margin-bottom:20px}dialog label{display:block;font-size:12px;margin:15px 0}dialog input{display:block;padding:10px;width:100%;margin-top:8px;border:1px solid #dce4d5;border-radius:6px}dialog textarea{min-height:75px;margin-top:8px}.saved{display:flex;border-bottom:1px solid #e6eadf;padding:12px 0;gap:10px}.saved button{background:transparent;color:#52664c}.saved button:first-child{flex:1;text-align:left}.saved small{display:block;font-size:10px;margin-top:5px}@media(max-width:760px){header{padding:20px}main{padding:0 18px}.intro{padding-top:35px}h1{font-size:33px}.workspace{grid-template-columns:1fr;gap:30px}.panel{padding:22px}.card{padding:28px}.card-lines{font-size:16px}.principle{padding:40px 0}.principle h2{font-size:20px}footer span{max-width:150px;text-align:right}.preview-heading{margin-top:0}}