:root{--nk:#4f6347;--nk-dark:#3c4d36;--nk-soft:#efe7da;--nk-beige:#f7f2ea;--nk-sand:#e6dac6;--nk-gold:#b39561;--nk-ink:#2c3328}
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:var(--nk-ink);background:var(--nk-beige)}
h1,h2,.h3,.h4,.display-5,.display-6{font-family:'Fraunces',Georgia,serif;font-variation-settings:'SOFT' 100,'WONK' 1;font-weight:800!important;letter-spacing:-.02em}
h1.display-5{font-size:clamp(2.6rem,5vw,4rem)}
.nk-nav{border-bottom:1px solid var(--nk-sand);background:rgba(247,242,234,.92);backdrop-filter:blur(8px);position:sticky;top:0;z-index:50}
.nk-logo{font-family:'Fraunces',Georgia,serif;font-variation-settings:'SOFT' 100,'WONK' 1;font-weight:800;font-size:1.45rem;letter-spacing:-.02em;color:var(--nk-ink)!important}
.nk-logo span{color:var(--nk)}
.btn,.form-control,.form-select{border-radius:999px}
textarea.form-control{border-radius:16px}
.btn-nk{background:var(--nk);border-color:var(--nk);color:#fff}
.btn-nk:hover,.btn-nk:focus{background:var(--nk-dark);border-color:var(--nk-dark);color:#fff}
.btn-outline-nk{border-color:var(--nk);color:var(--nk)}
.btn-outline-nk:hover{background:var(--nk);color:#fff}
.bg-nk{background:var(--nk)!important}
.bg-nk-soft{background:var(--nk-soft)}
a{color:var(--nk)}
.nk-kicker{color:var(--nk-gold);font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem}
.nk-hero-site{padding:64px 0;background:radial-gradient(circle at 85% 20%,#dfe6d5 0,transparent 45%),radial-gradient(circle at 10% 90%,var(--nk-sand) 0,transparent 40%),var(--nk-beige)}
.nk-phone{width:300px;height:600px;margin:0 auto;border-radius:38px;border:10px solid #1d1a1c;overflow:hidden;box-shadow:0 30px 60px rgba(60,20,30,.18);background:#fff}
.nk-phone iframe{width:100%;height:100%;border:0;display:block}
.nk-step{width:48px;height:48px;border-radius:50%;background:var(--nk);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;margin:0 auto}
.nk-theme-card{border:0;border-radius:22px;box-shadow:0 10px 34px rgba(60,70,50,.08);overflow:hidden;background:#fffdf9}
.nk-theme-thumb{height:300px;overflow:hidden;position:relative;background:#eee}
.nk-theme-thumb iframe{width:390px;height:780px;border:0;transform:scale(.5);transform-origin:0 0;position:absolute;left:50%;margin-left:-97px;pointer-events:none}
.nk-price{border:1px solid var(--nk-sand);border-radius:24px;background:#fffdf9}
.nk-price-hl{border:1.5px solid var(--nk);box-shadow:0 16px 40px rgba(60,80,55,.12)}
.nk-site-footer{border-top:1px solid var(--nk-sand);padding:24px 0;font-size:.85rem;color:#7d806f;background:var(--nk-soft)}
.card{border-radius:22px}
.accordion-item{background:#fffdf9;border-color:var(--nk-sand)}
.accordion-button:not(.collapsed){background:var(--nk-soft);color:var(--nk-ink);box-shadow:none}
.accordion-item:first-of-type,.accordion-item:last-of-type{border-radius:16px}
.nk-choice{border:1.5px solid var(--nk-sand);background:#fffdf9;padding:10px;border-radius:16px!important}
.btn-check:checked+.nk-choice{border-color:var(--nk);background:var(--nk-soft);color:var(--nk-ink)}
.nk-swatch{display:block;height:28px;border-radius:6px;margin-bottom:6px}
.nk-swatch-minimalis{background:linear-gradient(135deg,#fff 50%,#2f2f2f 50%);border:1px solid #ddd}
.nk-editor-form{padding:20px;background:var(--nk-beige);min-height:calc(100vh - 57px)}
.nk-editor-preview{position:sticky;top:57px;height:calc(100vh - 57px);display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#e3e8da 0,var(--nk-sand) 90%)}
.nk-phone-lg{height:min(720px,calc(100vh - 140px));width:min(360px,calc((100vh - 140px)/2))}
.nk-block{background:#fffdf9;border:1px solid var(--nk-sand);border-radius:20px;padding:18px;margin-bottom:14px}
.nk-block h2{font-family:'Fraunces',Georgia,serif;font-variation-settings:'SOFT' 100,'WONK' 1;font-size:1.2rem;font-weight:800;margin-bottom:14px}
.nk-block .form-label{font-size:.8rem;color:#666;margin-bottom:2px}
.nk-sub{border-top:1px dashed #e5e5e5;padding-top:14px;margin-top:14px}
.nk-sub:first-of-type{border:0;padding-top:0;margin-top:0}
.nk-locked-block{opacity:.55}
.nk-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px}
.nk-thumb{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#f2f2f2}
.nk-thumb img{width:100%;height:100%;object-fit:cover}
.nk-del{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;line-height:1;font-size:16px}
.nk-add{display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--nk);border:2px dashed #ddd;cursor:pointer;margin:0}
.nk-bottom-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(255,253,249,.95);backdrop-filter:blur(8px);border-top:1px solid var(--nk-sand);padding:10px 16px;display:flex;gap:8px;align-items:center}
@media (min-width:992px){.nk-bottom-bar{right:auto;width:50%}}
@media (min-width:1200px){.nk-bottom-bar{width:41.666%}}
@media (max-width:991.98px){.nk-editor-preview{display:none}body.nk-show-preview .nk-editor-preview{display:flex;position:static;height:calc(100vh - 130px)}body.nk-show-preview .nk-editor-form{display:none}.nk-phone-lg{width:100%;max-width:400px;height:100%;border-width:0;border-radius:0;box-shadow:none}}
.nk-guest-row{display:flex;gap:8px;align-items:center;border:1px solid #eee;border-radius:10px;padding:10px 12px;margin-bottom:8px;background:#fff}
.nk-guest-row.nk-sent{background:#f0f8f1}
.nk-big-icon{width:72px;height:72px;border-radius:50%;background:#e7f5ea;color:#2e8b4a;font-size:2.2rem;display:flex;align-items:center;justify-content:center;margin:16px auto}
.nk-fake-qr{width:200px;height:200px;margin:0 auto;background:repeating-conic-gradient(#222 0 25%,#fff 0 50%) 0 0/20px 20px;border:10px solid #fff;outline:1px solid #ddd}
.nk-stat{background:#fff;border:1px solid #eee;border-radius:12px;padding:14px}
.nk-stat small{display:block;color:#777;font-size:.75rem}
.nk-stat strong{font-size:1.3rem}
.nk-colors{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.nk-color{width:36px;height:36px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #ddd;cursor:pointer;padding:0;position:relative;margin:0}
.nk-color.active{box-shadow:0 0 0 2px var(--nk)}
.nk-color-default{width:auto;border-radius:18px;padding:0 12px;background:#f4f4f4;font-size:.75rem}
.nk-color-custom{background:conic-gradient(red,yellow,lime,cyan,blue,magenta,red);overflow:hidden}
.nk-color-custom input{opacity:0;position:absolute;inset:0;width:100%;height:100%;cursor:pointer}
.nk-font-choice{display:flex;flex-direction:column;align-items:center;padding:10px 6px}
.nk-font-sample{font-size:1.25rem;line-height:1.3;white-space:nowrap;overflow:hidden;max-width:100%}
.nk-font-choice small{font-size:.72rem;color:#777}
.nk-promo-bar{background:linear-gradient(90deg,var(--nk-dark),var(--nk));color:#fff;text-align:center;font-size:.85rem;padding:8px 12px}
.nk-promo-bar s{opacity:.75}
.text-nk{color:var(--nk)}
.nk-promo-note{background:var(--nk-soft);border-radius:10px;padding:10px}

.nk-step{background:var(--nk);box-shadow:0 0 0 6px var(--nk-soft)}
.bg-nk-soft{background:var(--nk-soft)!important}
.nk-phone{border-color:#2c3328}
.nk-guest-row.nk-opened{border-color:#b9dfc3}
.nk-wa-float{position:fixed;right:16px;bottom:16px;z-index:1030;display:flex;align-items:center;gap:8px;background:#25d366;color:#fff;border-radius:28px;padding:10px 16px 10px 12px;font-weight:600;font-size:.9rem;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.nk-wa-float:hover{color:#fff;background:#1ebe5b}
@media (max-width:575.98px){.nk-wa-float span{display:none}.nk-wa-float{padding:12px;border-radius:50%}}
.nk-wa-float{position:fixed;right:16px;bottom:16px;z-index:1030;display:flex;align-items:center;gap:8px;background:#25d366;color:#fff;border-radius:28px;padding:10px 16px 10px 12px;font-weight:600;font-size:.9rem;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.nk-wa-float:hover{color:#fff;background:#1ebe5b}
@media (max-width:575.98px){.nk-wa-float span{display:none}.nk-wa-float{padding:12px;border-radius:50%}}
.nk-swatch-doodle{background:radial-gradient(#e2637f 1.4px,transparent 1.7px) 0 0/8px 8px,linear-gradient(135deg,#fffaf0 50%,#ffe27a 50%);border:1.5px solid #2e2a33}
.nk-swatch-sketsa{background:radial-gradient(circle at 70% 30%,#8e2430 3px,transparent 3.5px),linear-gradient(135deg,#e8e0d4 50%,#2f4a2c 50%);border:1.5px dashed #8e2430}
.nk-swatch-pita{background:repeating-linear-gradient(90deg,rgba(74,111,192,.18) 0 5px,transparent 5px 10px),repeating-linear-gradient(0deg,rgba(74,111,192,.18) 0 5px,transparent 5px 10px),#fbe6a2;border:2px solid #4a6fc0}
.nk-swatch-krayon{background:radial-gradient(ellipse 5px 7px at 30% 36%,#7d2230 90%,transparent),radial-gradient(ellipse 5px 7px at 66% 60%,#f08a34 90%,transparent),radial-gradient(ellipse 3px 6px at 50% 82%,#5c7a4c 90%,transparent),#ecebe0;border:2px solid #3e5641}
.nk-swatch-merpati{background:radial-gradient(circle at 42% 50%,#3f7fa3 3px,transparent 3.5px) padding-box,radial-gradient(circle at 60% 50%,#a54043 4px,transparent 4.5px) padding-box,linear-gradient(#fff,#fff) padding-box,repeating-linear-gradient(-45deg,#3f7fa3 0 4px,#fff 4px 7px,#a54043 7px 11px,#fff 11px 14px) border-box;border:3px solid transparent}
.nk-swatch-tulip{background:radial-gradient(circle at 68% 34%,#e0668a 4px,transparent 4.5px),radial-gradient(circle at 34% 62%,#f0a3b6 3px,transparent 3.5px),#eef3e0;border:2px solid #6f7f3c}

/* ===== v0.8 Halaman depan "Scrapbook Stiker" (warna tetap) ===== */
.btn-ink{background:var(--nk-ink);border-color:var(--nk-ink);color:var(--nk-beige);box-shadow:3px 3px 0 var(--nk-gold)}
.btn-ink:hover,.btn-ink:focus{background:#1f251c;border-color:#1f251c;color:#fff}
.btn-outline-ink{border:1.5px solid var(--nk-ink);color:var(--nk-ink);background:transparent}
.btn-outline-ink:hover{background:var(--nk-ink);color:var(--nk-beige)}
.nk-nav .btn-ink{transform:rotate(-2deg)}
.nk-hand{font-family:'Caveat','Comic Sans MS',cursive;font-weight:700;color:var(--nk);font-size:1.45rem;line-height:1;display:inline-block;transform:rotate(-4deg)}
.nk-tape{position:absolute;top:-11px;left:50%;width:76px;height:22px;margin-left:-38px;background:rgba(179,149,97,.5);transform:rotate(-4deg);z-index:2;pointer-events:none}
.nk-tape-g{background:rgba(79,99,71,.4);transform:rotate(5deg)}
.nk-sb-hero{padding:48px 0 64px;background:radial-gradient(var(--nk-sand) 1.2px,transparent 1.5px) 0 0/18px 18px,var(--nk-beige);overflow:hidden}
.nk-sb-title{font-size:clamp(2.4rem,5.6vw,4.1rem);line-height:1.02;margin:0}
.nk-hl{background:linear-gradient(transparent 60%,rgba(179,149,97,.45) 60%);padding:0 .08em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.nk-sb-lead{font-size:1.08rem;color:#5d6352;max-width:34rem;margin:18px 0 0}
.nk-sb-try{position:relative;background:#fffdf9;border-radius:6px;padding:20px 16px 14px;box-shadow:0 6px 18px rgba(44,51,40,.08);transform:rotate(-.8deg);max-width:30rem}
.nk-sb-try label{font-family:'Caveat',cursive;font-weight:700;font-size:1.3rem;color:var(--nk-ink);margin-bottom:6px;display:block}
.nk-sb-try-row{display:flex;gap:8px;align-items:center}
.nk-sb-try-row input{min-width:0}
.nk-sb-try-row span{font-family:'Fraunces',Georgia,serif;font-size:1.3rem;color:var(--nk)}
.nk-stage{position:relative;height:540px;max-width:520px;margin:0 auto}
.nk-polaroid{position:absolute;margin:0;background:#fff;padding:10px 10px 44px;box-shadow:0 14px 30px rgba(44,51,40,.2)}
.nk-pol-screen{width:100%;aspect-ratio:9/16;overflow:hidden;position:relative;background:#f4f1ea}
.nk-pol-screen iframe{position:absolute;top:0;left:0;width:390px;height:693px;border:0;transform-origin:0 0}
.nk-polaroid figcaption{position:absolute;left:0;right:0;bottom:8px;text-align:center;font-family:'Caveat',cursive;font-weight:700;font-size:1.3rem;color:var(--nk-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px}
.nk-pol-main{width:260px;left:4%;top:10px;transform:rotate(-5deg);z-index:2}
.nk-pol-main .nk-pol-screen iframe{transform:scale(.6154)}
.nk-pol-side{width:200px;right:4%;top:70px;transform:rotate(6deg)}
.nk-pol-side .nk-pol-screen iframe{transform:scale(.4615);pointer-events:none}
.nk-sticker{position:absolute;z-index:3;width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:800;font-size:.95rem;line-height:1.1;background:var(--nk-gold);color:#fff;border:4px solid #fff;box-shadow:0 6px 14px rgba(0,0,0,.15);transform:rotate(-12deg);left:calc(4% + 196px);top:-14px;animation:nk-wob 3.2s ease-in-out infinite}
@keyframes nk-wob{50%{transform:rotate(-4deg) scale(1.05)}}
.nk-arrow{position:absolute;right:4%;bottom:6px;font-family:'Caveat',cursive;font-weight:700;font-size:1.5rem;color:var(--nk);transform:rotate(-6deg);z-index:3}
.nk-arrow{display:flex;align-items:center;gap:4px;flex-direction:row-reverse}.nk-arrow svg{display:block}
@media (max-width:575.98px){
  .nk-stage{height:430px}
  .nk-pol-main{width:205px;left:0}
  .nk-pol-main .nk-pol-screen iframe{transform:scale(.4718)}
  .nk-pol-side{width:150px;right:0;top:50px}
  .nk-pol-side .nk-pol-screen iframe{transform:scale(.3333)}
  .nk-sticker{width:78px;height:78px;font-size:.78rem;left:150px;top:-16px}
  .nk-arrow{bottom:2px;font-size:1.25rem}
}
.nk-sb-sec{padding:64px 0}
.nk-sb-soft{background:var(--nk-soft)}
.nk-sb-head{margin-bottom:32px}
.nk-sb-head h2{font-size:clamp(1.9rem,3.6vw,2.6rem);margin:0}
.nk-sb-head p{color:#6c705f;margin:6px 0 0}
.nk-sb-head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.nk-notes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px 22px}
.nk-note{position:relative;background:#fffdf9;border-radius:4px;padding:26px 18px 18px;box-shadow:0 6px 18px rgba(44,51,40,.08);display:flex;flex-direction:column;gap:6px}
.nk-notes .nk-note:nth-child(odd){transform:rotate(-1.2deg)}
.nk-notes .nk-note:nth-child(even){transform:rotate(1deg)}
.nk-note b{font-family:'Fraunces',Georgia,serif;font-variation-settings:'SOFT' 100,'WONK' 1;font-size:1.15rem}
.nk-note>span:last-child{color:#6c705f;font-size:.92rem}
.nk-note-no{font-family:'Caveat',cursive;font-weight:700;font-size:2.2rem;line-height:1;color:var(--nk-gold)}
.nk-swipe{display:flex;gap:26px;overflow-x:auto;scroll-snap-type:x mandatory;padding:18px max(16px,calc((100% - 1116px)/2)) 34px;align-items:flex-start;scrollbar-width:thin}
.nk-theme{position:relative;flex:0 0 230px;scroll-snap-align:start;background:#fff;padding:10px 10px 14px;box-shadow:0 10px 24px rgba(44,51,40,.14)}
.nk-theme:nth-child(odd){transform:rotate(-1.5deg)}
.nk-theme:nth-child(even){transform:rotate(1.5deg)}
.nk-theme .nk-theme-thumb{height:340px;overflow:hidden;position:relative;background:#f4f1ea}
.nk-theme .nk-theme-thumb iframe{position:absolute;left:0;top:0;width:390px;height:640px;border:0;transform:scale(.5385);transform-origin:0 0;pointer-events:none;margin:0}
.nk-theme-body{padding-top:10px}
.nk-theme-body h3{font-family:'Caveat',cursive;font-weight:700;font-size:1.6rem;margin:0;letter-spacing:0}
.nk-theme-body p{font-size:.8rem;color:#6c705f;margin:2px 0 10px;min-height:2.6em}
.nk-price-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;max-width:860px;margin:0 auto;align-items:start}
.nk-price-card{position:relative;background:var(--nk);color:#fff;border-radius:26px 26px 26px 6px;padding:28px 24px;display:flex;flex-direction:column;gap:2px;box-shadow:6px 6px 0 var(--nk-ink)}
.nk-price-card strong{font-family:'Fraunces',Georgia,serif;font-variation-settings:'SOFT' 100,'WONK' 1;font-size:3.2rem;line-height:1}
.nk-price-card s{opacity:.7}
.nk-price-card small{opacity:.9}
.nk-price-label{font-family:'Caveat',cursive;font-weight:700;font-size:1.4rem;color:var(--nk-sand)}
.nk-price-note{background:rgba(255,255,255,.12);border-radius:10px;padding:8px 10px;margin-top:10px}
.nk-sticker-sm{width:78px;height:78px;font-size:.8rem;left:auto;right:6px;top:-30px;bottom:auto}
.nk-feat{transform:rotate(1deg)}
.nk-feat ul{list-style:none;padding:0;margin:6px 0 0;display:grid;gap:6px;font-size:.93rem}
.nk-feat li::before{content:"\2713  ";color:var(--nk);font-weight:800}
@media (prefers-reduced-motion:reduce){.nk-sticker{animation:none}}
/* 8 tema Gen Z */
.nk-swatch-y2k{background:radial-gradient(circle at 50% 50%,#fff 3px,#e9e4ff 3.5px 6px,transparent 6.5px),conic-gradient(#ffd1f2,#c9d8ff,#c9fff0,#fff6b8,#ffd1f2);border:1.5px solid #b45cf0}
.nk-swatch-brutal{background:linear-gradient(90deg,#d4ff3a 0 40%,#ff9bd2 40% 70%,#3b5bff 70%);border:2.5px solid #111;box-shadow:3px 3px 0 #111;border-radius:0}
.nk-swatch-senja{background:radial-gradient(circle at 50% 100%,#ffe066 0 7px,#ff4fa3 7.5px 11px,transparent 11.5px),linear-gradient(#2b0f4f,#5b1a6e);border:1.5px solid #ff4fa3}
.nk-swatch-matcha{background:radial-gradient(circle at 70% 50%,#6f8f4e 6px,transparent 6.5px),#f2ece0;border:1px solid #d8cfbd}
.nk-swatch-chat{background:radial-gradient(ellipse 14px 6px at 30% 38%,#fff 98%,transparent),radial-gradient(ellipse 14px 6px at 70% 68%,#2f7bf6 98%,transparent),#e3e8f1;border:1px solid #c9d2e0}
.nk-swatch-playlist{background:linear-gradient(135deg,#9a6bff,#ff6fb1 60%,#ffb36b) 6px 50%/18px 18px no-repeat,#121212;border:1px solid #333}
.nk-swatch-pixel{background:linear-gradient(90deg,#ff4d7e 0 6px,transparent 6px 8px,#ff4d7e 8px 14px,transparent 14px 16px,#ff4d7e 16px 22px,transparent 22px) 50% 50%/22px 8px no-repeat,#120e2e;border:2px solid #fff;outline:2px solid #000;border-radius:0}
.nk-swatch-aurora{background:radial-gradient(circle at 25% 30%,#7c6cff,transparent 55%),radial-gradient(circle at 75% 70%,#36e2c4,transparent 55%),radial-gradient(circle at 70% 20%,#ff79d1,transparent 45%),#090a1a;border:1px solid #2a2c4a}

/* Editor: foto sampul terpisah dari galeri */
.nk-cover-edit{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.nk-cover-thumb{width:96px;aspect-ratio:4/5}
.nk-cover-thumb[hidden]{display:none}

/* Premium: dibuatkan admin lewat WhatsApp */
.nk-premium{position:relative;display:grid;grid-template-columns:1fr auto;gap:20px 28px;align-items:center;max-width:860px;margin:32px auto 0;padding:24px;background:#fffdf9;border:2px solid var(--nk-ink);border-radius:22px 22px 22px 6px;box-shadow:6px 6px 0 var(--nk-sand)}
.nk-premium h3{font-family:'Fraunces',Georgia,serif;font-size:1.5rem;margin:2px 0 6px}
.nk-premium p{margin:0;color:#5b5b55}
.nk-premium .nk-price-label{color:var(--nk)}
.nk-premium-price{display:flex;flex-direction:column;min-width:220px}
.nk-premium-price s{opacity:.6}
.nk-premium-price strong{font-family:'Fraunces',Georgia,serif;font-variation-settings:'SOFT' 100,'WONK' 1;font-size:2.6rem;line-height:1}
.nk-premium-price small{color:#5b5b55}
@media (max-width:640px){.nk-premium{grid-template-columns:1fr}.nk-premium-price{min-width:0}}