.cmps{max-width:1140px;margin:35px auto;padding:24px;color:#282238;font-family:inherit}.cmps header{background:#eee8fb;padding:30px;border-radius:26px;margin-bottom:24px}.cmps header span{font-size:12px;letter-spacing:2px;font-weight:700}.cmps h1{font-size:clamp(34px,5vw,60px);line-height:1.05;margin:18px 0}.cmps-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.cmps-preview{position:sticky;top:25px;background:#f8f6fc;border-radius:24px;padding:22px;text-align:center}.cmps-preview svg{display:block;width:100%;height:auto;max-height:540px}.cmps-form{display:grid;gap:16px}.cmps-form label{display:grid;gap:7px;font-weight:600}.cmps-form input,.cmps-form select,.cmps-form textarea{width:100%;box-sizing:border-box;border:1px solid #d6cde6;border-radius:12px;padding:13px;background:white;color:#282238}.cmps-form input[type=color]{height:50px;padding:6px}.cmps-form textarea{min-height:110px}.cmps-form button{border:0;border-radius:12px;background:#6933d4;color:white;padding:15px;cursor:pointer}.cmps-form button:disabled{opacity:.45;cursor:default}.cmps-note{font-size:13px;color:#665d76;margin:0}.cmps-download{display:flex;gap:10px;flex-wrap:wrap}#cmps-status{margin:0;font-size:14px}#cmps-open[hidden]{display:none}@media(max-width:800px){.cmps{padding:12px}.cmps-grid{grid-template-columns:1fr}.cmps-preview{position:static}.cmps-preview svg{max-height:380px}.cmps header{padding:24px}}

.cmps{background:linear-gradient(145deg,#fff5f8,#f5efff);border-radius:28px}.cmps header{background:linear-gradient(120deg,#ffe0eb,#e7ddff);position:relative}.cmps-preview{background:linear-gradient(150deg,#ffffff,#ffedf4)}.cmps-content-box{background:white;padding:20px;border-radius:18px;border:1px solid #f0cbdc;display:grid;gap:18px}.cmps-content-box small{font-size:12px;color:#746277}.cmps-form #cmps-save.cmps-ready{background:#18834f}.cmps-form #cmps-cart{background:linear-gradient(100deg,#dc3872,#823fe0);width:100%;margin-top:15px}.cmps-form [hidden]{display:none!important}#cmps-cart-area{background:#ffe9f1;border-radius:18px;padding:20px}.cmps-form textarea[hidden]{display:none!important}

.cmps-ig{color:#c13584}.cmps-sp{color:#168b4c}.cmps-heart{color:#dc3872}.cmps-box-choice{background:white;padding:15px;border-radius:12px}.cmps-box-choice input[type=checkbox]{width:auto;margin-right:8px}#cmps-total{font-size:20px;font-weight:700;color:#933c81}

.cmps-logo{width:26px;height:26px;vertical-align:middle;margin-right:7px;flex:none}.cmps-content-box label>span{display:flex;align-items:center;font-size:17px}.cmps-yt{color:#e42b39}.cmps-content-box label{padding:17px!important;border-radius:20px;margin-bottom:14px!important;background:#fff5fb;border:1px solid #f2c8df}.cmps-content-box label:nth-child(2){background:#eafbee;border-color:#b3e8c1}.cmps-content-box label:nth-child(3){background:#fff0ed;border-color:#ffc8c0}.cmps-content-box label:nth-child(4){background:#f3edff;border-color:#d9c5f7}.cmps header{position:relative;background:linear-gradient(115deg,#ffdcf0,#e4d7ff 55%,#fff2be);border-radius:28px;padding:32px!important}.cmps header:after{content:'♥ ✦ ♫';position:absolute;right:25px;top:20px;font-size:32px;color:#cf448e;letter-spacing:8px}.cmps-preview{background:radial-gradient(circle at 25% 20%,#fff5b9,transparent 45%),linear-gradient(145deg,#ffe3f1,#e6dcff)!important;border-radius:28px}.cmps-form{border:2px solid #f3daef!important;border-radius:28px;box-shadow:0 14px 45px #bb65a21a}.cmps #cmps-save.cmps-ready{background:linear-gradient(110deg,#169d56,#20ba74)!important;color:white!important}@media(max-width:600px){.cmps header:after{position:static;display:block;margin-top:12px}}

/* Banner-inspired, large touch-friendly cards */
.cmps{max-width:1280px;background:linear-gradient(135deg,#702cb4,#aa44c8 40%,#ed69b9);padding:28px;box-shadow:0 18px 55px #80379d24}.cmps header{background:radial-gradient(circle at 90% 20%,#ffade7,transparent 35%),linear-gradient(120deg,#532592,#9930ce 60%,#ee73bd)!important;color:white;padding:42px!important;overflow:hidden;border:1px solid #ffffff35}.cmps header h1{color:white!important;text-shadow:0 4px 20px #39135740}.cmps header p{font-size:20px;max-width:750px;line-height:1.6;color:#fff0fb}.cmps header:after{color:#ffd73f;text-shadow:0 0 18px #ffb3e9;top:32px}.cmps-preview{background:radial-gradient(circle at 75% 15%,#ffc9eb,transparent 48%),linear-gradient(145deg,#f7ddff,#ffd6e9)!important;box-shadow:0 15px 35px #40135330;border:1px solid #ffffff80}.cmps-form{background:#fff9fd;padding:26px;min-width:0;gap:22px}.cmps-content-box{padding:0;border:0;background:transparent;gap:18px}.cmps-content-box label{padding:24px!important;margin:0!important;border-width:2px;box-shadow:0 8px 20px #89245e0b;gap:14px}.cmps-content-box label>span{font-size:20px;font-weight:800;line-height:1.35}.cmps-logo{width:36px;height:36px;margin-right:12px}.cmps-form input:not([type=checkbox]),.cmps-form select,.cmps-form textarea{font-size:16px;min-height:58px;border-radius:16px;padding:17px;border:2px solid #e8d9ee;box-shadow:inset 0 2px 5px #68268905}.cmps-form textarea{min-height:160px;resize:vertical}.cmps-form input:focus,.cmps-form select:focus,.cmps-form textarea:focus{outline:3px solid #cb9eea;border-color:#9d4cd0}.cmps-form button{min-height:60px;font-size:18px;font-weight:800;border-radius:18px;box-shadow:0 8px 18px #75279720}.cmps #cmps-save{background:#ffd633;color:#36204a}.cmps-content-box .cmps-tiktok-card{background:#f1edfa;border-color:#d0c3e8}.cmps-tiktok{color:#23132f}.cmps-content-box .cmps-kwai-card{background:#fff2df;border-color:#ffd298}.cmps-kwai{color:#b85a00}.cmps-content-box .cmps-other-card{background:#eaf3ff;border-color:#bed7ff}.cmps-other{color:#3564bc}.cmps-content-box label:last-of-type{background:linear-gradient(135deg,#ffe4ef,#f0e3ff);border-color:#e7b4d8}.cmps-content-box small{font-size:14px;line-height:1.6;padding:8px}.cmps-content-box label:nth-child(4){background:#f1edfa}.cmps-preview p{font-size:18px;font-weight:800}.cmps-preview small{display:block;line-height:1.6}.cmps-download button{font-size:15px;flex:1}#cmps-cart-area{background:linear-gradient(135deg,#ffe1ee,#eaddff);padding:24px;border:2px solid #ecc5e5}@media(max-width:800px){.cmps{padding:14px}.cmps-form{padding:18px}.cmps header{padding:26px!important}.cmps header p{font-size:17px}.cmps-content-box label{padding:18px!important}.cmps-content-box label>span{font-size:18px}.cmps-preview{top:auto}}