/* Customer Pages design system — RTL / Heebo, scoped away from the host theme. */
.cpp-ui,.cpp-auth{--cpp-accent:#ff4f78;--cpp-accent-end:#ff886a;--cpp-nav:#1e253d;--cpp-bg:#f4f5fc;--cpp-ink:#2c3454;--cpp-muted:#737fa1;--cpp-surface:#fff;--cpp-soft:#f4f5fb;--cpp-line:#e9edf7;--cpp-shadow:0 10px 34px #25365d09;font-family:"Heebo",Sans-serif;color:var(--cpp-ink);font-size:15px;line-height:1.65;direction:rtl;text-align:start}
.cpp-ui *,.cpp-auth *{box-sizing:border-box}.cpp-ui [hidden],.cpp-auth [hidden]{display:none!important}
.cpp-ui[data-theme=dark]{--cpp-bg:#131a2b!important;--cpp-ink:#edf0fc!important;--cpp-surface:#20293e;--cpp-soft:#293249;--cpp-line:#35405a;--cpp-muted:#a6b1cf;--cpp-shadow:0 12px 34px #0002;color-scheme:dark}
#cpp-app{background:var(--cpp-bg);width:100%;margin:0;min-height:800px;isolation:isolate;border-radius:22px}
.cpp-shell{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:850px}.cpp-sidebar{background:var(--cpp-nav);color:#fff;padding:32px 18px 22px;display:flex;flex-direction:column;gap:6px;border-radius:0 22px 22px 0}
.cpp-ui .cpp-brand{display:flex;flex-direction:column;gap:12px;align-items:center;padding:8px 0 26px;color:#fff;text-decoration:none;font-size:21px}.cpp-brand-mark{display:grid;place-items:center;border:3px solid var(--cpp-accent);border-radius:50%;width:48px;height:48px;color:var(--cpp-accent);font-size:36px;line-height:1}.cpp-brand img{width:52px;height:52px;object-fit:contain;border-radius:14px}.cpp-workspace{display:grid;background:#ffffff0c;border:1px solid #ffffff13;padding:16px;border-radius:16px;margin-bottom:20px}.cpp-workspace small{color:#a3acc7}.cpp-workspace b{font-size:14px}.cpp-nav-label{padding:12px 14px;color:#8490b3;font-size:11px;letter-spacing:.1em}.cpp-sidebar nav{display:grid;gap:5px}.cpp-sidebar nav a,.cpp-sidebar .cpp-logout{display:flex;align-items:center;gap:13px;color:#a7b1ce;padding:12px 14px;text-decoration:none;border-radius:10px;transition:background .18s,color .18s;font-weight:500}.cpp-sidebar nav a:hover{background:#ffffff0b;color:#fff}.cpp-sidebar nav a.active{color:#fff;background:#ffffff0d;box-shadow:inset -3px 0 var(--cpp-accent)}.cpp-sidebar nav a.active .cpp-icon{color:var(--cpp-accent)}.cpp-sidebar .cpp-logout{margin-top:32px}.cpp-version{margin-top:auto;padding:24px 14px 0;color:#7e89aa;font-size:11px;direction:ltr;text-align:right}.cpp-icon{width:21px;height:21px;flex:0 0 auto}
.cpp-main{padding:34px 36px;min-width:0}.cpp-topbar{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:32px}.cpp-page-heading{display:flex;gap:14px;align-items:center}.cpp-ui .cpp-eyebrow{color:var(--cpp-muted);font-size:12px;margin:0 0 4px}.cpp-ui h1{font:750 30px/1.25 "Heebo",Sans-serif;color:var(--cpp-ink);margin:0}.cpp-ui h2{font:700 21px/1.4 "Heebo",Sans-serif;color:var(--cpp-ink);margin:0 0 16px}.cpp-ui h3{font:650 17px/1.4 "Heebo",Sans-serif;color:var(--cpp-ink);margin:0 0 14px}.cpp-ui p{margin:8px 0 18px}.cpp-ui .muted{color:var(--cpp-muted)}.cpp-user-tools{display:flex;align-items:center;gap:20px}.cpp-user{display:flex;align-items:center;gap:10px}.cpp-user>span:last-child{display:grid}.cpp-user small{color:var(--cpp-muted);font-size:11px}.cpp-user b{font-size:13px}.cpp-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--cpp-accent-end),var(--cpp-accent));color:#fff;font-weight:700;box-shadow:0 6px 18px #ff4f7820}.cpp-ui .cpp-theme-toggle{display:flex;gap:7px;align-items:center;font-size:12px;padding:9px 12px}.cpp-ui .cpp-menu-toggle{display:none}
.cpp-ui .cpp-box{background:var(--cpp-surface);border:1px solid transparent;border-radius:24px;padding:28px;margin-bottom:24px;box-shadow:var(--cpp-shadow)}.cpp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:20px}.cpp-kpi{min-height:140px;display:flex;flex-direction:column;justify-content:space-between}.cpp-kpi span{color:var(--cpp-muted);font-size:13px}.cpp-kpi strong{font-size:37px;line-height:1.2;letter-spacing:-.04em;margin:14px 0}.cpp-grid>.cpp-box:first-child:has(.cpp-kpi){background:linear-gradient(130deg,var(--cpp-accent-end),var(--cpp-accent));color:#fff}.cpp-grid>.cpp-box:first-child .cpp-kpi span{color:#fff}.cpp-ui button,.cpp-ui .cpp-button,.cpp-auth button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(115deg,var(--cpp-accent-end),var(--cpp-accent));border:1px solid transparent;border-radius:12px;padding:11px 19px;color:#fff;font:600 14px/1.4 "Heebo",Sans-serif;cursor:pointer;text-decoration:none;box-shadow:0 6px 16px #f255721a;transition:filter .15s,transform .15s}.cpp-ui button:hover,.cpp-ui .cpp-button:hover{filter:brightness(1.04);transform:translateY(-1px)}.cpp-ui button.secondary,.cpp-ui .cpp-button.secondary{background:var(--cpp-surface);color:var(--cpp-ink);border-color:var(--cpp-line);box-shadow:none}.cpp-ui button.danger{background:transparent;color:#e3486f;border-color:#f3bac9;box-shadow:none}.cpp-ui button:disabled{opacity:.5;cursor:wait;transform:none}.cpp-ui .cpp-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:16px 0}.cpp-section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.cpp-section-toolbar .cpp-actions{margin:0}.cpp-section-toolbar p{margin:0}
.cpp-ui .cpp-field{display:grid;gap:8px;margin-bottom:22px;font-weight:600;font-size:13px}.cpp-ui input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=color]),.cpp-ui select,.cpp-ui textarea,.cpp-auth input:not([type=checkbox]):not([type=hidden]){width:100%;min-height:46px;padding:11px 14px;border:1px solid var(--cpp-line);border-radius:12px;background:var(--cpp-surface);color:var(--cpp-ink);font:400 15px/1.5 "Heebo",Sans-serif;box-shadow:none;max-width:100%}.cpp-ui input::placeholder,.cpp-auth input::placeholder{color:var(--cpp-muted);opacity:.8}.cpp-ui input[type=color]{width:100%;max-width:150px;height:46px;padding:5px;border:1px solid var(--cpp-line);border-radius:10px;background:var(--cpp-surface)}.cpp-ui input[type=checkbox],.cpp-auth input[type=checkbox]{accent-color:var(--cpp-accent);width:18px;height:18px;vertical-align:middle}.cpp-ui textarea{min-height:110px;resize:vertical}.cpp-ui .cpp-check{display:flex;gap:9px;align-items:center;margin:18px 0;font-size:14px}.cpp-ui small{font-weight:400}.cpp-ui .cpp-field>small{color:var(--cpp-muted)}.cpp-ui select[multiple]{min-height:130px}.cpp-ui .cpp-field>input[type=hidden]{display:none!important}.cpp-ui :focus-visible,.cpp-auth :focus-visible{outline:3px solid #939cff;outline-offset:3px}.cpp-ui input:focus,.cpp-ui textarea:focus,.cpp-auth input:focus{border-color:var(--cpp-accent)}
.cpp-ui .cpp-table-wrap{overflow:auto;max-width:100%}.cpp-ui table{border-collapse:collapse;width:100%;background:transparent;white-space:nowrap}.cpp-ui th,.cpp-ui td{text-align:start;padding:17px 14px;border:0;border-bottom:1px solid var(--cpp-line);font-size:13px}.cpp-ui th{color:var(--cpp-muted);font-size:12px;font-weight:600;background:transparent}.cpp-ui td button{padding:7px 10px;font-size:12px}.cpp-ui tbody tr:hover{background:var(--cpp-soft)}.cpp-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:30px;background:#e3f8f1;color:#18866f;font-size:11px;font-weight:650}.cpp-pill:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.cpp-pill.warn{background:#fff0df;color:#a16b19}.cpp-notice{background:#e4f7ef;color:#1d6352;padding:15px 20px;border-radius:14px;margin:0 0 20px;white-space:pre-wrap;overflow-wrap:anywhere}.cpp-notice.error{background:#ffedf1;color:#ad294d}.cpp-ui progress{width:100%;height:10px;accent-color:var(--cpp-accent)}.cpp-empty{padding:48px 18px;text-align:center;color:var(--cpp-muted)}.cpp-loading{padding:80px;text-align:center;color:var(--cpp-muted)}.cpp-row{border:1px solid var(--cpp-line);background:var(--cpp-soft);border-radius:14px;padding:18px;margin:14px 0;min-width:0}.cpp-ui .cpp-row .cpp-row{background:var(--cpp-surface)}.cpp-ui fieldset{min-width:0}.cpp-ui legend{padding:0 8px}.cpp-ui details{margin:18px 0}.cpp-ui summary{cursor:pointer;font-weight:600;padding:12px 0}.cpp-divider{border:0;border-top:1px solid var(--cpp-line);margin:24px 0}.cpp-code,.cpp-ui .cpp-json{direction:ltr;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere}.cpp-ui code{direction:ltr;unicode-bidi:isolate}.cpp-ui pre{white-space:pre-wrap;overflow-wrap:anywhere}.cpp-ui .cpp-json{min-height:170px}.cpp-chart{display:flex;align-items:end;gap:5px;height:170px;padding-top:12px;border-bottom:1px solid var(--cpp-line)}.cpp-bar{flex:1;min-width:3px;background:linear-gradient(var(--cpp-accent),var(--cpp-accent-end));border-radius:5px 5px 0 0}
.cpp-asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,310px),1fr));gap:24px}.cpp-ui .cpp-asset-card{padding:0;overflow:hidden}.cpp-asset-art{display:flex;align-items:center;justify-content:center;gap:16px;height:135px;background:linear-gradient(130deg,#fbe4dd,#ffe3ec);color:#c36679}.cpp-asset-art .cpp-icon{width:52px;height:52px;stroke-width:1}.cpp-asset-art span{font-size:18px;font-weight:650;letter-spacing:.02em}.cpp-asset-body{padding:24px}.cpp-asset-body h2{margin:14px 0 6px}.cpp-asset-body p{font-size:13px}.cpp-asset-footer{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid var(--cpp-line);padding-top:16px}.cpp-ui .cpp-asset-footer button,.cpp-ui .cpp-asset-footer a{padding:6px 10px;font-size:12px}.cpp-ui[data-theme=dark] .cpp-asset-art{background:linear-gradient(130deg,#493643,#323951);color:#ffadb5}
.cpp-stepper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.cpp-ui .cpp-stepper button{background:var(--cpp-surface);border:1px solid var(--cpp-line);color:var(--cpp-muted);padding:18px;text-align:start;justify-content:flex-start;box-shadow:none}.cpp-stepper b{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:var(--cpp-soft);font-size:16px}.cpp-stepper button>span{display:grid;gap:4px}.cpp-stepper strong{font-size:15px}.cpp-stepper small{font-size:11px}.cpp-ui .cpp-stepper button.active{border-color:var(--cpp-accent);color:var(--cpp-ink);box-shadow:0 5px 20px #ff4f780d}.cpp-stepper .active b{background:linear-gradient(120deg,var(--cpp-accent-end),var(--cpp-accent));color:#fff}.cpp-wizard{max-width:1100px;margin:0 auto}.cpp-editor-intro{margin-bottom:28px;border-bottom:1px solid var(--cpp-line);padding-bottom:16px}.cpp-editor-intro h2{font-size:27px;margin:6px 0 8px}.cpp-editor-section{padding:12px 0 22px}.cpp-editor-section+section{border-top:1px solid var(--cpp-line);padding-top:26px}.cpp-editor-section>h3{color:var(--cpp-muted);font-size:14px;margin-bottom:22px}.cpp-editor-footer{position:sticky;bottom:12px;z-index:5;background:var(--cpp-surface);border:1px solid var(--cpp-line);box-shadow:0 8px 30px #20294218;border-radius:18px;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.cpp-editor-footer .cpp-actions{margin:0}.cpp-editor-footer small{color:var(--cpp-muted);font-size:12px}.cpp-review-note{background:var(--cpp-soft);border-radius:14px;padding:20px;color:var(--cpp-muted);font-size:14px}
.cpp-ui dialog{background:var(--cpp-surface);color:var(--cpp-ink);border:0;border-radius:24px;padding:28px;max-width:min(900px,94vw);max-height:90vh;box-shadow:0 20px 80px #11182740}.cpp-ui dialog::backdrop,dialog.cpp-ui::backdrop{background:#17213d70;backdrop-filter:blur(2px)}.cpp-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.cpp-dialog-head h2{margin:0}.cpp-dialog-head p{margin:6px 0 0;font-size:13px}.cpp-ui .cpp-preview-dialog{width:94vw;max-width:1500px;padding:20px;max-height:94vh}.cpp-preview-stage{background:#e8eaf1;padding:18px;border-radius:16px;overflow:auto}.cpp-preview-stage iframe{display:block;width:100%;height:72vh;background:#fff;border:0;border-radius:8px;margin:auto}.cpp-preview-stage.mobile iframe{width:390px;max-width:100%}.cpp-layout-list>div{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--cpp-line);padding:12px}.cpp-layout-list label{flex:1}
.cpp-field-thumbs{display:flex;gap:10px;flex-wrap:wrap}.cpp-field-thumbs img{width:100px;height:90px;object-fit:cover;border-radius:12px;border:1px solid var(--cpp-line)}.cpp-ui .cpp-dropzone{display:grid;gap:15px;place-items:center;border:2px dashed var(--cpp-line);background:var(--cpp-soft);border-radius:18px;padding:32px;text-align:center;color:var(--cpp-muted);cursor:pointer;min-height:140px}.cpp-ui .cpp-dropzone.dragging{border-color:var(--cpp-accent)}.cpp-ui .cpp-dropzone input[type=file]{font-size:13px;max-width:460px;background:var(--cpp-surface);cursor:pointer}.cpp-ui .cpp-media-dialog{width:min(940px,94vw)}.cpp-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;margin:22px 0;max-height:42vh;overflow:auto;padding:5px}.cpp-ui .cpp-media-tile{position:relative;display:flex;flex-direction:column;align-items:stretch;padding:5px;border:2px solid var(--cpp-line);background:var(--cpp-surface);color:var(--cpp-ink);box-shadow:none}.cpp-media-tile img{height:115px;width:100%;object-fit:cover;border-radius:8px}.cpp-media-tile>span{font-size:12px;padding:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cpp-ui .cpp-media-tile.selected{border-color:var(--cpp-accent);background:var(--cpp-soft)}.cpp-media-tile b{position:absolute;top:10px;right:10px;border-radius:50%;background:var(--cpp-accent);color:#fff;width:24px;height:24px;text-align:center}.cpp-file-icon{display:grid;place-items:center;min-height:115px;background:var(--cpp-soft)}.cpp-media-card img{width:100%;height:170px;object-fit:cover;border-radius:14px;margin-bottom:16px}.cpp-media-card h3{font-size:15px;overflow-wrap:anywhere}.cpp-media-card p{font-size:12px;color:var(--cpp-muted)}.cpp-media-dialog [data-progress]{white-space:pre-wrap;font-size:13px}
#cpp-native{background:var(--cpp-surface);padding:16px 8px}.cpp-native-group{border:1px solid var(--cpp-line);border-radius:16px;margin:22px 0;padding:22px}.cpp-native-group>h3{background:var(--cpp-soft);margin:-22px -22px 22px;padding:16px 22px;border-radius:16px 16px 0 0}.cpp-native-group .cpp-field{grid-template-columns:180px minmax(0,1fr);align-items:start}.cpp-native-group .cpp-field>*{grid-column:2}.cpp-native-group [data-schema] .cpp-field{display:grid;grid-template-columns:1fr}.cpp-native-group [data-schema] .cpp-field>*{grid-column:auto}
.cpp-auth{box-sizing:border-box;width:100%;max-width:480px;margin:32px auto;padding:32px;border:0;background:transparent}.cpp-auth h2{font:750 30px/1.3 "Heebo",Sans-serif;color:var(--cpp-ink);margin:0 0 24px}.cpp-auth label{display:block;font-size:14px;font-weight:600;color:var(--cpp-ink)}.cpp-auth input{margin-top:8px}.cpp-auth input:not([type=checkbox]):not([type=hidden]){height:54px;border-radius:14px}.cpp-auth button{width:100%;min-height:52px;margin-top:14px;box-shadow:0 10px 22px #242a4920}.cpp-auth .cpp-auth-check{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cpp-auth .cpp-auth-check input{margin:0}.cpp-auth p{margin:18px 0}.cpp-auth a{color:var(--cpp-accent);font-weight:600}.cpp-auth-links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:22px 0;font-size:13px}.cpp-auth-notice{padding:14px;margin:14px 0 22px;border-radius:12px;background:#e4f7ef;color:#1d6352;font-size:14px}.cpp-auth-error{background:#ffedf1;color:#ad294d}.cpp-auth .cpp-captcha{margin:20px 0;max-width:100%;min-width:200px}.cpp-auth details{margin-top:24px}.cpp-auth summary{cursor:pointer;color:var(--cpp-muted);font-size:13px}
@media(min-width:1600px){.cpp-main{padding:42px 46px}.cpp-shell{grid-template-columns:265px minmax(0,1fr)}}
@media(max-width:1100px){.cpp-shell{grid-template-columns:205px minmax(0,1fr)}.cpp-main{padding:24px}.cpp-user{display:none}.cpp-stepper small{display:none}.cpp-ui .cpp-stepper button{padding:14px}.cpp-ui h1{font-size:27px}.cpp-editor-footer{flex-wrap:wrap}.cpp-native-group .cpp-field{grid-template-columns:1fr}.cpp-native-group .cpp-field>*{grid-column:auto}}
@media(max-width:760px){#cpp-app{border-radius:0}.cpp-shell{display:block}.cpp-sidebar{display:none;border-radius:0}.cpp-menu-open .cpp-sidebar{display:flex}.cpp-main{padding:20px 14px}.cpp-topbar{gap:10px;margin-bottom:24px}.cpp-ui h1{font-size:24px}.cpp-page-heading .cpp-eyebrow{display:none}.cpp-ui .cpp-menu-toggle{display:block;padding:9px}.cpp-ui .cpp-theme-toggle{padding:9px}.cpp-theme-toggle span{display:none}.cpp-ui .cpp-box{padding:22px;border-radius:20px}.cpp-ui .cpp-asset-card{padding:0}.cpp-section-toolbar{align-items:flex-start;flex-wrap:wrap}.cpp-stepper{gap:7px;margin:20px 0}.cpp-ui .cpp-stepper button{padding:10px 6px;flex-direction:column;gap:7px;align-items:center;text-align:center}.cpp-stepper b{flex:auto;width:28px;height:28px;font-size:13px}.cpp-stepper strong{font-size:12px}.cpp-editor-footer{bottom:5px;padding:12px;gap:8px;border-radius:14px}.cpp-editor-footer .cpp-actions{gap:6px}.cpp-editor-footer button{font-size:12px;padding:10px}.cpp-dialog-head{align-items:flex-start;flex-wrap:wrap}.cpp-ui dialog{padding:18px;max-width:96vw;width:96vw}.cpp-preview-stage{padding:5px}.cpp-preview-stage iframe{height:65vh}.cpp-ui .cpp-dropzone{padding:20px 12px}.cpp-media-grid{grid-template-columns:repeat(2,1fr);gap:10px}.cpp-auth{padding:22px 16px}.cpp-auth h2{font-size:26px}.cpp-ui .cpp-grid{gap:14px}.cpp-native-group{padding:16px}.cpp-native-group>h3{margin:-16px -16px 18px;padding:14px 16px}}
@media(prefers-reduced-motion:reduce){.cpp-ui *{scroll-behavior:auto!important;transition:none!important}}

.cpp-dashboard-layout{width:100%;max-width:none!important}.cpp-auth-layout{display:grid;grid-template-columns:minmax(0,45fr) minmax(0,55fr);min-height:85vh;background:var(--cpp-bg,#f4f5fc);font-family:"Heebo",Sans-serif;direction:rtl}.cpp-auth-pane{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;padding:40px 28px}.cpp-auth-layout .cpp-auth{margin:0 auto}.cpp-auth-brand{position:relative;overflow:hidden;grid-column:1;grid-row:1;background:linear-gradient(145deg,var(--cpp-accent-end,#ff886a),var(--cpp-accent,#ff4f78));color:#fff;padding:55px 9%;display:flex;flex-direction:column;justify-content:space-between;gap:50px;text-align:right}.cpp-auth-brand:before,.cpp-auth-brand:after{content:'';position:absolute;width:320px;height:320px;border-radius:50%;background:#ffffff0c;pointer-events:none}.cpp-auth-brand:before{top:-90px;left:-140px}.cpp-auth-brand:after{bottom:-180px;right:-70px}.cpp-auth-brand-name{display:flex;align-items:center;gap:14px;font-size:25px;font-weight:750}.cpp-auth-brand-name img{height:46px;width:46px;object-fit:contain}.cpp-auth-brand-name span{font-size:40px;line-height:1}.cpp-auth-brand h2{color:#fff;font:750 clamp(30px,3.4vw,50px)/1.2 "Heebo",Sans-serif;margin:0 0 28px}.cpp-auth-brand p{font-size:18px;line-height:1.7}.cpp-auth-brand ul{list-style:none;padding:0;margin:28px 0}.cpp-auth-brand li{display:flex;gap:12px;align-items:center;margin:15px 0;font-size:15px}.cpp-auth-brand li:before{content:'✓';display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#ffffff25}.cpp-auth-brand small{font-size:12px;opacity:.9}@media(max-width:760px){.cpp-auth-layout{display:flex;flex-direction:column-reverse}.cpp-auth-brand{padding:28px;gap:24px}.cpp-auth-brand h2{font-size:28px}.cpp-auth-brand p,.cpp-auth-brand ul,.cpp-auth-brand small{display:none}.cpp-auth-pane{padding:16px}.cpp-auth-brand h2{margin-bottom:0}.cpp-auth-brand-name{font-size:18px}}
.cpp-ui .cpp-design-picker,.cpp-ui .cpp-design-catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin:20px 0}
.cpp-ui .cpp-design-choice{display:flex;flex-direction:column;gap:10px;padding:12px;border:2px solid var(--cpp-line,#e5e7ef);border-radius:16px;position:relative;cursor:pointer;background:var(--cpp-panel,#fff)}
.cpp-ui .cpp-design-choice:has(input:checked){border-color:var(--cpp-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--cpp-accent) 15%,transparent)}
.cpp-ui .cpp-design-choice input{position:absolute;top:18px;right:18px;z-index:1;width:18px;height:18px;accent-color:var(--cpp-accent)}
.cpp-ui .cpp-original-design{height:158px;display:grid;place-items:center;background:var(--cpp-bg);font-size:40px;border-radius:10px}
.cpp-ui .cpp-design-thumb{height:158px;padding:12px;background:var(--thumb-bg);border-radius:10px;overflow:hidden;color:var(--thumb-text);direction:rtl}
.cpp-ui .mini-hero{display:flex;gap:8px;min-height:84px;background:var(--thumb-surface);border-radius:min(var(--thumb-radius),16px);overflow:hidden}
.cpp-ui .mini-image{width:46%;background:linear-gradient(130deg,var(--thumb-color),var(--thumb-bg));min-height:70px}
.cpp-ui .mini-copy{flex:1;padding:14px 8px;display:flex;flex-direction:column;gap:7px}.cpp-ui .mini-copy b,.cpp-ui .mini-copy span,.cpp-ui .mini-lines i{height:5px;width:85%;background:var(--thumb-text);opacity:.65;display:block}.cpp-ui .mini-copy span{width:60%;height:3px}.cpp-ui .mini-copy em{width:38px;height:12px;background:var(--thumb-color);border-radius:3px}
.cpp-ui .mini-tiles{display:flex;gap:6px;margin-top:10px}.cpp-ui .mini-tiles i{flex:1;height:26px;background:var(--thumb-surface);border-radius:min(var(--thumb-radius),10px);border-top:3px solid var(--thumb-color)}.cpp-ui .mini-lines{padding:10px}.cpp-ui .mini-lines i{height:2px;opacity:.3}
.cpp-ui .hero-center .mini-hero{flex-direction:column;align-items:center}.cpp-ui .hero-center .mini-image{height:25px;min-height:25px;width:100%}.cpp-ui .hero-center .mini-copy{width:80%;align-items:center;padding:5px}
.cpp-ui .hero-portrait .mini-image{border-radius:50% 50% 10px 10px;margin:8px;width:35%}.cpp-ui .hero-portrait .mini-hero{background:transparent}
.cpp-ui .hero-banner .mini-hero{flex-direction:column-reverse}.cpp-ui .hero-banner .mini-image{width:100%;min-height:20px}.cpp-ui .hero-banner .mini-copy{background:var(--thumb-color)}.cpp-ui .variant-bold .mini-tiles i{border:2px solid var(--thumb-text);box-shadow:3px 3px var(--thumb-color)}
.cpp-ui .hero-editorial .mini-hero{border-bottom:1px solid var(--thumb-text)}.cpp-ui .variant-editorial .mini-tiles{display:block}.cpp-ui .variant-editorial .mini-tiles i{display:block;height:7px;margin:5px 0;border-top:1px solid var(--thumb-text)}
.cpp-ui .cpp-color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:14px}.cpp-ui .cpp-color-grid input{height:44px;padding:4px;cursor:pointer}
.cpp-ui .cpp-design-card .cpp-actions{margin-top:15px}.cpp-ui .cpp-design-card .cpp-design-thumb{height:180px}
.cpp-ui .cpp-seo-note{background:var(--cpp-bg);padding:18px;border-radius:12px;margin:18px 0;line-height:1.8}
@media(max-width:600px){.cpp-ui .cpp-design-picker,.cpp-ui .cpp-design-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.cpp-ui .cpp-design-card .cpp-actions{display:flex;flex-direction:column}.cpp-ui .cpp-design-thumb{height:130px;padding:8px}.cpp-ui .cpp-original-design{height:130px}}

/* Design selection and management. */
.cpp-ui [hidden]{display:none!important}
.cpp-design-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 16px}
.cpp-quota-note{padding:14px 18px;border:1px solid var(--cpp-line,#dfe3ed);border-radius:12px;background:var(--cpp-bg,#f4f5fc);line-height:1.7}
.cpp-design-option{display:flex;flex-direction:column;gap:8px;min-width:0}
.cpp-design-option .cpp-design-choice{flex:1;margin:0}
.cpp-design-preview-button{width:100%;font-size:13px}
.cpp-design-tools,.cpp-library-tools{margin-top:22px;border-top:1px solid var(--cpp-line,#dfe3ed);padding-top:18px}
.cpp-design-tools summary,.cpp-library-tools summary{cursor:pointer;font-weight:700;padding:8px 0}
.cpp-design-tools p{font-size:13px;line-height:1.7;margin:18px 0 8px}
.cpp-management-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:20px}
.cpp-management-grid section{min-width:0;padding:20px;border:1px solid var(--cpp-line,#dfe3ed);border-radius:16px}
.cpp-design-preview .cpp-preview-stage{flex:1;min-height:0;height:65vh}
.cpp-design-preview{display:flex;flex-direction:column}
.cpp-design-preview:not([open]){display:none}
.cpp-design-preview .cpp-dialog-head small{display:block;max-width:540px;line-height:1.7}
.cpp-design-preview [data-status]{padding:24px}
.cpp-design-preview footer{border-top:1px solid var(--cpp-line,#dfe3ed)}
.cpp-ui button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:700px){.cpp-management-grid{grid-template-columns:1fr}.cpp-design-preview .cpp-dialog-head{flex-wrap:wrap}.cpp-design-preview .cpp-preview-stage{height:60vh}.cpp-design-tabs a{flex:1;text-align:center}}

/* Square full-height navigation, shared publication controls. */
.cpp-ui .cpp-sidebar{border-radius:0}.cpp-ui [data-directory] fieldset{border:1px solid var(--cpp-line,#dde3ed);border-radius:12px;padding:18px;max-height:300px;overflow:auto}.cpp-puzzle img{display:block;max-width:100%;margin:10px 0}.cpp-puzzle[hidden]{display:none!important}
/* PSMART 0.7 — creation, navigation and deliberate editing stages. */
.cpp-sidebar{border-radius:0}.cpp-topbar{position:sticky;top:0;z-index:10;background:var(--cpp-bg);padding:14px 0}.cpp-create-fab{display:none}.cpp-dashboard-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:28px}.cpp-dashboard-links a{display:flex;align-items:center;gap:14px;padding:20px;background:var(--cpp-surface);border:1px solid var(--cpp-line);border-radius:16px;color:var(--cpp-ink);text-decoration:none}.cpp-dashboard-links a span:last-child{margin-inline-start:auto}.cpp-dashboard-links a:hover,.cpp-kind-card:hover{border-color:var(--cpp-accent);transform:translateY(-2px)}.cpp-kind-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}.cpp-ui .cpp-kind-card{position:relative;text-decoration:none;display:block;color:var(--cpp-ink);transition:transform .18s,border-color .18s;border:1px solid var(--cpp-line)}.cpp-kind-card p{color:var(--cpp-muted);min-height:48px}.cpp-kind-symbol{display:grid;place-items:center;width:60px;height:60px;background:var(--cpp-soft);color:var(--cpp-accent);border-radius:18px;margin-bottom:24px}.cpp-kind-symbol svg{width:28px;height:28px}.cpp-kind-card small{color:var(--cpp-muted)}.cpp-kind-card>b{float:left;color:var(--cpp-accent)}.cpp-panel-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--cpp-line);margin:0 0 24px;padding-bottom:14px}.cpp-ui .cpp-panel-tabs button{background:var(--cpp-surface);color:var(--cpp-ink);border:1px solid var(--cpp-line);box-shadow:none}.cpp-ui .cpp-panel-tabs button[aria-selected=true]{background:var(--cpp-nav);color:#fff}.cpp-ui [hidden]{display:none!important}.cpp-stepper{grid-template-columns:repeat(4,minmax(0,1fr))}.cpp-asset-context{display:flex;align-items:center;gap:16px;margin:12px 0 24px}.cpp-asset-context>span{background:var(--cpp-soft);padding:9px 14px;border-radius:10px;color:var(--cpp-accent);font-weight:700}.cpp-asset-context h2{margin:0}.cpp-ui .cpp-legal-note{border-inline-start:3px solid var(--cpp-accent);padding:12px 16px;background:var(--cpp-soft);font-size:13px;line-height:1.8}.cpp-library-card{overflow:hidden}.cpp-library-card .cpp-design-thumb{margin-bottom:22px;aspect-ratio:1.6;min-height:160px}.cpp-template-select{display:flex;gap:9px;align-items:center;border:1px solid var(--cpp-line);border-radius:10px;padding:12px;cursor:pointer}.cpp-library-card:has(input:checked){outline:2px solid var(--cpp-accent)}.cpp-library-placeholder{background:var(--cpp-soft);min-height:180px;display:grid;place-content:center;text-align:center;gap:14px;border-radius:14px;margin-bottom:20px;color:var(--cpp-muted)}.cpp-library-placeholder svg{width:45px;height:45px;margin:auto}.cpp-price{font-size:32px;font-weight:700}.cpp-price small{font-size:14px;font-weight:400}.cpp-publish-success{text-align:center;width:540px}.cpp-success-mark{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#e5f5ed;color:#16794e;font-size:30px;margin:0 auto 24px}.cpp-publish-success .cpp-actions{justify-content:center}.cpp-ui .cpp-preview-stage{padding:8px}.cpp-ui .cpp-editor-footer{bottom:12px;z-index:12}.cpp-owner-picker{max-width:680px}.cpp-ui button:focus-visible,.cpp-ui a:focus-visible{outline:3px solid var(--cpp-accent);outline-offset:3px}
@media(max-width:760px){.cpp-create-top{display:none!important}.cpp-create-fab{position:fixed;display:grid;place-items:center;bottom:24px;left:20px;width:56px;height:56px;background:#f57832;color:white;text-decoration:none;border-radius:50%;box-shadow:0 6px 24px #542c2940;font-size:32px;z-index:20}#cpp-app:has(#asset-form) .cpp-create-fab{display:none}.cpp-main{padding-bottom:95px}.cpp-dashboard-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cpp-dashboard-links a{padding:14px;flex-wrap:wrap}.cpp-dashboard-links a strong{font-size:13px}.cpp-dashboard-links a span:last-child{display:none}.cpp-topbar{top:0;padding:12px 0}.cpp-kind-grid{grid-template-columns:1fr}.cpp-panel-tabs{gap:5px}.cpp-panel-tabs button{font-size:12px}.cpp-asset-context{display:block}.cpp-asset-context h2{margin-top:16px}.cpp-editor-footer{bottom:0!important}.cpp-ui .cpp-stepper button{padding:10px 3px}.cpp-stepper strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){.cpp-kind-card{transition:none}}
/* 0.7.1: calm subscriber overview and guided ACF editing. */
.cpp-puzzle-image{width:260px;max-width:100%;display:flex;flex-direction:column;align-items:stretch}.cpp-ui .cpp-puzzle-refresh,.cpp-puzzle .cpp-puzzle-refresh{align-self:flex-end;background:transparent!important;background-image:none!important;color:var(--cpp-muted,#657085)!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0 0 5px!important;min-height:0!important;width:auto!important;border-radius:0!important;font:400 12px/1.5 "Heebo",Sans-serif!important;text-decoration:underline;cursor:pointer}.cpp-puzzle-image img{margin:0 0 10px}.cpp-five-steps{grid-template-columns:repeat(5,minmax(0,1fr))}.cpp-section-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cpp-section-choices .cpp-field{position:relative;border:1px solid var(--cpp-line);border-radius:14px;padding:18px 50px 18px 18px;margin:0;cursor:pointer}.cpp-section-choices .cpp-field:has(input:checked){background:var(--cpp-soft);border-color:var(--cpp-accent)}.cpp-section-choices input[type=checkbox]{position:absolute;right:18px;top:20px;accent-color:var(--cpp-accent);width:19px;height:19px}.cpp-content-group{border:1px solid var(--cpp-line);border-radius:14px;padding:18px!important;margin-bottom:16px}.cpp-content-group>summary{font-size:16px;font-weight:700;cursor:pointer;padding:2px 0 15px}.cpp-advanced-design{margin-top:24px}.cpp-ui .cpp-invalid{border:1px solid #cc3348!important;border-radius:10px;padding:12px!important;background:#cc334808}.cpp-ui [aria-invalid=true]{border-color:#cc3348!important;box-shadow:0 0 0 1px #cc3348}.cpp-ui .cpp-field-error{display:block;color:#b32639;font-size:13px;margin-top:6px}.cpp-live-thumb{position:relative;overflow:hidden;height:220px;background:#f1f4f7;border:1px solid var(--cpp-line);border-radius:14px;margin-bottom:22px;pointer-events:none}.cpp-live-thumb>span{display:block;text-align:center;padding:80px 15px;color:#667085}.cpp-live-thumb iframe{position:absolute;top:0;left:0;width:1200px;height:1000px;transform-origin:top left;border:0;background:white}.cpp-live-thumb::after{content:'';position:absolute;inset:auto 0 0;height:30px;background:linear-gradient(transparent,#f1f4f7)}.cpp-customer-welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:6px 0 24px}.cpp-customer-welcome h2{font-size:30px;margin:8px 0}.cpp-customer-welcome p{color:var(--cpp-muted)}.cpp-metric-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.cpp-ui .cpp-metric{display:flex;flex-direction:column;gap:8px;padding:24px}.cpp-metric>span{font-size:14px;color:var(--cpp-muted)}.cpp-metric strong{font-size:38px;line-height:1.2;font-weight:700}.cpp-metric small{color:var(--cpp-muted);font-size:11px}.cpp-overview-columns{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:22px;margin-bottom:24px}.cpp-views-chart svg{width:100%;height:auto;max-height:280px;color:var(--cpp-muted);direction:ltr}.cpp-chart-empty{text-align:center;color:var(--cpp-muted);font-size:14px}.cpp-summary-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 0;border-bottom:1px solid var(--cpp-line)}.cpp-summary-row:last-child{border:0}.cpp-summary-row strong{font-size:14px}.cpp-summary-row small{display:block;color:var(--cpp-muted);margin-top:5px}.cpp-summary-row .cpp-button{white-space:nowrap;font-size:12px}.cpp-overview-columns .cpp-section-toolbar .cpp-button{border:0;background:none;color:var(--cpp-accent);box-shadow:none;padding:0;font-size:13px}
@media(max-width:1050px){.cpp-metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}.cpp-overview-columns{grid-template-columns:1fr}.cpp-five-steps{gap:5px}.cpp-five-steps strong{font-size:12px}}
@media(max-width:760px){.cpp-section-choices{grid-template-columns:1fr}.cpp-customer-welcome .cpp-button{display:none}.cpp-metric-row{gap:10px}.cpp-ui .cpp-metric{padding:18px}.cpp-metric strong{font-size:30px}.cpp-five-steps{overflow-x:auto;grid-template-columns:repeat(5,minmax(70px,1fr))}.cpp-five-steps strong{font-size:11px}.cpp-overview-columns{gap:14px}}