:root{--paper:#f8f8f2;--ink:#18251e;--muted:#71776d;--line:#dfe2d7;--green:#d2f3ad;--soft:#eef1e5;--white:#fff;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans','Noto Sans KR',sans-serif;font-size:15px;line-height:1.65}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #587d38;outline-offset:5px}button:disabled{cursor:wait;opacity:.6}canvas{max-width:100%;display:block}button{color:inherit}.wrap{max-width:1240px;margin:auto;padding-left:48px;padding-right:48px}.announcement{background:var(--ink);color:#e4eedc;text-align:center;font-size:11px;letter-spacing:.04em;padding:9px 20px}.header{height:92px;max-width:1400px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.brand{display:flex;align-items:center;gap:10px;font-size:22px;letter-spacing:-1px;font-weight:800;line-height:1}.brand-icon{display:grid;place-items:center;width:29px;height:35px;border:1.5px solid currentColor;border-radius:8px;font-size:23px;transform:rotate(-10deg);font-style:italic}.brand-dot{font-size:10px;align-self:flex-start;margin:0 0 0 -6px}.header nav{display:flex;gap:32px;font-weight:500;font-size:13px}.header nav a:hover{color:#5e7e43}.nav-cta{font-size:12px;font-weight:700;border:1px solid var(--ink);border-radius:30px;padding:10px 17px}.nav-cta span{margin-left:15px}.hero{min-height:610px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;padding-top:60px;padding-bottom:80px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:10px;margin-bottom:23px}.live-dot{width:6px;height:6px;border-radius:50%;background:#82a65b}h1,h2,h3,p{margin-top:0}h1{font-size:72px;font-weight:800;line-height:1.17;letter-spacing:-5px;margin-bottom:27px}h2{font-size:34px;line-height:1.38;letter-spacing:-1.8px;font-weight:700;margin-bottom:13px}.hero p{font-size:14px;color:#687363;line-height:1.95;margin-bottom:32px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:48px;border:0;padding:12px 22px;border-radius:9px;font-size:12px;font-weight:600;transition:transform .15s,background .15s}.button:hover{transform:translateY(-2px)}.dark{background:var(--ink);color:#fff}.dark:hover{background:#2d4131}.secondary{background:transparent;color:var(--ink);border:1px solid #c8d0bd}.text-link{font-size:11px;font-weight:600;white-space:nowrap}.text-link span{margin-left:8px}.hero-meta{display:flex;gap:12px;align-items:center;font-size:9px;margin-top:37px;color:#7c8175}.hero-meta i{height:3px;width:3px;background:#aeb5a5;border-radius:100%}.hero-art{height:430px;position:relative;display:grid;align-items:center}.hero-art canvas{position:absolute;width:92%;border-radius:20px;box-shadow:0 30px 40px #12231824}#hero-back{transform:rotate(-15deg);top:38px;left:0}#hero-front{transform:rotate(9deg);top:139px;left:35px}.floating-note{position:absolute;right:0;top:3px;font-size:10px;font-weight:700;line-height:1.2;letter-spacing:1px;transform:rotate(9deg)}.orbit{position:absolute;border:1px solid #d5dec9;border-radius:50%;height:390px;width:390px;left:60px;top:22px;transform:rotate(-25deg)}.orbit-two{height:490px;width:490px;left:0;top:-30px}.art-caption{position:absolute;bottom:-21px;left:45px;display:flex;align-items:center;gap:13px;font-size:9px;letter-spacing:1.5px;font-weight:600}.tiny-star{font-size:26px}.ticker{overflow:hidden;white-space:nowrap;background:var(--green);border-top:1px solid #bfd79d;border-bottom:1px solid #bfd79d;padding:13px 0;font-size:12px;font-weight:700;letter-spacing:2px}.ticker>div{display:flex;justify-content:space-around;min-width:1100px;gap:45px}.ticker span{font-size:16px}.section{padding-top:90px;padding-bottom:90px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:34px}.section-top .eyebrow{margin-bottom:13px}.muted{color:var(--muted);font-size:12px;margin-bottom:0}.count{font-size:10px;letter-spacing:1.4px;white-space:nowrap;color:#747a6d}.filters{display:flex;gap:10px;margin-bottom:32px;flex-wrap:wrap}.filter{border:1px solid var(--line);border-radius:30px;background:transparent;padding:8px 18px;font-size:11px;color:#6c7468}.filter span{margin-left:7px;font-size:9px}.filter.active{background:var(--ink);color:#fff;border-color:var(--ink)}.design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 24px}.design-card{min-width:0}.card-thumb{background:#eceee5;padding:27px 21px;border-radius:14px;position:relative;overflow:hidden}.card-thumb canvas{width:100%;border-radius:11px;box-shadow:0 9px 14px #12231818;transition:transform .25s}.card-thumb:hover canvas{transform:rotate(-3deg) translateY(-3px)}.card-thumb button.pick-overlay{position:absolute;inset:0;border:0;background:transparent;z-index:1}.favorite{border:1px solid #fff9;background:#fff9;backdrop-filter:blur(6px);position:absolute;top:10px;right:10px;z-index:2;width:30px;height:30px;border-radius:50%;font-size:19px;line-height:1}.favorite.is-saved{color:#de553b;background:#fff}.card-details{display:flex;justify-content:space-between;align-items:center;padding-top:15px;gap:8px}.card-details h3{font-size:12px;letter-spacing:.5px;margin:0}.card-details p{font-size:10px;color:var(--muted);margin:3px 0 0}.select-design{border:0;background:transparent;border-bottom:1px solid #b5beaa;font-size:10px;padding:3px 0;white-space:nowrap}.pill{font-size:9px;letter-spacing:1px;border:1px solid #bbc6b2;border-radius:30px;padding:6px 12px;white-space:nowrap;font-weight:600}.studio-section{background:#eaf0df;border-top:1px solid #dce4cf;border-bottom:1px solid #dce4cf;padding:80px 0}.studio-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:58px;align-items:start}.preview-area{min-width:0;position:sticky;top:35px;padding-top:4px}.preview-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.4px;margin-bottom:29px;color:#68745d}.preview-area canvas{width:100%;border-radius:23px;box-shadow:0 22px 25px #3242281c;cursor:pointer}.preview-bottom{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.4px;margin-top:28px;gap:20px}.preview-bottom span:first-child{font-weight:700;font-size:9px}.preview-tip{display:flex;gap:10px;padding-top:30px;font-size:10px;color:#748169}.preview-tip span{font-size:17px;line-height:1}.editor{background:#f9fbf4;padding:27px;border:1px solid #d9e0cf;border-radius:16px}.field-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;margin:0 0 10px}.field-label:not(:first-child){margin-top:21px}.field-label span{font-size:9px;font-weight:400;color:#909782}input[type=text],select,#ios-version{background:#fff;border:1px solid #dce1d2;border-radius:8px;padding:12px 13px;font-size:12px;color:var(--ink);width:100%;height:44px}select{appearance:auto}.field-help{font-size:9px;line-height:1.8;color:#828b77;margin:9px 0 0}.color-row{display:flex;align-items:center;gap:14px}.color-row input[type=color]{border:1px solid #d7decb;background:#fff;padding:3px;border-radius:7px;width:40px;height:34px;cursor:pointer}.swatches{display:flex;gap:9px}.swatch{border:2px solid #fff;box-shadow:0 0 0 1px #d6ddcc;border-radius:50%;width:23px;height:23px}.upload-button{border:1px dashed #b9c4a9;display:flex;align-items:center;gap:9px;padding:13px;border-radius:8px;font-size:11px;cursor:pointer;background:#eff4e8}.upload-button>span{font-size:20px;line-height:1}.upload-button small{margin-left:auto;color:#8a947d;font-size:8px}.full{width:100%}.download-actions{display:grid;gap:9px;margin-top:26px}.local-note{font-size:9px;color:#7f8a72;line-height:1.9;text-align:center;margin:15px 0 0}.photo-name{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:9px;margin-top:13px}.photo-name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px}.small-button{font-size:9px;background:none;border:0;text-decoration:underline;padding:4px}.range-label{font-size:10px;display:flex;align-items:center;gap:20px;margin-top:13px}.range-label input{flex:1;min-width:0;accent-color:var(--ink)}.compatibility{border:1px solid var(--line);border-radius:17px;padding:28px 32px;display:grid;grid-template-columns:1fr 1fr;gap:35px;background:#fff8}.compatibility .eyebrow{font-size:8px;margin-bottom:13px}.compatibility h3{font-size:18px;letter-spacing:-.7px;margin-bottom:6px}.compatibility p{font-size:10px;color:var(--muted);margin-bottom:0}.version-entry label{display:block;font-size:10px;font-weight:600;margin-bottom:9px}.version-entry>div{display:flex;gap:9px}.version-entry .button{min-height:44px;white-space:nowrap}.version-entry #version-result{margin-top:10px;line-height:1.8;min-height:36px}.version-entry #version-result.positive{color:#3c6a28}.version-entry #version-result.negative{color:#a64c28}.guide-intro{margin:25px 0;display:flex;gap:18px;align-items:flex-start}.green{background:#e7f2d8;border-color:#e7f2d8;font-size:9px;letter-spacing:0}.guide-intro p{font-size:11px;color:#717b66;line-height:1.9;margin:0;max-width:750px}.guide-steps details{border-top:1px solid var(--line)}.guide-steps details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}.guide-steps summary{display:flex;align-items:center;gap:25px;padding:23px 5px;font-size:14px;font-weight:600}.step-number{font-size:11px;font-weight:500;color:#89917c;align-self:flex-start;padding-top:4px}.guide-steps summary small{display:block;font-size:10px;color:#939a88;font-weight:400;margin-top:4px}.plus{margin-left:auto;font-size:22px;font-weight:400}.guide-steps details[open] .plus{transform:rotate(45deg)}.step-body{padding:0 32px 25px 45px;font-size:12px;color:#626f5b;line-height:1.9}.step-body p{margin-bottom:15px}.step-body .subtle{font-size:10px;color:#88927c;margin-top:13px;margin-bottom:0}.step-body ol{padding-left:18px;margin-top:0}.step-body li{padding-bottom:8px}.step-body a{font-size:10px;text-decoration:underline;text-underline-offset:4px}.link-row{display:flex;gap:22px;flex-wrap:wrap}.offer-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-top:55px;padding-bottom:65px}.offer-section h2{font-size:37px;line-height:1.4;margin-bottom:23px}.offer-section p{font-size:12px;color:var(--muted);line-height:1.9}.offer-card{padding:35px;border:1px solid #cfd9c2;border-radius:20px;background:#fff9;box-shadow:0 7px 0 #e7eddd}.offer-card h3{font-size:18px;margin:20px 0 10px}.offer-price{font-size:33px;letter-spacing:-1.6px;font-weight:700}.offer-price small{display:block;font-size:10px;letter-spacing:0;color:#7f8a74;font-weight:400}.offer-card ul{list-style:none;padding:17px 0;border-top:1px solid var(--line);margin-top:22px;font-size:11px;line-height:2.5}.offer-card li:before{content:'✓';margin-right:12px;color:#6c8b4c}.offer-card .field-help{font-size:9px;margin-bottom:0}.faq-section h2{margin-bottom:32px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.faq-grid details{border-top:1px solid var(--line)}.faq-grid summary{font-size:12px;font-weight:500;padding:20px 0;display:flex;justify-content:space-between;gap:15px}.faq-grid summary span{font-size:16px;color:#7f8d70}.faq-grid p{font-size:11px;line-height:1.9;color:var(--muted);padding-right:15px;padding-bottom:10px}.footer{background:var(--ink);color:#eef3e6;padding:50px 0 23px}.footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;padding-bottom:45px}.footer-top p{font-size:10px;color:#b5c3a8;letter-spacing:.5px;margin:0}.footer-top>a:last-child{font-size:11px;border-bottom:1px solid #749366;padding-bottom:3px}.footer-bottom{border-top:1px solid #47533c;display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding-top:23px;color:#a9b89a;font-size:8px}.footer-bottom>a{margin-left:auto}.footer-button{border:0;background:none;font-size:8px;padding:0;color:inherit;text-decoration:underline;text-underline-offset:3px}.empty-state{padding:40px;border:1px dashed #ccd5bf;text-align:center;border-radius:15px;font-size:12px;color:#7a846f}dialog{border:1px solid var(--line);padding:30px;max-width:620px;width:calc(100% - 32px);border-radius:17px;color:var(--ink);background:var(--paper);max-height:85vh;overflow:auto}dialog::backdrop{background:#18251e99;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:23px}.dialog-head h2{font-size:23px;margin:0}.dialog-head button{border:0;background:transparent;font-size:30px;line-height:1}#dialog-body{font-size:12px;line-height:1.95}#dialog-body h3{margin:24px 0 10px;font-size:15px}#dialog-body li{padding-bottom:9px}#dialog-body a{text-decoration:underline}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);z-index:30;opacity:0;background:var(--ink);color:#fff;padding:13px 23px;border-radius:50px;font-size:12px;transition:.2s;max-width:calc(100% - 30px);text-align:center;pointer-events:none;box-shadow:0 8px 25px #0002}#toast.visible{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}
@media(min-width:1450px){.hero{min-height:670px}.hero-art{height:455px}}
@media(max-width:1000px){.wrap{padding-left:32px;padding-right:32px}.header{padding:0 32px}.hero{gap:15px;min-height:570px}h1{font-size:59px}.hero-art{height:340px}.hero-art canvas{border-radius:15px}#hero-front{top:130px;left:17px}.orbit{width:300px;height:300px;left:20px}.orbit-two{width:380px;height:380px;left:-20px}.hero-actions{gap:18px}.hero-actions .text-link{font-size:10px}.hero-meta{gap:8px;font-size:8px}.art-caption{font-size:7px;left:5px;bottom:-25px}.studio-layout{gap:30px}.studio-section{padding:65px 0}.card-thumb{padding:22px 15px}.offer-section{gap:40px}.offer-section h2{font-size:32px}.hero-copy p{font-size:12px}.preview-bottom{font-size:7px}}
@media(max-width:720px){.announcement{font-size:9px;padding:9px 10px}.header{height:72px;padding:0 22px;gap:15px}.brand{font-size:19px}.brand-icon{width:25px;height:30px;font-size:20px}.header nav{display:none}.nav-cta{font-size:10px;padding:9px 12px}.nav-cta span{margin-left:12px}.wrap{padding-left:23px;padding-right:23px}.hero{grid-template-columns:1fr;padding-top:43px;padding-bottom:52px;gap:20px;min-height:0}.eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:22px}h1{font-size:61px;line-height:1.17;letter-spacing:-4px;margin-bottom:22px}.hero p{font-size:12px;margin-bottom:24px}.hero-actions{gap:19px}.hero-actions .button{padding:13px 17px;font-size:11px}.hero-actions .text-link{font-size:10px}.hero-meta{margin-top:23px;font-size:8px;gap:12px}.hero-art{height:345px;max-width:420px;width:100%;margin:19px auto 0}.hero-art canvas{width:90%;border-radius:16px}#hero-back{top:26px;left:0}#hero-front{top:125px;left:26px}.orbit{left:20px;top:0;width:300px;height:300px}.orbit-two{left:-16px;top:-32px;width:365px;height:365px}.floating-note{top:-5px;right:9px;font-size:8px}.art-caption{left:20px;bottom:-1px;font-size:7px;letter-spacing:1px}.tiny-star{font-size:21px}.ticker{padding:11px 0;font-size:9px;letter-spacing:1.4px}.ticker>div{min-width:900px;gap:28px}.section{padding-top:58px;padding-bottom:58px}.section-top{gap:15px;margin-bottom:27px}h2{font-size:27px;letter-spacing:-1.2px}.muted{font-size:10px}.count{display:none}.filters{gap:7px;margin-bottom:24px}.filter{font-size:9px;padding:7px 12px}.filter span{font-size:8px}.design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 13px}.card-thumb{padding:20px 10px;border-radius:10px}.card-thumb canvas{border-radius:6px}.favorite{width:25px;height:25px;font-size:16px;top:6px;right:6px}.card-details{display:block;padding-top:11px}.card-details h3{font-size:10px}.card-details p{font-size:9px}.select-design{font-size:9px;margin-top:8px}.studio-section{padding:55px 0}.studio-layout{grid-template-columns:1fr;gap:30px}.preview-area{position:static}.preview-label{margin-bottom:20px}.preview-area canvas{border-radius:16px}.preview-bottom{margin-top:20px;font-size:7px}.preview-bottom span:first-child{font-size:8px}.preview-tip{font-size:9px;padding-top:19px}.editor{padding:23px}.field-label{font-size:12px}.field-help{font-size:10px}.local-note{font-size:10px}.editor .button{font-size:12px}.upload-button{font-size:12px}.compatibility{grid-template-columns:1fr;padding:23px;gap:22px}.compatibility h3{font-size:17px}.compatibility p{font-size:11px}.version-entry label{font-size:11px}.version-entry #version-result{font-size:11px;min-height:0}.guide-intro{display:block}.guide-intro p{margin-top:14px;font-size:11px}.guide-steps summary{gap:16px;padding:22px 2px;font-size:13px}.guide-steps summary small{font-size:10px}.step-body{padding:0 5px 24px 30px;font-size:11px}.link-row{gap:14px}.step-body .subtle{font-size:10px}.offer-section{grid-template-columns:1fr;gap:27px;padding-top:32px;padding-bottom:30px}.offer-section h2{font-size:30px}.offer-section p{font-size:11px}.offer-card{padding:26px}.offer-card h3{font-size:18px}.offer-price{font-size:30px}.offer-card ul{font-size:12px}.offer-card .field-help{font-size:10px}.faq-grid{grid-template-columns:1fr}.faq-grid summary{font-size:12px}.faq-grid p{font-size:11px}.faq-section .eyebrow{font-size:8px}.footer{padding-top:35px}.footer-top{flex-wrap:wrap;gap:25px;padding-bottom:30px}.footer-top .brand{width:100%}.footer-top p{font-size:9px}.footer-top>a:last-child{font-size:10px}.footer-bottom{font-size:8px;gap:14px}.footer-bottom>a{margin-left:0;width:100%}.footer-button{font-size:9px}#toast{font-size:11px;width:max-content;bottom:calc(20px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

@media(max-width:720px){.editor input[type=text],.editor select,#ios-version{font-size:16px}.favorite{width:36px;height:36px}.filters{row-gap:9px}}

.photo-file{display:block;width:100%;font-size:11px;min-height:44px;border:1px dashed #b9c4a9;border-radius:8px;background:#eff4e8;padding:7px}.photo-file::file-selector-button{font:inherit;background:#18251e;color:white;border:0;border-radius:5px;padding:8px 11px;margin-right:9px;cursor:pointer}

.reference-captures { margin-top: 1.5rem; padding: 1rem; border: 1px solid #d6dbd2; border-radius: 12px; }
.reference-captures summary { font-weight: 650; cursor: pointer; }
.reference-captures .link-row { flex-wrap: wrap; }
.download-actions button:disabled { opacity: .55; cursor: wait; }

.checkout-entry { display: inline-flex; margin-top: 12px; }
.checkout-summary {
  display: flex; align-items: center; gap: 14px;
  padding: 14px; border: 1px solid var(--line); border-radius: 12px;
}
.checkout-summary canvas { width: 98px; height: auto; flex: none; border-radius: 7px; }
.checkout-summary strong { display: block; font-size: .95rem; }
.checkout-summary span { display: block; margin-top: 4px; font-size: .78rem; color: var(--muted); }
.checkout-total { display: flex; align-items: center; justify-content: space-between; margin: 16px 0; }
.checkout-total dd { margin: 0; font-size: 1.25rem; font-weight: 750; }
.checkout-card fieldset { display: grid; gap: 8px; border: 0; padding: 0; margin: 0 0 16px; }
.checkout-card legend { font-size: .85rem; font-weight: 700; padding: 0 0 8px; }
.checkout-card label { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 12px; border: 1px solid var(--line); border-radius: 9px; cursor: pointer; }
.checkout-card label:has(:checked) { background: #edf2e6; border-color: #79906f; }
.checkout-card input[type=radio] { accent-color: #25432e; }
#checkout-submit:disabled { opacity: .55; cursor: wait; }
#checkout-result { margin: 18px 0 6px; font-size: 1.12rem; }
#checkout-result-message { margin: 0 0 16px; font-size: .87rem; }
#checkout-reset { margin-top: 8px; }