/* Loteng Campaign */
.lkc,.lkc-explore,.lkc-create,.lkc-gate{--lkc-ink:#202426;--lkc-muted:#6d7475;--lkc-line:#e3e6e3;--lkc-lime:#d9f36a;--lkc-purple:#7763e8;color:var(--lkc-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5}
.lkc *,.lkc-explore *,.lkc-create *{box-sizing:border-box}
.lkc [hidden],.lkc-create [hidden]{display:none!important}
.lkc-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;height:38px!important;min-height:0!important;min-width:0!important;margin:0!important;padding:0 16px!important;border:1px solid var(--lkc-line)!important;border-radius:10px!important;background:#fff!important;color:var(--lkc-ink)!important;box-shadow:none!important;font:650 13px/1 Inter,ui-sans-serif,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;cursor:pointer;transition:background .15s ease,border-color .15s ease}
.lkc-btn:hover{border-color:#9aa29b!important}
.lkc-btn.is-primary{border-color:var(--lkc-ink)!important;background:var(--lkc-ink)!important;color:#fff!important}
.lkc-btn.is-primary:hover{background:#3b4441!important}
.lkc-btn.is-ghost{height:32px!important;padding:0 11px!important;font-size:12px!important}
.lkc-btn:disabled{opacity:.45;cursor:not-allowed}
.lkc-link{padding:0!important;border:0!important;background:none!important;color:var(--lkc-ink)!important;font:600 12px/1.4 Inter,ui-sans-serif,system-ui,sans-serif!important;text-decoration:underline!important;text-underline-offset:3px;cursor:pointer}
.lkc-link.is-muted{color:var(--lkc-muted)!important}
.lkc-notice{margin:0 0 16px;padding:10px 14px;border-radius:10px;background:#fff6d6;color:#6b5200;font-size:13px}
.lkc-pick-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--lkc-lime);font-size:22px;line-height:1}

/* Halaman campaign */
.lkc{margin:8px 0 32px}
.lkc-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:28px;align-items:start}
.lkc-stage{position:relative;width:100%;aspect-ratio:var(--lkc-ratio,1/1);overflow:hidden;border-radius:16px;background-color:#f1f2ef;background-image:linear-gradient(45deg,#e4e6e3 25%,transparent 25%),linear-gradient(-45deg,#e4e6e3 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e4e6e3 75%),linear-gradient(-45deg,transparent 75%,#e4e6e3 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;box-shadow:0 10px 30px rgba(22,28,25,.12)}
.lkc-stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}
.lkc-stage canvas:active{cursor:grabbing}
.lkc-pick-overlay{position:absolute!important;inset:0;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%!important;height:100%!important;margin:0!important;padding:16px!important;border:0!important;border-radius:0!important;background:rgba(255,255,255,.35)!important;color:var(--lkc-ink)!important;box-shadow:none!important;font:inherit!important;cursor:pointer;backdrop-filter:blur(1px)}
.lkc-pick-overlay strong{padding:9px 18px;border-radius:999px;background:var(--lkc-ink);color:#fff;font-size:14px}
.lkc-pick-overlay small{padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.85);color:#454c49;font-size:11px}
.lkc-tools{margin-top:12px}
.lkc-zoom{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600}
.lkc-zoom input{flex:1;accent-color:#596c32}
.lkc-tool-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.lkc-hint{margin:8px 0 0;color:var(--lkc-muted);font-size:11px}
.lkc-panel{position:sticky;top:24px}
.lkc-category{display:inline-block;margin-bottom:8px;padding:3px 10px;border-radius:999px;background:#eef1e8;color:#4c5a2a;font-size:11px;font-weight:700}
.lkc-stats{display:flex;align-items:baseline;gap:6px}
.lkc-stats strong{font-size:34px;font-weight:750;letter-spacing:-.03em}
.lkc-stats span{color:var(--lkc-muted);font-size:13px}
.lkc-by{margin:2px 0 16px;color:var(--lkc-muted);font-size:12px}
.lkc-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.lkc-actions .lkc-btn{width:100%!important;height:44px!important}
.lkc-caption{margin:16px 0 0;padding:12px 14px;border:1px solid var(--lkc-line);border-radius:12px;background:#fafbf9}
.lkc-caption-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;color:var(--lkc-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.lkc-caption p{margin:0;font-size:13px;white-space:pre-line;word-break:break-word}
.lkc-share-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.lkc-share-links:empty{display:none}
.lkc-share-chip{display:inline-flex!important;align-items:center;height:30px!important;margin:0!important;padding:0 12px!important;border:1px solid var(--lkc-line)!important;border-radius:999px!important;background:#fff!important;color:var(--lkc-ink)!important;font:600 12px/1 Inter,ui-sans-serif,system-ui,sans-serif!important;text-decoration:none!important;cursor:pointer}
.lkc-share-chip:hover{border-color:#9aa29b!important}
.lkc-desc{margin-top:18px;color:#3d4441;font-size:14px}
.lkc-desc p{margin:0 0 10px}
.lkc-foot{display:flex;justify-content:space-between;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid var(--lkc-line)}
.lkc-toast{position:fixed;left:50%;bottom:24px;z-index:99999;padding:10px 16px;border-radius:999px;background:var(--lkc-ink);color:#fff;font-size:13px;transform:translateX(-50%);box-shadow:0 10px 30px rgba(0,0,0,.25)}

/* Jelajah */
.lkc-explore{margin:24px 0}
.lkc-explore-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}
.lkc-explore-head h2{margin:6px 0 4px;font-size:clamp(22px,3vw,32px);letter-spacing:-.03em}
.lkc-explore-head p{margin:0;color:var(--lkc-muted);font-size:13px}
.lkc-filter{display:flex;gap:8px;margin:0 0 18px}
.lkc-filter input,.lkc-filter select{height:40px;padding:0 12px;border:1px solid var(--lkc-line);border-radius:10px;background:#fff;font:inherit;font-size:13px}
.lkc-filter input{flex:1;min-width:0}
.lkc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}
.lkc-card{display:block;overflow:hidden;border:1px solid var(--lkc-line);border-radius:14px;background:#fff;color:var(--lkc-ink)!important;text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease}
.lkc-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(30,35,30,.1)}
.lkc-card-media{display:block;aspect-ratio:1;background:#eef0ec}
.lkc-card-media img{display:block;width:100%;height:100%;object-fit:cover}
.lkc-card-body{display:flex;flex-direction:column;gap:3px;padding:11px 12px 13px}
.lkc-card-body strong{font-size:13px;line-height:1.3}
.lkc-card-body small{color:var(--lkc-muted);font-size:11px}
.lkc-empty{padding:24px;border:1px dashed #cdd2cb;border-radius:14px;color:var(--lkc-muted);text-align:center;font-size:13px}
.lkc-pages{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}
.lkc-pages a{display:grid;place-items:center;min-width:34px;height:34px;padding:0 8px;border:1px solid var(--lkc-line);border-radius:8px;color:var(--lkc-ink);text-decoration:none;font-size:12px}
.lkc-pages a.is-current{background:var(--lkc-ink);color:#fff}

/* Buat campaign */
.lkc-create,.lkc-gate{margin:16px 0 40px}
.lkc-create-head h2,.lkc-gate h2{margin:6px 0 4px;font-size:clamp(22px,3vw,30px);letter-spacing:-.03em}
.lkc-create-head p,.lkc-gate p{margin:0 0 18px;color:var(--lkc-muted);font-size:13px}
.lkc-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.lkc-frame-drop{position:relative;display:grid;place-items:center;aspect-ratio:1;overflow:hidden;border:1.5px dashed #bdc4bd;border-radius:16px;background:#fafbf9;text-align:center;cursor:pointer}
.lkc-frame-drop:hover{border-color:#7d857e}
.lkc-frame-drop>span{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px}
.lkc-frame-drop small{color:var(--lkc-muted);font-size:11px}
.lkc-frame-drop canvas{width:100%;height:100%;object-fit:contain}
.lkc-frame-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.lkc-frame-info{margin:8px 0 0;color:var(--lkc-muted);font-size:12px}
.lkc-frame-info.is-error,.lkc-form-status.is-error{color:#b3261e}
.lkc-form-fields{display:flex;flex-direction:column;gap:14px}
.lkc-form-fields label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:650}
.lkc-form-fields label small{color:var(--lkc-muted);font-weight:400}
.lkc-form-fields input,.lkc-form-fields textarea{width:100%;padding:10px 12px;border:1px solid var(--lkc-line);border-radius:10px;background:#fff;font:inherit;font-size:14px;font-weight:400}
.lkc-slug{display:flex;align-items:center;border:1px solid var(--lkc-line);border-radius:10px;background:#f6f7f4;overflow:hidden}
.lkc-slug small{padding:0 4px 0 12px;white-space:nowrap;max-width:50%;overflow:hidden;text-overflow:ellipsis}
.lkc-slug input{border:0!important;border-radius:0!important}
.lkc-form-status{margin:0;font-size:13px}

/* Dashboard */
.lkc-limit{color:var(--lkc-muted,#6d7475);font-size:13px;font-weight:500}
.lkc-dash-list{display:grid;gap:10px}
.lkc-dash-item{display:flex;gap:14px;align-items:center;padding:12px;border:1px solid #e6e9e6;border-radius:14px;background:#fff}
.lkc-dash-item img{flex:0 0 72px;width:72px;height:72px;border-radius:10px;object-fit:cover;background:#eef0ec}
.lkc-dash-body{display:flex;flex-direction:column;gap:4px;min-width:0}
.lkc-dash-body strong{font-size:14px}
.lkc-dash-body>span{color:#6d7475;font-size:12px}

@media(max-width:780px){
  .lkc-layout,.lkc-form{grid-template-columns:1fr}
  .lkc-panel{position:static}
  .lkc-explore-head{flex-direction:column;align-items:flex-start}
  .lkc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
}

/* Info & contoh bingkai */
.lkc-info{display:flex;gap:14px;margin:0 0 20px;padding:16px 18px;border:1px solid #d9d3fb;border-radius:14px;background:#f6f4ff;font-size:13px;color:#3d4441}
.lkc-info-icon{flex:0 0 26px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--lkc-purple);color:#fff;font:700 14px/1 Georgia,serif}
.lkc-info strong{display:block;margin-bottom:4px;font-size:14px;color:var(--lkc-ink)}
.lkc-info ul{margin:0 0 10px;padding-left:18px}
.lkc-info li{margin:3px 0}
.lkc-info-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.lkc-samples-modal[hidden]{display:none!important}
.lkc-samples-modal{position:fixed;inset:0;z-index:1000003;display:grid;place-items:center;padding:16px}
.lkc-samples-backdrop{position:absolute;inset:0;background:rgba(17,20,20,.62);backdrop-filter:blur(4px)}
.lkc-samples-box{position:relative;width:min(960px,100%);max-height:92vh;overflow:auto;padding:24px;border-radius:18px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.3)}
.lkc-samples-box h3{margin:0 40px 6px 0;font-size:20px}
.lkc-samples-box>p{margin:0 0 16px;color:var(--lkc-muted);font-size:13px}
.lkc-samples-x{position:absolute!important;top:12px;right:12px;width:34px!important;height:34px!important;padding:0!important;border:1px solid var(--lkc-line)!important;border-radius:10px!important;background:#fff!important;color:#333!important;font:400 20px/1 sans-serif!important;cursor:pointer}
.lkc-samples-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.lkc-sample{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--lkc-line);border-radius:14px}
.lkc-sample-media{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#eef0ec}
.lkc-sample-media img{width:100%;aspect-ratio:1;object-fit:contain;background-color:#f1f2ef;background-image:linear-gradient(45deg,#e1e3e0 25%,transparent 25%),linear-gradient(-45deg,#e1e3e0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e1e3e0 75%),linear-gradient(-45deg,transparent 75%,#e1e3e0 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}
.lkc-sample-media img+img{background:#eef0ec}
.lkc-sample-body{display:flex;flex-direction:column;gap:2px;padding:10px 12px 12px}
.lkc-sample-body strong{font-size:13px}
.lkc-sample-body small{color:var(--lkc-muted);font-size:11px}
.lkc-sample-actions{display:flex;gap:6px;margin-top:8px}
.lkc-sample-actions .lkc-btn{flex:1;height:32px!important;padding:0 8px!important;font-size:12px!important}