:root{--blue:#2f6fec;--blue2:#1858d6;--green:#149563;--cyan:#18bed6;--yellow:#f3b400;--red:#e54c5a;--ink:#162136;--muted:#6b778c;--line:#dce3ee;--panel:#fff;--bg:#f2f6fc;--shadow:0 14px 36px rgba(30,64,175,.10)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}.hidden{display:none!important}.login-view{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#d9ecff,transparent 35%),linear-gradient(135deg,#eef4ff,#f8fbff)}.login-card{width:min(92vw,420px);background:#fff;padding:36px;border-radius:28px;box-shadow:0 25px 70px #1d4ed829}.login-card h1{margin:12px 0 6px}.login-card p{color:var(--muted);margin:0 0 26px}.login-card label{display:grid;gap:7px;margin:14px 0;font-weight:700}.login-card input{height:46px;border:1px solid var(--line);border-radius:12px;padding:0 14px}.brand-mark{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--blue),#7a58df);color:#fff;display:grid;place-items:center;font-size:28px}.error{color:var(--red);min-height:22px;padding-top:8px}.app{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#326fec,#225fcf);padding:24px 16px;color:#fff;display:flex;flex-direction:column;box-shadow:8px 0 30px #2457b31f}.logo{font-size:20px;font-weight:900;padding:12px 18px 24px}.sidebar nav{display:grid;gap:7px;overflow:auto}.sidebar button,.sidebar summary{color:#fff;background:#ffffff12;border:0;border-radius:13px;padding:13px 15px;text-align:left;cursor:pointer;width:100%;list-style:none}.sidebar button:hover,.sidebar button.active{background:#fff;color:var(--blue2);font-weight:800}.sidebar details{display:grid;gap:6px}.sidebar details button{margin:4px 0 0 14px;width:calc(100% - 14px)}.side-bottom{display:grid;gap:7px;margin-top:auto}.content{padding:22px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:22px;padding:20px 24px;margin-bottom:18px;box-shadow:var(--shadow)}.topbar h2{margin:0 0 4px}.topbar span{color:var(--muted);font-size:13px}.top-actions,.actions{display:flex;gap:8px;flex-wrap:wrap}.btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:700}.btn:hover{filter:brightness(.97)}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.green{background:var(--green);border-color:var(--green);color:#fff}.btn.cyan{background:var(--cyan);border-color:var(--cyan);color:#082f49}.btn.yellow{background:var(--yellow);border-color:var(--yellow);color:#332000}.btn.red{background:#ffe1e4;border-color:#ffe1e4;color:#b42318}.btn.ghost{background:#f7f9fc}.btn.wide{width:100%;height:48px}.panel{background:#fff;border-radius:18px;padding:20px;box-shadow:var(--shadow);margin-bottom:18px}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.panel-title h3{margin:0}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric{padding:20px;border-radius:18px;color:#fff;min-height:112px;background:linear-gradient(135deg,var(--blue),#6f65d9)}.metric:nth-child(2){background:linear-gradient(135deg,#10a66a,#38d98f)}.metric:nth-child(3){background:linear-gradient(135deg,#d85ec8,#f5608d)}.metric:nth-child(4){background:linear-gradient(135deg,#179fdf,#14d5df)}.metric b{font-size:28px;display:block}.metric span{font-size:13px;opacity:.9}.chart{height:230px;display:flex;align-items:flex-end;gap:2%;padding:25px 10px 10px;border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.bar{flex:1;min-width:16px;background:linear-gradient(180deg,#6c78ee,var(--blue));border-radius:8px 8px 0 0;position:relative}.bar small{position:absolute;bottom:-26px;left:50%;transform:translateX(-50%);white-space:nowrap;color:var(--muted)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}.table{width:100%;border-collapse:collapse;min-width:780px}.table th,.table td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.table th{background:#f6f8fb;white-space:nowrap}.table tr:last-child td{border:0}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800;background:#e9eef7;color:#506078}.badge.published,.badge.sent,.badge.running{background:#d9f7e9;color:#087747}.badge.draft,.badge.pending{background:#fff2c4;color:#9a6700}.badge.failed,.badge.disabled{background:#ffe3e8;color:#b42318}.field{display:grid;gap:7px}.field>span{font-size:13px;font-weight:800;color:#445066}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:#fff;min-width:0}.field textarea{min-height:90px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .full{grid-column:1/-1}.editor-shell{display:grid;grid-template-columns:270px minmax(360px,1fr) 330px;gap:14px;min-height:680px}.editor-library,.editor-props{background:#fff;border-radius:18px;padding:18px;box-shadow:var(--shadow);overflow:auto}.editor-preview{background:#3b8186;border-radius:18px;padding:24px;display:grid;place-items:center;min-width:0}.phone{width:375px;max-width:100%;height:650px;border:9px solid #18212d;border-radius:38px;background:#fff;overflow:auto;box-shadow:0 22px 60px #0f172a66}.phone-inner{min-height:100%;background:#fff}.library-list{display:grid;gap:9px}.library-list button{padding:12px;border:1px solid var(--line);border-radius:11px;background:#f9fbfd;text-align:left;cursor:pointer}.block-row{border:1px solid var(--line);border-radius:12px;padding:10px;margin:8px 0;cursor:pointer}.block-row.active{border-color:var(--blue);box-shadow:0 0 0 2px #2f6fec22}.block-row header{display:flex;justify-content:space-between}.mini-actions{display:flex;gap:5px}.mini-actions button{border:0;background:#edf2f9;border-radius:7px;cursor:pointer}.preview-block{padding:22px 18px;border-bottom:1px dashed #dce3ee}.preview-block.selected{outline:3px solid #ff5b68;outline-offset:-3px}.preview-hero{text-align:center}.preview-hero img{width:calc(100% + 36px);margin:-22px -18px 16px;max-height:300px;object-fit:cover}.preview-btn{display:block;margin:14px auto 0;padding:12px 18px;border:0;border-radius:999px;background:var(--blue);color:white;font-weight:800}.empty{padding:60px 20px;text-align:center;color:var(--muted)}.rule-card{border:1px solid var(--line);border-radius:16px;margin-bottom:12px;overflow:hidden}.rule-head{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f4f7fb;cursor:pointer}.rule-head.open{background:linear-gradient(90deg,#1887ed,#1163bf);color:#fff}.rule-body{padding:18px;display:none}.rule-card.open .rule-body{display:block}.split{display:grid;grid-template-columns:1fr 1fr;gap:14px}.callout{padding:13px 15px;border-radius:10px;background:#dff5fb;color:#0c5667;margin-bottom:14px}.callout.warn{background:#ffe2e2;color:#8c1d1d}.lead-card{display:grid;grid-template-columns:1fr auto;gap:15px;padding:15px;border:1px solid var(--line);border-radius:14px;margin:10px 0}.lead-meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:13px}.modal{position:fixed;inset:0;background:#10182888;display:grid;place-items:center;padding:18px;z-index:50}.modal-card{width:min(94vw,820px);max-height:90vh;overflow:auto;background:#fff;border-radius:20px;box-shadow:0 30px 100px #0005}.modal-card>header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line)}.modal-card>header h3{margin:0}.modal-card>header button{border:0;background:#eef2f7;border-radius:9px;width:38px;height:38px;font-size:22px;cursor:pointer}#modalBody{padding:20px}#toast{position:fixed;right:28px;bottom:26px;z-index:100;background:#101828;color:#fff;border-radius:12px;padding:13px 17px;box-shadow:0 15px 40px #0003;transform:translateY(120px);opacity:0;transition:.25s}#toast.show{transform:none;opacity:1}.search-row{display:flex;gap:10px;margin-bottom:14px}.search-row input,.search-row select{border:1px solid var(--line);border-radius:10px;padding:10px 12px}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;word-break:break-all}.danger-zone{border:1px solid #fecaca;background:#fff7f7}.check-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.check{display:flex;gap:7px;align-items:center;border:1px solid var(--line);padding:9px;border-radius:9px}.tabs{display:flex;gap:6px;margin-bottom:14px}.tabs button{flex:1;border:1px solid var(--line);background:#eef2f7;padding:10px;border-radius:9px;cursor:pointer}.tabs button.active{background:var(--blue);color:#fff;border-color:var(--blue)}@media(max-width:1100px){.editor-shell{grid-template-columns:230px 1fr}.editor-props{grid-column:1/-1}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.app{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.content{padding:10px}.topbar{align-items:flex-start;gap:12px}.top-actions{justify-content:flex-end}.cards,.form-grid,.split{grid-template-columns:1fr}.editor-shell{grid-template-columns:1fr}.phone{height:600px}.check-grid{grid-template-columns:repeat(2,1fr)}}

/* target-style standalone landing-page builder */
body.editor-mode{overflow:hidden;background:#0d686d}body.editor-mode .app{display:block;min-height:100vh}body.editor-mode .sidebar,body.editor-mode .topbar{display:none}body.editor-mode .content{padding:0}body.editor-mode #view{min-height:100vh}.builder-page{height:100vh;overflow:hidden;background:#0d686d}.builder-toolbar{height:72px;background:#5b959a;display:flex;align-items:center;justify-content:space-between;padding:0 30px;gap:24px}.builder-toolbar>input{width:300px;height:34px;border:1px solid #d9e1ea;border-radius:4px;padding:0 12px;background:#fff}.builder-toolbar .btn{height:34px;padding:6px 22px;border:0;border-radius:15px;background:#667782;color:#fff}.builder-toolbar .btn.primary{background:linear-gradient(90deg,#6576ef,#8b53dc)}.clone-editor{width:min(1400px,calc(100vw - 40px));height:calc(100vh - 112px);margin:20px auto;display:grid;grid-template-columns:280px minmax(500px,1fr) 400px;border-radius:20px;overflow:hidden;background:#eff7f8}.clone-library,.clone-props{background:#edf6f8;padding:26px;overflow:auto}.clone-library h2{text-align:center;color:#6970ed;margin:2px 0 24px}.clone-library>button{width:100%;display:flex;gap:12px;align-items:center;border:1px solid #e4e8ef;background:#fff;color:#586579;border-radius:10px;padding:12px 16px;margin:0 0 10px;text-align:left;box-shadow:0 4px 10px #0f172a12;cursor:pointer}.clone-library>button:hover{border-color:#6d75eb;transform:translateY(-1px)}.clone-library>button span{color:#5875ef}.clone-canvas{background:#3b8186;display:grid;place-items:center;padding:20px;overflow:hidden}.phone-frame{width:380px;height:min(650px,calc(100vh - 155px));border:9px solid #202126;border-radius:38px;background:#fff;overflow:hidden;box-shadow:0 24px 55px #072d326b;position:relative}.phone-frame:before{content:"";position:absolute;left:50%;top:-1px;transform:translateX(-50%);width:94px;height:22px;background:#202126;border-radius:0 0 16px 16px;z-index:12}.phone-screen{height:100%;overflow-y:auto;overflow-x:hidden;background:#fff;padding-top:18px;scrollbar-width:thin}.phone-screen .preview-block{position:relative;padding:18px;border-bottom:1px dashed #dce3ee;min-height:45px}.phone-screen .preview-block.selected{outline:3px solid #ff5b68;outline-offset:-3px}.order-controls{position:absolute;right:4px;top:4px;display:none;gap:3px;z-index:15}.preview-block:hover .order-controls,.preview-block.selected .order-controls{display:flex}.order-controls button{border:0;border-radius:5px;padding:4px 6px;font-size:11px;background:#fff;box-shadow:0 2px 8px #0002;cursor:pointer}.clone-props{background:#edf6f8;border-left:1px solid #d9e7ea}.clone-props h3{margin:4px 0 24px;font-weight:500}.clone-props h4{margin:18px 0 8px;color:#35435c}.clone-props .field{margin-bottom:12px}.clone-props .field input,.clone-props .field select,.clone-props .field textarea{background:#fff}.form-grid.one{grid-template-columns:1fr}.form-grid.one hr{width:100%;border:0;border-top:1px solid #d8e1eb}.upload-placeholder{padding:42px 12px;border:2px dashed #c8d3e0;border-radius:10px;text-align:center;color:#8492a6;background:#f8fafc}.preview-input{width:100%;padding:10px 12px;border:1px solid #d6deea;border-radius:9px;margin:5px 0}.style-sample,.dialog-preview,.direct-jump{border:1px solid #e1e7ef;border-radius:12px;padding:18px;background:#f8fbff;text-align:center}.dialog-preview button{border:1px solid #d7dfeb;background:#fff;border-radius:8px;padding:8px;margin:3px}.two-products{display:grid;grid-template-columns:1fr 1fr;gap:10px}.two-products>div{display:grid;gap:6px;padding:10px;border:1px solid #e3e7ee;border-radius:10px}.two-products img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.timer-preview{font-size:30px;font-weight:900;text-align:center;color:var(--primary);letter-spacing:3px}.fixed-component{position:sticky!important;bottom:0;background:#fff;z-index:8;box-shadow:0 -5px 18px #0f172a18}.black-title{display:inline-block;background:#050505;color:#fff;border-radius:18px;padding:11px 18px;box-shadow:0 6px 12px #0003;font-weight:800}.template-toolbar{display:flex;gap:10px;margin-bottom:20px}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}.template-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:var(--shadow)}.template-phone{border:5px solid #18191d;border-radius:20px;padding:12px;min-height:330px;text-align:center}.template-hero{height:120px;border-radius:10px;background:linear-gradient(135deg,#77b7ff,#7b61d1)}.template-hero.t1{background:linear-gradient(135deg,#6a492c,#d6b47e)}.template-hero.t2{background:linear-gradient(135deg,#ff9f8b,#ffd86f)}.template-hero.t3{background:linear-gradient(135deg,#60a5fa,#34d399)}.template-hero.t4{background:linear-gradient(135deg,#e879f9,#818cf8)}.template-hero.t5{background:linear-gradient(135deg,#111827,#6b7280)}.template-phone button{border:0;border-radius:999px;background:#20a56b;color:#fff;padding:8px 16px}.empty-template{display:grid;place-items:center;min-height:390px;border-style:dashed;cursor:pointer}.empty-template b{font-size:48px;color:#9aa7b6}.integration-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:12px;box-shadow:0 8px 20px #0f172a0d}.integration-head{display:flex;justify-content:space-between;gap:14px}.integration-info{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}.integration-info>div{background:#f6f8fb;border-radius:10px;padding:12px}.feature-empty{text-align:center;padding:100px 20px}.empty-icon{font-size:50px}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:820px;margin:18px auto}.plan{position:relative;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--shadow)}.plan.recommended{border:2px solid var(--blue)}.plan>i{position:absolute;right:12px;top:-11px;background:var(--blue);color:#fff;border-radius:999px;padding:4px 9px;font-style:normal;font-size:11px}.plan li{margin:10px 0}.gradient-title{background:linear-gradient(90deg,#6577e8,#7651a8);color:#fff;padding:10px 14px;border-radius:10px 10px 0 0}.referral{background:#717b8d;color:#fff;text-align:center}@media(max-width:1180px){.clone-editor{grid-template-columns:240px 1fr 320px}.phone-frame{width:350px}.integration-info{grid-template-columns:1fr}.plan-grid{grid-template-columns:1fr}}
.cloak-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.cloak-toolbar p{margin:9px 2px;color:#64748b}.black-title{display:inline-block;background:#05080d;color:#fff;border-radius:18px;padding:11px 18px;font-weight:800;box-shadow:0 5px 12px #0f172a2b;position:relative}.black-title:after{content:"";position:absolute;left:44%;bottom:-7px;border:7px solid transparent;border-top-color:#05080d;border-bottom:0}.cloak-list{display:grid;gap:14px}.rule-identity{display:flex;align-items:center;gap:16px}.rule-identity small{display:block;margin-top:4px}.rule-shield{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#8da0b3;color:white;font-size:24px}.rule-head.open{background:linear-gradient(100deg,#0987f4,#0562c3);color:#fff}.rule-head.open .rule-shield{background:#ffffff2a}.badge.light{background:#eff6ff;color:#2563eb}.btn.compact{padding:7px 12px}.cloak-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cloak-info-grid section{background:#f8fafc;padding:18px;border-radius:7px;min-height:190px}.cloak-info-grid h3{color:#0674e8}.cloak-row-actions{justify-content:center;margin-top:14px}.cloak-edit-head{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#0b87f4,#0867cd);color:#fff;padding:13px 16px;border-radius:6px 6px 0 0}.btn.gradient{background:linear-gradient(90deg,#557cf5,#9855dd);color:#fff}.cloak-editor-page{background:#f3f6f9;border-radius:8px;padding-bottom:16px}.cloak-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:14px}.cloak-section{background:#fff;padding:14px;border-radius:5px;box-shadow:0 5px 14px #0f172a0a}.cloak-section h3{margin:0 0 10px;color:#0878e8}.cloak-section p,.cloak-section small{color:#64748b}.cloak-section textarea{min-height:86px}.full-section{margin:10px 0 0}.mode-tabs{display:flex;margin-bottom:7px}.mode-tabs button{flex:1;padding:11px;border:1px solid #cbd5e1;background:#eef2f6;font-weight:700}.mode-tabs button.active{background:#2874e6;color:#fff}.country-box{margin-top:12px}.check-grid.countries{grid-template-columns:repeat(3,1fr);max-height:230px;overflow:auto;border:1px solid #dbe3ee;padding:10px;border-radius:6px}.strong{font-weight:800}.narrow{max-width:340px}.cloak-form-actions{display:flex;justify-content:center;gap:5px;margin:16px;border-top:1px solid #d9e1eb;padding-top:14px}.domain-config ol{line-height:1.9}.copy-domain{display:flex;gap:12px;align-items:center;border:1px solid #dbe3ee;border-radius:9px;padding:12px;margin:8px 0}.copy-domain span{display:grid;gap:4px}.copy-domain small{color:#64748b}.callout.success{background:#dcfce7;border-color:#86efac;color:#166534}
@media(max-width:1000px){.cloak-toolbar,.cloak-edit-head{flex-direction:column}.cloak-form-grid,.cloak-info-grid{grid-template-columns:1fr}.check-grid.countries{grid-template-columns:repeat(2,1fr)}}