500;600;700;800&display=swap');
:root{--ink:#242438;--muted:#848496;--accent:#7860e8;--line:#e9e8ef;--bg:#f6f5f9}*{box-sizing:border-box}body{margin:0;font-family:Vazirmatn,Tahoma,Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:14px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:background .15s,transform .15s}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #b9a9ff;outline-offset:3px}a{color:var(--accent)}button svg{flex-shrink:0}h1,h2,h3,p{margin:0}p{line-height:1.9}.app-shell{min-height:100vh}.sidebar{width:242px;background:#232334;color:#fff;position:fixed;inset:0 0 0 auto;padding:32px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:white;font-size:23px;font-weight:800}.brand small{display:block;font-size:8px;font-weight:500;letter-spacing:2px;color:#aaa8c4;margin-top:3px;direction:ltr}.brand-icon{height:44px;width:44px;border-radius:13px;background:var(--accent);display:grid;place-items:center}.workspace-tag{display:flex;align-items:center;gap:11px;padding:26px 0;border-bottom:1px solid #ffffff12;margin-bottom:24px;font-size:12px}.workspace-tag small{display:block;color:#a09dad;font-size:10px;margin-top:3px}.avatar,.profile{background:#eae3ff;color:#6b50ca;border-radius:50%;display:grid;place-items:center;width:32px;height:32px;font-weight:700}.new-bot{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:1px solid #ffffff25;background:#ffffff08;color:white;border-radius:9px;padding:11px}.new-bot:hover{background:#ffffff15}.side-caption{display:flex;justify-content:space-between;color:#b1aebf;font-size:11px;margin:29px 5px 14px}.side-caption span{background:#ffffff10;padding:1px 7px;border-radius:5px}.bot-list{display:grid;gap:8px;max-height:35vh;overflow:auto}.bot-item{border:0;display:flex;align-items:center;gap:10px;text-align:right;padding:12px 10px;background:transparent;color:#dddbe8;border-radius:10px;font-size:12px;min-width:0}.bot-item.selected{background:#7860e82c;color:#e0d8ff}.bot-item small{display:block;color:#a09ab5;font-size:10px;margin-top:4px}.bot-avatar{display:grid;place-items:center;height:33px;width:33px;background:#ffffff08;border-radius:9px;flex-shrink:0}.selection-dot{width:5px;height:5px;background:#ad97ff;border-radius:50%;margin-right:auto}.side-bottom{margin-top:auto;padding-top:28px}.side-tip{border:1px solid #ffffff12;border-radius:12px;padding:15px;color:#c5c2d5;font-size:11px}.side-tip svg{display:block;color:#a790ff;margin-bottom:8px}.side-tip p{font-size:10px;color:#a09aad;margin-top:6px}.side-link{display:flex;gap:8px;color:#aaa6bc;background:none;border:0;padding:20px 4px;font-size:11px}.side-version{font-size:8px;letter-spacing:1.6px;color:#767185;border-top:1px solid #ffffff12;padding-top:16px;direction:ltr}.main{margin-right:242px;padding:0 42px;max-width:1680px}.topbar{height:83px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.breadcrumb{display:flex;align-items:center;gap:12px;color:#8b879d;font-size:11px}.breadcrumb strong{font-weight:500;color:#3f3c51}.top-status{display:flex;align-items:center;gap:8px;font-size:10px;color:#8b879d}.top-status .profile{margin-right:18px}.small-dot{height:6px;width:6px;display:inline-block;border-radius:50%;background:#bbb5c9}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:34px 0 27px}.eyebrow{font-size:10px;color:#9b88c6;margin-bottom:9px}.page-heading h1{font-size:29px;letter-spacing:-.7px;font-weight:800}.page-heading p{font-size:12px;color:var(--muted);margin-top:7px}.heading-actions{display:flex;gap:10px}.primary,.outline,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:11px 16px;font-size:12px;border:0;font-weight:500;text-decoration:none}.primary{background:var(--accent);color:#fff;box-shadow:0 4px 10px #7860e824}.primary:hover{background:#6950d8}.outline{background:white;border:1px solid #dedbe7;color:#4d465f}.text-button{background:transparent;color:#796392;padding:9px 11px}.full{width:100%}.step-nav{display:flex;padding:7px;background:#fff;border:1px solid var(--line);border-radius:12px;gap:5px;margin-bottom:23px}.step-nav button{border:0;background:transparent;flex:1;padding:10px 4px;border-radius:8px;display:flex;gap:8px;align-items:center;justify-content:center;color:#9490a2;font-size:11px}.step-nav button span{display:grid;place-items:center;width:21px;height:21px;border:1px solid #e6e3ed;border-radius:50%;font-size:10px}.step-nav button.active{background:#f0ebff;color:#7860db}.step-nav button.active span{background:var(--accent);color:white;border-color:var(--accent)}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 316px;align-items:start;gap:35px}.editor-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:26px}.editor-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;gap:10px}.editor-title h2{font-size:17px}.editor-title p{color:var(--muted);font-size:11px;margin-top:5px}.section-icon{display:grid;place-items:center;min-width:38px;height:38px;border-radius:10px;background:#f2edff;color:var(--accent)}.section-icon svg{width:20px}label{display:flex;align-items:center;justify-content:space-between;margin:15px 0 8px;font-size:11px;font-weight:500}label span{color:#aaa4b5;font-size:9px;font-weight:400}input,textarea,select{display:block;width:100%;border:1px solid #e6e3ec;border-radius:8px;padding:10px 12px;background:#fcfbfd;color:#3f3b50;font-size:12px;outline:none}input:focus,textarea:focus,select:focus{border-color:#9f88f5;box-shadow:0 0 0 3px #7860e80b}textarea{resize:vertical;line-height:1.9}.section-row{display:flex;justify-content:space-between;align-items:center;margin:26px 0 14px}.section-row h3{font-size:12px}.section-row span{color:#ada7b7;font-size:9px}.edit-block{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px;border:1px solid #eeecf3;padding:11px;border-radius:10px}.block-number{display:grid;place-items:center;font-size:10px;background:#f4f1fa;color:#a28cbb;height:24px;width:24px;flex-shrink:0;margin-top:6px}.block-fields{display:grid;gap:8px;flex:1;min-width:0}.block-fields input,.block-fields select,.block-fields textarea{font-size:11px;padding:8px 10px}.block-controls{display:grid;gap:3px}.block-controls button{display:grid;place-items:center;width:23px;height:25px;border:0;background:transparent;color:#a49aac}.block-controls button:first-child:hover{color:#c84a5e}.add-block{border:1px dashed #cec3e6;background:#fcfaff;color:#8b75aa;display:flex;align-items:center;gap:6px;justify-content:center;width:100%;padding:12px;border-radius:9px;font-size:11px}.editor-footer{margin-top:29px;padding-top:17px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.editor-footer>span{display:flex;align-items:center;gap:5px;color:#aaa3b4;font-size:9px}.two-fields{display:grid;grid-template-columns:1fr 150px;gap:13px}.color-picker{display:flex;align-items:center;gap:12px;padding:4px 10px;border:1px solid #e6e3ec;border-radius:8px;background:#fcfbfd;height:40px}.color-picker input{width:27px;height:27px;padding:0;border:0;cursor:pointer}.color-picker span{font-size:10px;color:#7f748f}.connection{display:flex;align-items:center;gap:8px;font-size:12px;padding:13px;background:#f6f4f9;border-radius:9px;margin-bottom:22px;color:#8b819b}.connection.connected{background:#eef7f2;color:#4d9570}.connection.connected .small-dot{background:#5b9e7c}.field-note{font-size:10px;color:#a19aa9;margin:8px 0 16px}.guide{padding:19px;margin-top:27px;background:#faf9fd;border:1px solid #eeebf5;border-radius:12px;font-size:11px;color:#8d829e}.guide h3{color:#595168;font-size:12px}.guide ol{padding-right:20px;line-height:2.7}.guide p{font-size:10px;color:#a298af}.guide code{font-size:12px;direction:ltr;display:inline-block;background:#efebf7;padding:0 5px;border-radius:4px}.checklist{display:grid;gap:15px;margin:15px 0 24px}.checklist>div{display:flex;align-items:center;gap:10px;font-size:11px;color:#649278}.checklist svg{width:17px}.checklist .pending{color:#9687ac}.notice{background:#faf7ee;border:1px solid #eee7d4;padding:16px;border-radius:10px;margin:16px 0;color:#a18b56;font-size:11px}.notice p{font-size:10px;margin-top:6px}.inline{margin-right:7px}.publish-tools{display:flex;gap:7px;margin-top:16px}.export-section{margin-top:30px;border-top:1px solid var(--line);padding-top:20px}.export-section h3{font-size:12px}.export-section p{font-size:10px;color:#a096ad;margin:7px 0 12px}.danger{border:0;background:none;color:#b97883;display:flex;align-items:center;gap:6px;font-size:10px;margin-top:25px}.preview-column{position:sticky;top:25px}.preview-heading{display:flex;align-items:center;justify-content:space-between;padding:4px 14px;color:#91879f;font-size:11px}.preview-heading>span:first-child{display:flex;align-items:center;gap:7px}.live-dot{background:#83b89a;width:6px;height:6px;border-radius:50%;box-shadow:0 0 0 4px #83b89a15}.preview-tabs{display:flex;background:#eae7f0;border-radius:8px;padding:3px;width:176px;margin:14px auto 20px}.preview-tabs button{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;font-size:10px;padding:7px 0;border:0;background:transparent;color:#8e829f;border-radius:6px}.preview-tabs .active{background:#fff;color:#7d669e;box-shadow:0 1px 4px #00000006}.phone{width:278px;height:548px;background:#fff;border:6px solid #292936;border-radius:36px;overflow:hidden;margin:auto;position:relative;box-shadow:0 20px 35px #25223b10}.phone-status{display:flex;justify-content:space-between;padding:12px 20px 9px;font-size:10px;direction:ltr;color:#383340}.telegram-header{background:white;display:flex;align-items:center;gap:9px;padding:9px 10px;border-bottom:1px solid #eee;font-size:12px}.telegram-header>svg{color:#9d94ab}.telegram-header small{display:block;color:#a7a1b0;font-size:9px;margin-top:3px}.phone-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#ddd5f3;color:#8b76ae}.phone-menu{margin-right:auto;color:#a79bb5;font-size:14px}.phone-chat{background:#eee9e6;height:412px;padding:12px;overflow:auto;position:relative;background-image:radial-gradient(#ded6d130 2px,transparent 2px);background-size:23px 23px;padding-bottom:65px}.chat-date{margin:0 auto 18px;width:45px;border-radius:15px;background:#c8bfba;color:white;font-size:9px;text-align:center;padding:2px}.chat-bubble{background:white;padding:12px;border-radius:11px 11px 2px 11px;white-space:pre-wrap;font-size:11px;line-height:2;box-shadow:0 2px 2px #00000004}.chat-bubble small{display:block;text-align:left;font-size:8px;color:#bcb4c1;direction:ltr}.chat-buttons{display:grid;gap:4px;margin-top:4px}.chat-buttons button{display:flex;align-items:center;justify-content:center;gap:8px;border:0;background:#ffffffc0;color:#88719d;border-radius:5px;padding:9px;font-size:10px}.response{margin-top:15px}.chat-composer{position:absolute;bottom:0;right:0;left:0;background:white;color:#bcb4c1;font-size:11px;display:flex;align-items:center;justify-content:space-between;padding:14px}.phone-home{height:4px;width:88px;position:absolute;bottom:8px;left:calc(50% - 44px);border-radius:5px;background:#272130}.phone-mini{height:409px;overflow:auto;padding:16px 12px 30px;background:#fcfbfe;--accent:#7860e8}.mini-hero{padding:15px 12px;text-align:center;background:linear-gradient(145deg,#f0eafb,#fff);border-radius:15px;border:1px solid #eae2f7;margin-bottom:19px}.mini-orbit{height:62px;width:62px;border:1px solid #ddd1f6;display:grid;place-items:center;border-radius:20px;transform:rotate(-8deg);background:#fff8;color:var(--accent);margin:7px auto 18px}.mini-orbit svg{transform:rotate(8deg)}.mini-hero h2{font-size:17px}.mini-hero p{font-size:9px;color:#a497b3;margin-top:7px}.phone-mini h3{font-size:12px;margin:15px 0 9px}.mini-text{padding:11px;background:#fff;border:1px solid #eeebf4;border-radius:8px;font-size:10px;color:#8d819c;white-space:pre-wrap;margin-bottom:9px}.mini-cta{display:flex;justify-content:center;align-items:center;gap:7px;background:var(--accent);border:0;border-radius:9px;width:100%;padding:11px;color:white;font-size:10px;text-decoration:none;margin-top:10px}.preview-note{text-align:center;font-size:9px;color:#a69aaf;margin-top:20px;line-height:2}.page-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:36px;padding:20px 0;color:#b1aab9;font-size:9px}.page-footer span:last-child{font-size:9px;letter-spacing:1px}.welcome{background:#fff;border:1px solid var(--line);border-radius:18px;min-height:420px;display:grid;grid-template-columns:1fr 360px;padding:35px 42px;overflow:hidden}.welcome-copy{padding:27px 0}.pill{font-size:10px;color:#967bb2;border:1px solid #e6dff1;background:#faf7ff;border-radius:20px;padding:5px 10px}.welcome-copy h2{font-size:32px;line-height:1.9;margin:20px 0 9px;letter-spacing:-.8px}.welcome-copy p{color:#aaa0b5;font-size:12px;max-width:310px;margin-bottom:24px}.welcome-art{position:relative;background:radial-gradient(ellipse at 45% 50%,#ede5fc 10%,transparent 69%);display:grid;place-items:center}.sample-phone{width:222px;background:#fff;border:4px solid #363043;border-radius:24px;padding:15px 12px;transform:rotate(-5deg);box-shadow:12px 17px 40px #68568720}.sample-head{display:flex;align-items:center;gap:8px;font-size:11px;padding-bottom:12px}.sample-head small{display:block;font-size:8px;color:#b4a4bf;margin-top:3px}.sample-icon{display:grid;place-items:center;background:#e7dcf5;color:#947ab1;width:29px;height:29px;border-radius:50%}.sample-icon svg{width:17px}.sample-bubble{background:#f4f0f8;border-radius:8px;padding:10px;font-size:10px;line-height:2;color:#8e7b9f}.sample-button{display:flex;justify-content:center;align-items:center;gap:5px;padding:9px;font-size:9px;background:#e8e0f1;margin:4px 0 14px;color:#8d70a2;border-radius:5px}.sample-mini{border-radius:14px;background:#f7f3fc;border:1px solid #e5dcef;padding:13px;text-align:center}.sample-mini b{font-size:12px}.sample-mini p{font-size:8px;margin-top:6px;color:#a28eaf}.floating-pill{position:absolute;background:#fff;box-shadow:0 8px 30px #8c6daa20;border:1px solid #f2ecf8;padding:9px 12px;display:flex;gap:6px;font-size:10px;z-index:1;right:0;top:47px;border-radius:9px;transform:rotate(5deg);color:#8e729e}.floating-pill svg{color:#83ad96}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:27px 8px}.feature-row>div{display:flex;align-items:center;gap:12px}.feature-row>div>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eee9f7;color:#a28cba;font-size:14px}.feature-row strong{font-size:11px;font-weight:500}.feature-row p{font-size:9px;color:#a9a0b4;margin-top:4px}.modal-shade{position:fixed;inset:0;background:#18132670;backdrop-filter:blur(5px);z-index:10;display:grid;place-items:center;padding:20px}.modal{max-width:480px;width:100%;background:white;border-radius:20px;padding:30px;position:relative}.modal h2{font-size:20px;margin-top:17px}.modal>p{color:#a094ad;font-size:11px;margin-top:7px}.modal-close{position:absolute;left:17px;top:13px;background:none;border:0;font-size:24px;color:#ae9dbd}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:23px}.template-grid button{padding:17px 7px;border:1px solid #e6dfef;background:#fff;border-radius:10px;text-align:center;color:#9685ab;display:grid;justify-items:center;gap:10px}.template-grid button.selected{background:#f6f0ff;border-color:#af96e1}.template-grid strong{font-size:12px;font-weight:500}.template-grid small{font-size:8px;color:#a99bb9}.modal .modal-note{text-align:center;font-size:9px;margin-top:12px}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);padding:16px 20px;border-radius:12px;box-shadow:0 8px 30px #0002;background:#292338;color:white;font-size:12px;z-index:20;display:flex;align-items:center;gap:20px}.toast button{background:none;color:#cec2dc;border:0;font-size:20px}.empty{display:flex;align-items:center;justify-content:center;gap:12px;padding:80px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.actual-mini{--accent:#7860e8;max-width:650px;margin:auto;padding:38px 22px}.actual-mini h1{font-size:30px;margin:18px 0 10px}.actual-mini p{white-space:pre-wrap;color:#8d7d9c;margin:10px 0}.actual-mini section{margin-top:27px;background:white;border:1px solid #e8e1f0;border-radius:17px;padding:22px}.actual-mini h2{font-size:21px;margin:18px 0 10px}.actual-mini .mini-cta{font-size:14px;padding:14px}.mini-brand{font-size:10px;letter-spacing:2px;color:#a793ba}
@media(min-width:1450px){.main{padding:0 65px}.editor-layout{grid-template-columns:minmax(0,1fr) 350px;gap:55px}}@media(max-width:1150px){.main{padding:0 24px;margin-right:205px}.sidebar{width:205px;padding:26px 16px}.editor-layout{gap:20px;grid-template-columns:minmax(0,1fr) 285px}.editor-card{padding:20px}.welcome{grid-template-columns:1fr 255px;padding:25px}.welcome-copy h2{font-size:26px}.page-heading h1{font-size:25px}}@media(max-width:900px){.sidebar{width:180px;padding:24px 12px}.main{margin-right:180px;padding:0 20px}.editor-layout{grid-template-columns:minmax(0,1fr)}.preview-column{position:static}.preview-heading{max-width:278px;margin:auto}.welcome{grid-template-columns:1fr}.welcome-art{padding:10px 0 25px}.welcome-copy{padding:12px 0}.feature-row{gap:10px}.feature-row>div{align-items:flex-start;gap:7px}.feature-row p{font-size:8px}.heading-actions{gap:6px}.heading-actions button{padding:10px;font-size:10px}.page-heading h1{font-size:23px}}@media(max-width:600px){.sidebar{position:static;width:100%;height:auto;padding:14px 18px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.brand{font-size:20px;gap:8px}.brand-icon{width:34px;height:34px;border-radius:10px}.brand small{font-size:6px}.workspace-tag,.side-caption,.bot-list,.side-bottom{display:none}.new-bot{width:auto;padding:8px 10px;font-size:10px}.main{margin:0;padding:0 16px}.topbar{height:56px}.top-status{font-size:8px;gap:6px}.top-status .profile{display:none}.breadcrumb{font-size:9px;gap:5px}.page-heading{padding:24px 0 20px;align-items:flex-start}.page-heading h1{font-size:23px}.page-heading p{font-size:10px;max-width:220px}.eyebrow{font-size:8px}.heading-actions{flex-direction:column;padding-top:6px}.heading-actions .primary{font-size:9px;padding:9px}.heading-actions .outline{font-size:9px;padding:8px}.step-nav{padding:5px;gap:2px;margin-bottom:15px}.step-nav button{font-size:9px;gap:5px;padding:8px 2px}.step-nav button span{height:17px;width:17px;font-size:8px}.editor-card{padding:18px 14px;border-radius:12px}.editor-title h2{font-size:15px}.editor-title p{font-size:9px}.editor-title{margin-bottom:21px}.edit-block{gap:6px;padding:9px 6px}.block-number{width:20px}.block-fields{gap:6px}.editor-footer>span{font-size:8px;max-width:180px}.editor-footer .text-button{font-size:9px;padding:6px}.two-fields{grid-template-columns:1fr 125px;gap:8px}.phone{margin-top:5px}.preview-column{margin-top:15px}.welcome{padding:22px 19px;gap:6px}.welcome-copy h2{font-size:27px}.welcome-copy p{font-size:11px}.welcome-art{padding:20px 0}.floating-pill{right:8px;top:30px}.feature-row{grid-template-columns:1fr;padding:24px 5px;gap:16px}.feature-row p{font-size:10px}.feature-row strong{font-size:12px}.modal{padding:24px 20px}.modal h2{font-size:18px}.toast{width:calc(100% - 30px);font-size:11px}.checklist>div{font-size:10px}.page-footer{margin-top:20px}.outline{font-size:10px}.primary{font-size:11px}}
.mobile-projects{display:none}@media(max-width:600px){.breadcrumb{font-size:0;gap:4px}.breadcrumb>strong{display:none}.mobile-projects{display:block;font-size:10px;max-width:145px;padding:6px;border:0;background:#eeebf4}}
.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 24px}.dashboard-stats>div{background:white;border:1px solid var(--line);border-radius:13px;padding:17px 20px;position:relative;overflow:hidden}.dashboard-stats>div:after{content:'';position:absolute;left:-15px;bottom:-24px;width:72px;height:72px;border-radius:50%;background:#7860e808}.dashboard-stats span{display:block;color:#a091b2;font-size:10px}.dashboard-stats strong{display:block;font-size:27px;margin-top:8px;font-weight:600}.dashboard-stats>div:nth-child(2) strong{color:#478c70}.dashboard-stats>div:nth-child(3) strong{color:#7860e8}.dashboard-stats>div:nth-child(4) strong{color:#b88855}.rule-intro{font-size:11px;color:#9e90aa;background:#f8f4fe;padding:14px;line-height:2;border-radius:10px;margin-bottom:18px}.rule-editor{padding:15px;border:1px solid #e9e3f1;border-radius:11px;margin-bottom:13px}.rule-editor .section-row{margin:0 0 12px}.rule-editor textarea,.rule-editor input{margin:7px 0}.rule-editor strong{font-size:11px}.icon-delete{border:0;background:none;color:#ad95a3;display:grid;place-items:center}.test-rule{background:#f9f7fc;padding:15px;margin-top:20px;border-radius:11px}.test-rule .outline{margin-top:12px}.mini-content{--surface:#fff;--mini-ink:#393143;--mini-muted:#94819e;color:var(--mini-ink);background:#fcfbfe;line-height:1.9}.mini-content .mini-hero{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 12%,var(--surface)),var(--surface));border-color:color-mix(in srgb,var(--accent) 16%,transparent)}.mini-content .mini-hero p{color:var(--mini-muted)}.mini-dark{--surface:#26232e;--mini-ink:#eee8f6;--mini-muted:#b2a7bf;background:#1c1922}.phone-mini:has(.mini-dark){background:#1c1922}.mini-logo{width:55px;height:55px;border-radius:16px;object-fit:cover;margin:4px auto 15px}.logo-monogram{display:grid;place-items:center;font-size:25px;color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 15%,transparent)}.mini-product,.mini-faq,.mini-text{background:var(--surface);border:1px solid color-mix(in srgb,var(--accent) 10%,transparent);border-radius:11px;padding:14px;margin:10px 0;color:var(--mini-muted)}.mini-product img,.mini-image img{display:block;width:100%;max-height:300px;object-fit:cover;border-radius:8px}.mini-product h3{color:var(--mini-ink);margin:12px 0 5px}.mini-product p{font-size:11px;white-space:pre-wrap}.product-price{display:block;color:var(--accent);font-size:13px;margin:12px 0}.mini-faq summary{cursor:pointer;color:var(--mini-ink);font-size:12px}.mini-faq p{font-size:11px;white-space:pre-wrap;margin-top:8px}.mini-image{margin:12px 0}.mini-image figcaption{text-align:center;font-size:10px;color:var(--mini-muted);padding:8px}.image-placeholder{padding:35px 10px;border:1px dashed #d8cce6;text-align:center;color:#a594b0;border-radius:10px;font-size:10px}.mini-divider{border:0;border-top:1px solid color-mix(in srgb,var(--accent) 20%,transparent);margin:20px 0}.mini-content>h3{color:var(--mini-ink)}.mini-dark .mini-text{color:var(--mini-muted)}.actual-mini{max-width:650px;padding:24px 16px}.actual-mini .mini-content{padding:20px;border-radius:20px;min-height:calc(100vh - 48px)}.actual-mini .mini-content h2{font-size:27px}.actual-mini .mini-content h3{font-size:19px}.actual-mini .mini-hero p,.actual-mini .mini-product p,.actual-mini .mini-text,.actual-mini .mini-faq p{font-size:14px}.actual-mini .mini-faq summary{font-size:15px}.actual-mini .mini-text{margin:10px 0}.actual-mini .mini-product h3{margin:15px 0 6px}.logout-link{font-size:10px;text-decoration:none;margin-left:8px}.template-grid{grid-template-columns:repeat(3,1fr)}.step-nav button{font-size:10px}.heading-actions .outline{font-size:10px}.main .notice{background:#f7f3fc;color:#9982ae;border-color:#e9dff1}@media(max-width:600px){.dashboard-stats{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:18px}.dashboard-stats>div{padding:12px 14px}.dashboard-stats strong{font-size:23px}.dashboard-stats span{font-size:9px}.step-nav{overflow-x:auto;justify-content:flex-start}.step-nav button{flex:none;font-size:9px;padding:9px 8px}.heading-actions .outline{font-size:8px}.rule-editor{padding:11px}.rule-editor .two-fields{grid-template-columns:1fr}.template-grid{grid-template-columns:repeat(3,1fr)}.actual-mini .mini-content{padding:15px}}
.standalone-login{max-width:380px;margin:12vh auto;background:white;padding:32px;border-radius:20px;border:1px solid var(--line)}.standalone-login .brand-icon{color:#fff;font-size:25px;margin-bottom:17px}.standalone-login h1{font-size:29px}.standalone-login>p{color:var(--muted);margin:7px 0 22px}.standalone-login .primary{margin-top:21px}

.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw;padding:70px max(5vw,24px);background:radial-gradient(ellipse at 85% 0%,#b3a3ff38,transparent 50%),radial-gradient(ellipse at 0% 95%,#a1dfd634,transparent 45%),#f6f6fb;position:relative;overflow:hidden}.login-shell:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#aca8c930 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.login-story,.login-card{position:relative;z-index:1}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:48px}.login-brand .brand-icon{color:white;width:48px;height:48px;background:linear-gradient(140deg,#9b83ff,#6650cc);font-size:26px;font-weight:800;box-shadow:0 12px 28px #7860e830}.login-brand strong{font-size:26px;letter-spacing:-1px}.login-brand small{display:block;direction:ltr;letter-spacing:2.5px;font-size:8px;color:#a49aba;margin-top:3px}.login-eyebrow{font-size:11px;font-weight:500;color:#7860ca;background:#ece6ff;display:inline-block;padding:6px 12px;border-radius:30px;margin-bottom:20px}.login-story h1{font-size:clamp(30px,3.5vw,51px);line-height:1.6;letter-spacing:-1.5px;color:#282238;font-weight:800}.login-story h1 span{color:#7860e8}.login-story>p{font-size:14px;color:#958ba4;max-width:390px;margin:14px 0 26px}.login-steps{display:flex;gap:12px;flex-wrap:wrap}.login-steps span{padding:7px 10px;font-size:10px;color:#9384a6;border:1px solid #ded5ef;background:#ffffff60;border-radius:8px}.login-story .story-line{width:70px;height:3px;background:linear-gradient(90deg,#ab91ef,#9fd9d0);border-radius:3px;margin:34px 0 20px}.login-note{font-size:10px!important;color:#b1a7bf!important;margin:0!important}.login-card{width:100%;max-width:420px;justify-self:center;background:#fffffff0;border:1px solid #fff;border-radius:25px;padding:38px;box-shadow:0 25px 70px #51406c12,0 1px 3px #67507c05}.login-card-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#f1ebff;color:#8c70ce;font-size:24px;margin-bottom:23px}.login-card h2{font-size:25px;letter-spacing:-.7px}.login-card>p{color:#a497b1;font-size:12px;margin-top:9px;margin-bottom:29px}.login-card label{font-size:11px;color:#746781;margin:12px 0 8px}.login-password-row{display:flex;align-items:center;border:1px solid #e7e1ef;background:#fbfafd;border-radius:11px;overflow:hidden}.login-password-row:focus-within{border-color:#b49be6;box-shadow:0 0 0 3px #7860e809}.login-password-row input{border:0;background:transparent;box-shadow:none!important;min-width:0;flex:1;height:48px;font-size:16px;padding:10px 13px;text-align:left;direction:ltr}.login-toggle{border:0;background:transparent;padding:12px;color:#a391b6;font-size:10px;min-height:44px}.login-card .login-submit{border:0;width:100%;display:flex;justify-content:center;align-items:center;gap:10px;background:linear-gradient(120deg,#8e72ed,#7560dd);color:white;border-radius:11px;padding:14px;font-size:12px;font-weight:500;margin-top:22px;box-shadow:0 8px 16px #7860e81c}.login-submit:focus-visible,.login-toggle:focus-visible{outline:3px solid #bda7f7;outline-offset:3px}.login-bottom{display:flex;gap:6px;justify-content:center;align-items:center;color:#b3a7bf;font-size:9px;margin-top:23px;padding-top:19px;border-top:1px solid #f1edf6}.login-bottom i{width:5px;height:5px;border-radius:50%;background:#8ab3a2;display:block}.login-error{font-size:11px;color:#ab697d;background:#fbf0f3;padding:12px;border-radius:10px;margin-bottom:16px;line-height:1.9}.boot-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#ede8fa,transparent 55%),#f7f5fb;padding:25px}.boot-card{text-align:center;max-width:390px;line-height:2}.boot-card .brand-icon{color:white;font-size:24px;margin:0 auto 24px}.boot-card h2{font-size:23px}.boot-card p{font-size:12px;color:#a095ac;margin:8px 0 20px}.boot-card button{border:0;background:#7860e8;color:white;padding:11px 20px;border-radius:9px;font:inherit;font-size:12px;cursor:pointer}.boot-spinner{width:24px;height:24px;border:2px solid #e0d7f1;border-top-color:#8e72cc;border-radius:50%;animation:spin 1s linear infinite;margin:20px auto}.login-footer{position:absolute;bottom:22px;left:0;right:0;text-align:center;font-size:9px;color:#b5a9c2;direction:ltr;letter-spacing:1px}@media(max-width:800px){.login-shell{grid-template-columns:1fr;gap:25px;padding:30px 20px 55px;align-content:center}.login-brand{margin-bottom:20px}.login-brand .brand-icon{width:38px;height:38px;font-size:21px}.login-brand strong{font-size:23px}.login-story h1{font-size:29px;line-height:1.7;letter-spacing:-.8px}.login-story h1 br{display:none}.login-story>p{font-size:11px;max-width:none;margin:10px 0 12px}.login-eyebrow,.login-steps,.story-line,.login-note{display:none!important}.login-card{max-width:480px;padding:26px 23px;border-radius:20px}.login-card-icon{width:35px;height:35px;font-size:18px;margin-bottom:13px}.login-card h2{font-size:23px}.login-card>p{font-size:11px;margin-bottom:20px}.login-card .login-submit{font-size:12px;padding:14px}.login-footer{bottom:15px;font-size:8px}.login-bottom{margin-top:18px;padding-top:15px}}@media(prefers-reduced-motion:reduce){.boot-spinner{animation:none}}