.gp-design-section{margin:24px 0;padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.025)}
.gp-field-title{display:flex;flex-direction:column;gap:3px;margin-bottom:14px}.gp-field-title b{font-size:14px;color:#fff}.gp-field-title small{font-size:11px;color:#8f8f9c}
.gp-templates{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.gp-template{appearance:none;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#0c0c11;color:#fff;padding:8px;text-align:left;cursor:pointer;transition:.18s}.gp-template:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.24)}.gp-template.is-active{border-color:#ff4052;box-shadow:0 0 0 3px #f21f3515}.gp-template-art{display:block;height:68px;border-radius:9px;margin-bottom:9px;position:relative;overflow:hidden}.gp-template-art:before,.gp-template-art:after{content:"";position:absolute;border-radius:4px}.gp-template-art:before{left:8px;right:8px;top:9px;height:22px;background:#fff}.gp-template-art:after{left:8px;right:24px;bottom:9px;height:18px;background:#ffffffb8}.gp-template-art.modern{background:linear-gradient(135deg,#e50914,#17171c)}.gp-template-art.bold{background:linear-gradient(160deg,#7c3aed 0 62%,#09090d 62%)}.gp-template-art.elegant{background:linear-gradient(135deg,#111827,#b8860b)}.gp-template-art.minimal{background:#f2f2f4}.gp-template-art.minimal:before{background:#222}.gp-template-art.minimal:after{background:#bbb}.gp-template b,.gp-template small{display:block}.gp-template b{font-size:12px}.gp-template small{font-size:9px;color:#858591;margin-top:2px}
.gp-color-presets{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:13px}.gp-color-presets button{width:34px;height:34px;padding:0;border:3px solid #202028;border-radius:11px;background:var(--sw);cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff2e;transition:.15s}.gp-color-presets button:hover,.gp-color-presets button.is-active{transform:scale(1.08);border-color:#fff}
@media(max-width:600px){.gp-templates{grid-template-columns:repeat(2,1fr)}.gp-template-art{height:58px}.gp-design-section{padding:14px}}

/* V117 — clearer image upload + professional template gallery */
.gp-workspace{max-width:1380px!important;grid-template-columns:minmax(0,820px) minmax(380px,460px)!important;gap:42px!important}
.gp-editor{padding:42px!important}.gp-upload-grid{gap:16px!important}.gp-upload-grid .gp-upload-card{min-height:390px!important;padding:16px!important}
.gp-upload-visual{position:relative;display:grid;place-items:center;width:100%;margin:12px 0 8px;overflow:hidden;border:1px dashed rgba(255,255,255,.2);background:linear-gradient(145deg,#1b1b24,#0c0c11);box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.gp-logo-visual{height:165px;border-radius:18px}.gp-banner-visual{height:165px;border-radius:18px}.gp-upload-visual img{display:none;width:100%;height:100%;object-fit:contain;background:#08080c}.gp-banner-visual img{object-fit:cover}.gp-upload-visual.has-image img{display:block}.gp-upload-visual.has-image .gp-upload-empty{display:none}
.gp-upload-empty{text-align:center;padding:16px}.gp-upload-empty b{display:inline-block;padding:5px 9px;border-radius:999px;background:#f21f3517;color:#ff6373;font-size:10px;letter-spacing:.8px}.gp-upload-empty strong{display:block;margin-top:9px;color:#fff;font-size:18px}.gp-upload-empty small{display:block;margin-top:4px;color:#777785;font-size:10px}
.gp-size-row{flex-wrap:wrap}.gp-size-row b{font-size:11px!important}.gp-templates{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}.gp-template{padding:10px!important;border-radius:16px!important}.gp-template-art{height:82px!important}.gp-template b{font-size:13px!important}.gp-template small{font-size:10px!important}.gp-template-art.glass{background:linear-gradient(135deg,#0891b2,#10101a)}.gp-template-art.glass:before{background:#ffffffd9;box-shadow:0 8px 20px #0004}.gp-template-art.luxury{background:linear-gradient(135deg,#050505,#8b6a12)}.gp-template-art.luxury:before{background:#f7e6a8}.gp-template-art.luxury:after{background:#b89948}.gp-template-art.fresh{background:linear-gradient(135deg,#ecfdf5,#059669)}.gp-template-art.fresh:before{background:#fff}.gp-template-art.fresh:after{background:#d1fae5}.gp-template-art.neon{background:linear-gradient(135deg,#070711,#7c3aed)}.gp-template-art.neon:before{background:#22d3ee;box-shadow:0 0 16px #22d3ee}.gp-template-art.neon:after{background:#f0abfc}
.gp-design-section{padding:20px!important}.gp-color-presets button{width:38px!important;height:38px!important;border-radius:12px!important}
@media(max-width:1100px){.gp-workspace{grid-template-columns:minmax(0,1fr) 380px!important}.gp-editor{padding:30px!important}}
@media(max-width:900px){.gp-workspace{grid-template-columns:1fr!important}.gp-preview-wrap{max-width:460px!important;margin:auto;width:100%}.gp-templates{grid-template-columns:repeat(4,1fr)!important}}
@media(max-width:650px){.gp-editor{padding:20px 16px!important}.gp-upload-grid{grid-template-columns:1fr!important}.gp-upload-grid .gp-upload-card{min-height:360px!important}.gp-templates{grid-template-columns:repeat(2,1fr)!important}.gp-template-art{height:92px!important}}
\n/* V128: thumbnails represent genuinely different layout structures */
.gp-template-art{position:relative;overflow:hidden!important;height:58px!important}.gp-template-art:before,.gp-template-art:after{content:"";position:absolute!important;display:block!important}.gp-template-art.modern:before{inset:5px 6px 25px;background:#fff;border-radius:5px}.gp-template-art.modern:after{left:10px;right:10px;bottom:7px;height:16px;background:#ddd;border-radius:6px}.gp-template-art.bold:before{inset:5px 5px 5px 28px;background:#7c3aed;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}.gp-template-art.bold:after{left:5px;top:7px;width:18px;height:44px;background:#fff}.gp-template-art.elegant:before{width:31px;height:31px;border:2px solid #d7bd71;border-radius:50%;left:7px;top:8px}.gp-template-art.elegant:after{right:7px;top:10px;width:42px;height:35px;border-top:3px solid #d7bd71;border-bottom:1px solid #d7bd71}.gp-template-art.minimal:before{left:8px;top:8px;width:4px;height:42px;background:#333}.gp-template-art.minimal:after{left:19px;right:8px;top:12px;height:4px;background:#333;box-shadow:0 12px #bbb,0 24px #ddd}.gp-template-art.glass:before{inset:7px 20px 7px 7px;background:linear-gradient(135deg,#37b7d6,#0d3342);border-radius:9px}.gp-template-art.glass:after{right:6px;top:13px;width:40px;height:32px;background:#ffffffaa;border:1px solid #fff;border-radius:8px;backdrop-filter:blur(5px)}.gp-template-art.luxury:before{inset:5px;border:1px solid #d6b64d}.gp-template-art.luxury:after{width:22px;height:22px;border:1px solid #d6b64d;border-radius:50%;left:calc(50% - 11px);top:9px;box-shadow:0 27px 0 -8px #d6b64d}.gp-template-art.fresh:before{left:5px;top:5px;width:52%;height:48px;background:#fff;border-radius:5px 22px 22px 5px}.gp-template-art.fresh:after{right:5px;top:10px;width:38%;height:38px;background:#5ad5a5;border-radius:22px 5px 22px 5px}.gp-template-art.neon:before{inset:6px;border:1px solid #21d4fd;box-shadow:0 0 8px #21d4fd}.gp-template-art.neon:after{left:12px;right:12px;bottom:10px;height:8px;background:#b24cff;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%)}

/* V129 — final template polish: consistent cards, clearer active state, responsive gallery */
.gp-design-section{overflow:hidden}
.gp-templates{align-items:stretch}
.gp-template{min-width:0;display:grid;grid-template-rows:auto auto 1fr;gap:0;overflow:hidden;isolation:isolate}
.gp-template-art{width:100%;min-height:76px!important;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.gp-template b{margin-top:1px;line-height:1.2}.gp-template small{line-height:1.3;min-height:26px}
.gp-template.is-active{background:linear-gradient(180deg,rgba(242,31,53,.11),rgba(255,255,255,.025));border-color:#ff4052!important;box-shadow:0 0 0 2px rgba(242,31,53,.18),0 12px 28px rgba(0,0,0,.24)}
.gp-template.is-active:after{content:'DIPILIH';position:absolute;right:8px;top:8px;z-index:4;padding:3px 6px;border-radius:999px;background:#ff3048;color:#fff;font-size:7px;font-weight:1000;letter-spacing:.7px;box-shadow:0 5px 14px #0005}
.gp-template:focus-visible{outline:2px solid #fff;outline-offset:2px}
/* make each thumbnail visually unmistakable */
.gp-template-art.modern{background:linear-gradient(145deg,#eef1f5 0 62%,#dce1e8 62%)}
.gp-template-art.bold{background:#08080c}.gp-template-art.elegant{background:#f2ead8}.gp-template-art.minimal{background:#fff}.gp-template-art.glass{background:radial-gradient(circle at 18% 15%,#45d7ee,#0c3546 52%,#081018)}.gp-template-art.luxury{background:#050505}.gp-template-art.fresh{background:#e9fbf2}.gp-template-art.neon{background:#050510}
.gp-template-art.modern:before{inset:7px 7px 31px!important;background:linear-gradient(135deg,var(--sw,#e50914),#20232b)!important;border-radius:6px!important}.gp-template-art.modern:after{left:14px!important;right:14px!important;bottom:8px!important;height:28px!important;background:#fff!important;border-radius:10px!important;box-shadow:0 6px 12px #0002!important}
.gp-template-art.bold:before{inset:6px 6px 6px 34px!important;background:linear-gradient(135deg,#7c3aed,#ec4899)!important;clip-path:polygon(15% 0,100% 0,100% 100%,0 100%)!important}.gp-template-art.bold:after{left:7px!important;top:9px!important;width:22px!important;height:55px!important;background:repeating-linear-gradient(180deg,#fff 0 6px,transparent 6px 11px)!important}
.gp-template-art.elegant:before{width:38px!important;height:38px!important;border:2px solid #a8863f!important;background:transparent!important;border-radius:50%!important;left:8px!important;top:10px!important}.gp-template-art.elegant:after{right:8px!important;top:12px!important;width:46px!important;height:43px!important;background:linear-gradient(#8f7137 0 2px,transparent 2px 12px,#b99b5a 12px 14px,transparent 14px 26px,#d2c49e 26px 28px,transparent 28px)!important}
.gp-template-art.minimal:before{left:10px!important;top:10px!important;width:5px!important;height:54px!important;background:#171717!important}.gp-template-art.minimal:after{left:25px!important;right:10px!important;top:13px!important;height:5px!important;background:#171717!important;box-shadow:0 15px #aaa,0 30px #ddd,0 43px #eee!important}
.gp-template-art.glass:before{inset:8px 27px 8px 8px!important;background:linear-gradient(145deg,#1aa7c4,#123948)!important;border-radius:15px!important;box-shadow:0 8px 18px #0004!important}.gp-template-art.glass:after{right:8px!important;top:18px!important;width:49px!important;height:42px!important;background:linear-gradient(135deg,#ffffffc7,#ffffff4d)!important;border:1px solid #ffffffcc!important;border-radius:13px!important;box-shadow:0 9px 20px #0004!important}
.gp-template-art.luxury:before{inset:7px!important;border:1px solid #d0ae50!important;background:transparent!important;border-radius:0!important}.gp-template-art.luxury:after{width:28px!important;height:28px!important;border:1px solid #d0ae50!important;background:transparent!important;border-radius:50%!important;left:calc(50% - 14px)!important;top:12px!important;box-shadow:0 35px 0 -10px #d0ae50!important}
.gp-template-art.fresh:before{left:7px!important;top:7px!important;width:57%!important;height:62px!important;background:#fff!important;border-radius:8px 30px 30px 8px!important;box-shadow:0 6px 14px #155b3a16!important}.gp-template-art.fresh:after{right:7px!important;top:14px!important;width:38%!important;height:49px!important;background:linear-gradient(135deg,#45d89c,#0e9f6e)!important;border-radius:30px 8px 30px 8px!important}
.gp-template-art.neon:before{inset:8px!important;border:1px solid #22d3ee!important;background:repeating-linear-gradient(0deg,#ffffff08 0 1px,transparent 1px 10px),repeating-linear-gradient(90deg,#ffffff08 0 1px,transparent 1px 10px)!important;box-shadow:0 0 12px #22d3ee88,inset 0 0 12px #7c3aed33!important}.gp-template-art.neon:after{left:16px!important;right:16px!important;bottom:13px!important;height:11px!important;background:linear-gradient(90deg,#22d3ee,#c026d3)!important;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)!important;box-shadow:0 0 12px #c026d3!important}
@media(max-width:1180px){.gp-templates{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){.gp-templates{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:700px){.gp-templates{grid-template-columns:repeat(2,minmax(0,1fr))!important}.gp-template-art{min-height:82px!important}.gp-template small{min-height:0}}
@media(max-width:390px){.gp-templates{gap:8px!important}.gp-template{padding:8px!important}.gp-template-art{min-height:72px!important}}