@import url("https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Jua&family=Gowun+Batang:wght@400;700&display=swap");
[hidden]{display:none!important}.rich-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center;padding-top:70px;padding-bottom:100px}.hero-copy h1{font-size:clamp(34px,3.6vw,52px);line-height:1.38;letter-spacing:-2.5px;margin:24px 0}.hero-copy h1 em{font-style:normal;color:var(--accent)}.hero-copy>p{font-size:16px;line-height:2;margin-bottom:30px}.photo-story{position:relative;padding:0 30px 95px 0}.story-main{display:block;width:100%;height:420px;object-fit:cover;border-radius:90px 22px 22px 22px}.story-small{position:absolute;width:48%;height:180px;object-fit:cover;bottom:0;right:-10px;border:8px solid var(--paper);border-radius:22px}.story-caption{position:absolute;top:225px;left:24px;color:white;text-shadow:0 2px 20px #24120e}.story-caption span{display:block;font-size:8px;letter-spacing:1px;margin-bottom:12px}.story-caption b{font-size:24px;line-height:1.5}.story-tag{position:absolute;bottom:38px;left:0;font-size:10px;color:var(--muted);max-width:44%}.belief-band{background:#e8efff;text-align:center}.belief-band .wrap{min-height:0;padding:65px 24px}.belief-band h2{font-size:30px;line-height:1.5}.belief-band p{line-height:2;margin-bottom:0}.rich-section{min-height:0;padding-top:75px;padding-bottom:65px;scroll-margin-top:20px}.section-heading{display:flex;gap:30px;justify-content:space-between;align-items:end;margin-bottom:26px}.section-heading h2{font-size:29px}.section-heading>p{font-size:13px}.sample-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#ffffff}.sample-photo{display:block;position:relative;overflow:hidden;height:240px}.sample-photo img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.sample-photo:hover img{transform:scale(1.035)}.sample-photo>span{position:absolute;left:16px;top:16px;background:#fffffff0;font-size:10px;padding:5px 10px;border-radius:20px}.sample-copy{padding:24px}.sample-copy h3{font-size:23px}.sample-copy>p{font-size:13px;min-height:66px}.sample-copy .actions{gap:12px}.sample-copy .btn{font-size:12px;padding:10px}.text-link{font-size:11px;color:var(--accent);font-weight:600}.sample-disclosure{margin:18px 0 0;font-size:11px;color:var(--muted)}.story-split{align-items:center;gap:50px}.editorial-photo{width:100%;height:540px;object-fit:cover;border-radius:20px}.journey{display:grid;gap:25px;margin:30px 0}.journey article{display:flex;gap:22px}.journey article>b{color:var(--accent);font-size:12px;padding-top:3px}.journey h3{font-size:17px;margin-bottom:7px}.journey p{font-size:13px;margin:0}.difference-band{background:#eaf0ff}.difference-band h2{font-size:30px;line-height:1.5}.comparison{border:1px solid #cbd8f1;background:#ffffff;border-radius:18px;overflow:hidden;margin:30px 0 18px}.comparison>div{display:grid;grid-template-columns:.7fr 1.3fr}.comparison>div+div{border-top:1px solid var(--line)}.comparison>div>*{padding:20px 25px;font-size:13px}.comparison>div>span{color:#58677e}.comparison-head{background:#2457e6;color:white}.comparison>div>:first-child{border-right:1px solid var(--line)}.difference-band small{font-size:10px}.faq{display:grid;grid-template-columns:.65fr 1.35fr;gap:50px}.faq details{padding:22px 0;border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-size:15px;font-weight:600}.faq details p{font-size:13px;line-height:1.9;margin:18px 0 0}.easy-builder .form{gap:22px}.builder-step{display:flex;gap:12px;align-items:center;margin-top:4px}.builder-step>span{background:var(--tint);color:var(--accent);width:32px;height:32px;display:grid;place-items:center;border-radius:10px;font-size:11px}.builder-step h2{font-size:20px;margin:0}.type-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.type-cards>label{display:block!important;position:relative;cursor:pointer;border:2px solid transparent;background:var(--paper);border-radius:12px;overflow:hidden}.type-cards input{position:absolute;left:10px;top:10px;width:16px;accent-color:var(--accent)}.type-cards img{width:100%;height:100px;object-fit:cover;display:block}.type-cards>label:has(input:checked){border-color:var(--accent);background:var(--tint)}.type-cards span{padding:10px;display:grid;gap:2px}.type-cards small{font-size:10px;font-weight:400}.build-result{display:grid;gap:22px}.build-status{font-size:12px;color:#29734c;background:#eaf3ec;padding:12px 16px;border-radius:10px;margin:0}.choice-field{border:0;padding:0;margin:0;min-width:0}.choice-field legend{font-size:13px;font-weight:600;margin-bottom:13px}.swatches{display:flex;gap:15px;flex-wrap:wrap}.swatch{position:relative;text-align:center;cursor:pointer;justify-items:center}.swatch input{position:absolute;width:1px;height:1px;opacity:0}.swatch>span{background:var(--swatch);display:block;width:34px;height:34px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px var(--line)}.swatch input:checked+span{box-shadow:0 0 0 2px var(--ink)}.swatch input:focus-visible+span{outline:3px solid #6488f0;outline-offset:4px}.swatch small{font-size:10px}.advanced{padding:15px;border:1px solid var(--line);border-radius:12px}.advanced summary{cursor:pointer;font-size:12px;color:var(--muted)}.advanced[open]>label{margin-top:15px}.builder-preview .preview-phone{max-width:355px;width:100%;border-width:8px}.preview-cover{overflow:hidden}.preview-cover img{width:100%;height:100%;object-fit:cover}.preview-body .sample-link{margin-top:13px}.preview-top{display:flex;justify-content:space-between;align-items:center;max-width:410px;margin:0 auto 15px}.preview-top .eyebrow{font-size:11px;letter-spacing:0;margin:0}.live-dot{font-size:9px;color:#3d8461}.live-dot:before{content:'';display:inline-block;width:6px;height:6px;background:#4b9670;border-radius:50%;margin-right:6px}.builder-preview>small{display:block;font-size:11px;margin:17px 0}.editor-tabs{display:flex;gap:6px;background:var(--paper);padding:5px;border-radius:12px}.editor-tabs button{flex:1;padding:10px 5px;font-size:12px;background:none;border:0;border-radius:9px;color:var(--muted)}.editor-tabs [aria-selected=true]{background:white;color:var(--accent);box-shadow:0 2px 5px #1739710c}.editor-card{padding:23px}.editor-card h2{font-size:21px;margin-bottom:0}.editor-card [data-editor-panel]{display:grid;gap:19px}.editor-card [data-editor-panel]>p{font-size:12px;margin:0}.layout-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.layout-choices label{border:1px solid var(--line);border-radius:11px;padding:12px;cursor:pointer;text-align:center;position:relative}.layout-choices label:has(input:checked){border-color:var(--accent);background:var(--tint)}.layout-choices input{position:absolute;width:14px;left:8px;top:8px}.layout-choices b{font-size:11px}.layout-choices small{font-size:9px;font-weight:400}.layout-mini{display:grid;gap:5px;padding-top:20px;padding-bottom:5px}.layout-mini i{height:13px;background:#c7d6f3;border-radius:5px}.layout-mini.thumb-minimal i{border-radius:0;background:none;border-bottom:1px solid #8299c3}.layout-mini.thumb-bold i{border:1px solid #344e7c;box-shadow:2px 2px #344e7c;border-radius:0}.block-sorter{display:grid;gap:9px}.block-control{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--line);border-radius:11px;padding:14px}.block-control .check{margin:0;align-items:center}.block-control button{width:30px;height:30px;border:1px solid var(--line);background:white;border-radius:8px}.block-control:has(input:checked){background:#f1f5ff}.block-control input{accent-color:var(--accent)}.editor-links{display:grid;gap:10px;color:var(--accent);font-size:12px}.save-bar{position:sticky;bottom:10px;display:flex;justify-content:space-between;align-items:center;gap:15px;background:#fffffff2;padding:15px 0 2px;border-top:1px solid var(--line)}.save-bar>span{font-size:10px;color:var(--muted)}.sample-toolbar{max-width:1100px;margin:25px auto;padding:18px 25px;background:#ffffff;border:1px solid var(--line);border-radius:15px;display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.sample-toolbar nav{display:flex;gap:10px}.sample-toolbar nav a{padding:6px 15px;border-radius:20px;background:var(--paper);font-size:12px}.sample-toolbar nav a.active{background:var(--accent);color:white}.sample-toolbar p{font-size:11px;margin:0}.sample-contact{display:grid;gap:12px}.sample-contact .sample-field{background:var(--paper);border:1px solid var(--line);padding:13px;border-radius:9px;font-size:13px;color:var(--muted)}.sample-contact button{justify-self:start}.sample-field.tall{min-height:85px}.sample-frame-label{padding:10px;background:#e8efff;text-align:center;font-size:10px}.store-content>[data-section=links]{display:grid;gap:15px}.empty-preview{padding:15px;border:1px dashed var(--line);color:var(--muted);font-size:12px}.preview-phone.minimal .sample-link{border-radius:0;box-shadow:none;border-bottom:1px solid var(--line)}.preview-phone.bold .sample-link{border:2px solid var(--ink);box-shadow:3px 3px var(--ink);border-radius:3px}
@media(max-width:960px){.rich-hero{gap:30px}.story-main{height:370px}.story-caption{top:210px}.story-small{height:145px}.story-caption b{font-size:20px}.story-tag{font-size:9px}.sample-cards.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sample-copy{padding:17px}.sample-copy h3{font-size:20px}.sample-photo{height:180px}.sample-copy>p{min-height:100px;font-size:12px}.story-split{gap:30px}.editorial-photo{height:480px}.easy-builder{gap:20px}.swatches{gap:12px}.type-cards{gap:6px}}
@media(max-width:650px){.rich-hero{grid-template-columns:1fr;gap:35px;padding-top:35px;padding-bottom:45px}.hero-copy h1{font-size:36px;letter-spacing:-1.8px}.hero-copy>p{font-size:13px}.photo-story{padding:0 25px 70px 0;max-width:450px;width:100%;margin:auto}.story-main{height:320px;border-radius:60px 18px 18px 18px}.story-small{height:135px;right:0}.story-caption{top:170px;left:20px}.story-tag{bottom:22px}.belief-band .wrap{padding:40px 20px}.belief-band h2{font-size:24px}.belief-band p{font-size:12px}.belief-band br{display:none}.rich-section{padding:45px 20px}.section-heading{display:block}.section-heading h2{font-size:25px}.section-heading>p{font-size:12px}.sample-cards.three{grid-template-columns:1fr;gap:20px}.sample-photo{height:230px}.sample-copy{padding:22px}.sample-copy>p{min-height:0}.sample-copy h3{font-size:24px}.sample-disclosure{font-size:10px}.editorial-photo{height:320px}.story-split{gap:25px}.difference-band h2{font-size:25px}.difference-band>.wrap>p{font-size:12px}.comparison>div{grid-template-columns:1fr}.comparison>div>*{padding:16px 18px;font-size:12px}.comparison>div>:first-child{border-right:0;padding-bottom:3px}.comparison-head{display:none!important}.comparison>div>span{padding-top:6px}.faq{grid-template-columns:1fr;gap:10px}.faq summary{font-size:13px}.easy-builder>.card{padding:22px 17px}.type-cards img{height:80px}.type-cards span{padding:8px}.type-cards small{font-size:9px}.sample-toolbar{margin:15px;padding:16px}.sample-toolbar nav{gap:5px}.sample-toolbar nav a{padding:6px 12px}.layout-choices label{padding:10px 7px}.layout-choices small{font-size:8px}.save-bar>span{max-width:95px}.builder-preview iframe{height:620px}.rich-hero .actions{gap:8px}.rich-hero .btn.large{font-size:13px;padding:14px 17px}}

.font-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.font-choices label,.shape-choices label{position:relative;cursor:pointer;border:1px solid var(--line);padding:12px;border-radius:10px}.font-choices label:has(:checked),.shape-choices label:has(:checked){border-color:var(--accent);background:var(--tint)}.font-choices input,.shape-choices input{width:15px}.font-choices span{font-size:12px}.font-choices b{display:block;font-size:20px;font-weight:400;margin-top:8px}.shape-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.shape-choices span{display:block;border:1px solid var(--accent);padding:8px;font-size:11px;text-align:center}.shape-round{--button-radius:24px}.shape-soft{--button-radius:9px}.shape-sharp{--button-radius:0px}.shape-choices span{border-radius:var(--button-radius)}
.store h1,.store h2,.store h3,.store .monogram,.preview-phone h2,.preview-phone .monogram{font-family:var(--shop-font,'Noto Sans KR',sans-serif)}.store .btn,.store .store-link,.preview-phone .sample-link{border-radius:var(--button-radius,12px)}
.layout-basic .store-cover{height:140px}.layout-basic .store-link{box-shadow:none;border:1px solid var(--line)}
.layout-photobg{position:relative;isolation:isolate}.layout-photobg .store-cover,.layout-photobg .preview-cover{position:absolute;inset:0;height:100%;z-index:-1;opacity:.25}.layout-photobg .store-profile,.layout-photobg .preview-body{padding-top:65px}.layout-photobg .card,.layout-photobg .store-link:not(.primary),.layout-photobg .sample-link{background:#ffffffdf;backdrop-filter:blur(8px)}
.layout-grid [data-section=links]{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-grid .store-link{align-items:start;min-width:0;overflow-wrap:anywhere}.layout-grid .preview-body{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.layout-grid .preview-body>*{width:100%}.layout-grid .preview-body .sample-link{width:46%}
.store.layout-dark,.preview-phone.layout-dark{background:#111b2c!important;--ink:#f0f5ff;--muted:#b7c7df;--line:#40516c;color:var(--ink)}.layout-dark .card,.layout-dark .store-link:not(.primary),.layout-dark .sample-link:not(.accent){background:#202e45;color:#f0f5ff;border:1px solid #40516c}.layout-dark input,.layout-dark textarea{background:#162237;color:#f0f5ff}
.layout-mag .store-cover{height:380px}.layout-mag .store-profile{text-align:left;padding-top:20px}.layout-mag .monogram{display:none}.layout-mag .store-profile p{margin-left:0}.layout-mag .store-content{gap:35px}.layout-mag .store-link:not(.primary){border-radius:0;border-bottom:1px solid var(--line);box-shadow:none;background:transparent}
.layout-sign .store-profile{background:var(--accent);color:white;padding-top:35px;padding-bottom:35px}.layout-sign .store-profile h1{font-size:clamp(34px,7vw,64px)}.layout-sign .store-profile p,.layout-sign .store-profile .eyebrow{color:#ffffffdf}.layout-sign .store-profile .btn{color:white;border-color:#ffffff80}.layout-sign .store-cover{height:120px}.layout-sign .preview-body h2{background:var(--accent);color:white;padding:20px 0}
.layout-film .store-cover{height:430px}.layout-film [data-section=items] .grid{grid-template-columns:1fr}.layout-film .item-img{height:440px}.layout-film .preview-cover{height:240px}.layout-card .preview-cover{height:165px}.layout-mag .preview-cover{height:200px}.layout-dark .preview-cover{height:180px}.layout-basic .preview-cover{height:90px}
.layout-mini.thumb-photobg{background:linear-gradient(130deg,#9caec7,#e1ebfa)}.layout-mini.thumb-grid{grid-template-columns:1fr 1fr}.layout-mini.thumb-dark{background:#182439}.layout-mini.thumb-dark i{background:#718cb5}.layout-mini.thumb-mag i:first-child,.layout-mini.thumb-film i:first-child{height:30px}.layout-mini.thumb-sign i:first-child{background:var(--accent);height:25px}.layout-mini.thumb-basic i{border-radius:0}.layout-choices small{display:block}
@media(max-width:600px){.layout-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-grid .store-link{padding:14px}.layout-film .item-img{height:300px}.layout-mag .store-cover,.layout-film .store-cover{height:300px}}

/* Match sample navigation and both levels of the shop page. */
.sample-toolbar{max-width:900px;width:calc(100% - 40px)}
@media(min-width:1100px){.sample-toolbar{max-width:1050px}}
@media(min-width:651px){.page-content>.store{width:calc(100% - 40px)}}
@media(max-width:650px){.detail-hero>div{padding-inline:20px}.sample-toolbar{width:calc(100% - 32px)}}
.detail-hero>img{display:block}

/* Sign style uses the shop name as the sign, without an overlapping avatar. */
.store.layout-sign .store-profile{padding:28px 24px 30px}
.store.layout-sign .store-profile .monogram{display:none}
.store.layout-sign .store-profile .eyebrow{margin:0 0 10px}
.store.layout-sign .store-profile h1{font-size:clamp(30px,4vw,44px);line-height:1.3;letter-spacing:-1px;margin:0 0 14px;overflow-wrap:anywhere}
.store.layout-sign .store-profile p{font-size:14px;line-height:1.8;margin:0 auto 20px;max-width:560px}
.store.layout-sign .store-cover{height:160px}
.preview-phone.layout-sign .preview-cover{height:140px}
.preview-phone.layout-sign .preview-body{background:var(--accent);color:white;padding:24px 20px}
.preview-phone.layout-sign .monogram{display:none}
.preview-phone.layout-sign .preview-body h2{padding:0;margin:0 0 14px;font-size:30px;line-height:1.3;overflow-wrap:anywhere}
.preview-phone.layout-sign .preview-body p{color:#ffffffdf}
.preview-phone.layout-sign .sample-link{background:white;color:var(--accent)}
.preview-phone.layout-sign .pill{background:#ffffff20;color:white}
.layout-mini.thumb-grid{display:grid;grid-template-columns:1fr 1fr}
@media(max-width:650px){.store.layout-sign .store-cover{height:140px}.store.layout-sign .store-profile{padding:24px 20px}.store.layout-sign .store-profile h1{font-size:32px}}
/* Mockup button anatomy: icon, photo, label, supporting text and arrow. */
.store-link{gap:14px}.store-link>div{flex:1;min-width:0}.store-link>div h3{overflow-wrap:anywhere}.link-icon{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:12px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}.link-icon svg{width:21px;height:21px}.primary .link-icon{background:#ffffff25;color:white}.link-thumb{display:none;width:62px;height:62px;object-fit:cover;border-radius:12px;flex-shrink:0}
.layout-card .link-thumb{display:block}.layout-card .store-link:has(.link-thumb) .link-icon{display:none}.layout-card .store-link{padding:14px 18px}
.layout-grid [data-section=links] .store-link{flex-direction:column;text-align:center;justify-content:center;padding:22px 14px}.layout-grid [data-section=links] .store-link>b{display:none}
.store.layout-minimal .store-cover,.store.layout-sign .store-cover{display:none}.store.layout-minimal .store-profile{padding-top:44px}.store.layout-minimal .monogram{margin:0 auto 16px;width:56px;height:56px;border-radius:50%;font-size:24px}.layout-minimal .store-link .link-icon{display:none}.layout-minimal .store-link:not(.primary) p{display:none}.layout-minimal .store-link.primary{background:var(--ink)}
.store.layout-sign .store-profile{text-align:left;padding:30px 24px}.store.layout-sign .store-profile p{margin-left:0}.store.layout-sign .store-profile .center{justify-content:flex-start}.preview-phone.layout-sign .preview-cover{display:none}.preview-phone.layout-sign .preview-body{text-align:left}
.store.layout-photobg{background:#17233b;color:white}.store.layout-photobg .store-cover{opacity:.55}.layout-photobg .store-profile p,.layout-photobg .store-profile .eyebrow{color:white}.layout-photobg .store-link:not(.primary){background:#ffffff24;color:white;border:1px solid #ffffff50}.layout-photobg .store-link:not(.primary) p,.layout-photobg .link-icon{color:white}.layout-photobg .store-link.primary{background:white;color:#15233b}.layout-photobg .store-link.primary p{color:#58677e}.layout-photobg .primary .link-icon{color:#15233b;background:#15233b10}
.layout-mag .store-link{border-radius:0}.layout-mag .link-icon{background:none;width:28px}.layout-mag [data-section=links]{gap:0}
.layout-bold .link-icon{border:2px solid var(--ink);background:white;color:var(--ink)}
.layout-film [data-section=links] .store-link{position:relative;isolation:isolate;min-height:190px;overflow:hidden;color:white;align-items:flex-end;background:#15233b}.layout-film [data-section=links] .link-thumb{display:block;position:absolute;inset:0;width:100%;height:100%;border-radius:0;z-index:-2;opacity:.65}.layout-film [data-section=links] .store-link:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#101a30c9);z-index:-1}.layout-film [data-section=links] .link-icon{display:none}.layout-film [data-section=links] p{color:#ffffffdd}
.store-cta{position:sticky;bottom:0;z-index:5;display:flex;gap:10px;padding:16px 24px;background:var(--tint);border-top:1px solid var(--line)}.store-cta>.btn:last-child{flex:1}.store-cta .ghost{background:white}.layout-dark .store-cta{background:#111b2c}.layout-mag .store-cta .btn{border-radius:0}.store [id]{scroll-margin-bottom:100px}
@media(max-width:650px){.store-link h3{font-size:15px}.store-link p{font-size:12px}.store-cta{padding:12px 20px}.link-thumb{width:54px;height:54px}}
.shop-sharing{padding:12px 20px;text-align:center}.shop-sharing .share-kakao{background:#fee500;color:#191919;border-color:#fee500}.shop-sharing .share-instagram{background:#a52983;color:white;border-color:#a52983}.shop-sharing .share-help,.shop-sharing .share-status{font-size:11px;line-height:1.7;margin:10px auto 0;max-width:480px}.share-status:empty{display:none}.share-manual{max-width:480px;margin:12px auto;display:grid;gap:12px}.share-manual label{font-size:12px}.store.layout-sign .shop-sharing p{font-size:11px;margin:10px auto 0}.shop-sharing .actions{gap:10px}.shop-sharing button{font-size:13px}

/* Brand icons keep their native colors, independent of the shop palette. */
.store .shop-sharing button[data-share-target]{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;min-height:48px;padding:4px;border:0;border-radius:12px;background:transparent;box-shadow:none;flex-shrink:0}
.store .shop-sharing button[data-share-target] img{display:block;width:40px;height:40px;object-fit:contain}
.store .shop-sharing button[data-share-target]:hover{filter:none;background:color-mix(in srgb,var(--accent) 8%,transparent)}
.store .shop-sharing button[data-share-target]:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.auto-create{max-width:720px;margin:24px auto!important;padding:40px!important}.auto-create h1{margin-bottom:20px}.auto-create>.form{margin-top:28px}.auto-create .form>button{width:100%}.auto-steps{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}@media(max-width:650px){.auto-create{padding:24px!important;margin:0 auto!important}}
.ai-cover-tools{display:grid;gap:10px}.ai-cover-tools p{font-size:12px;margin:0}.ai-image-label{font-size:11px;text-align:center;padding:8px 12px;margin:0;background:#eaf0ff;color:#344e7c}