@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#292633;background:#faf9fc;font-synthesis:none;--purple:#7544db;--muted:#898592;--border:#eeecf2;--ink:#292633}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #ad8cea;outline-offset:4px}button:disabled{opacity:.45;cursor:not-allowed}svg{width:20px;height:20px;flex-shrink:0;vertical-align:middle;stroke-width:1.65}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:34px;letter-spacing:-1.35px;font-weight:750;line-height:1.3}h2{font-size:18px;font-weight:750;letter-spacing:-.4px}h3{font-size:15px}p{line-height:1.65}small{font-size:12px}[hidden]{display:none!important}.sidebar{position:fixed;left:0;top:0;bottom:0;width:236px;background:#fff;border-right:1px solid var(--border);padding:32px 19px 0;display:flex;flex-direction:column;z-index:3}.brand{font-family:Manrope,sans-serif;font-size:26px;letter-spacing:-1.4px;font-weight:800;display:flex;align-items:center;padding:0 9px}.brand-dot{color:var(--purple)}.brand-mark{display:flex;align-items:center;justify-content:center;font-size:28px;letter-spacing:-2px;color:white;background:var(--purple);width:34px;height:36px;border-radius:10px;margin-right:10px;padding-bottom:4px}.brand-mark span{font-size:20px;align-self:flex-start;padding-top:0;margin-left:-1px}.workspace{display:flex;align-items:center;gap:10px;background:#faf9fc;border:1px solid var(--border);border-radius:9px;padding:12px 10px;margin-top:35px}.workspace-icon{width:33px;height:33px;display:grid;place-items:center;border:1px solid #e6e0f2;background:#f0eafa;color:#7544bd;border-radius:8px;font-size:13px;font-weight:700}.workspace strong,.profile strong{font-size:12px;font-weight:600;display:block}.workspace small,.profile small{display:block;color:var(--muted);margin-top:3px;font-size:11px}.workspace-chevron{margin-left:auto;color:#8c8893}.nav-label{font-size:10px;letter-spacing:1.4px;color:#a6a1af;margin:33px 12px 14px;font-weight:600}nav{display:grid;gap:7px}nav a{display:flex;gap:12px;align-items:center;padding:12px 13px;border-radius:8px;font-size:13px;font-weight:500;color:#777280}nav a.active{background:#f0eafb;color:#7544c8}nav a:hover{background:#f7f4fb}.nav-count{margin-left:auto;font-size:10px;background:#e2d6f8;min-width:20px;padding:3px;border-radius:5px;text-align:center}.beta{margin-left:auto;font-size:8px;font-weight:700;letter-spacing:.5px;background:#f4f3f7;color:#8d8798;border:1px solid #ece9f1;padding:3px 4px;border-radius:3px}.sidebar-bottom{margin-top:auto;padding-top:50px}.connection-card{background:linear-gradient(135deg,#faf8fe,#f5f0fc);border:1px solid #eee7f8;border-radius:10px;padding:16px;margin:0 3px 25px}.connection-icon{display:block;color:#895ecf;margin-bottom:10px}.connection-card strong{font-size:12px}.connection-card p{font-size:11px;color:#92879e;margin:6px 0 12px}.text-button{display:inline-flex;align-items:center;gap:8px;border:0;background:none;padding:0;color:var(--purple);font-size:12px;font-weight:600}.text-button:hover{text-decoration:underline}.connection-card .text-button{width:100%;justify-content:space-between}.profile{display:flex;gap:9px;align-items:center;border-top:1px solid var(--border);padding:19px 2px}.avatar{background:#f1e7da;color:#8c6a46;border:3px solid #fff;outline:1px solid #eee8e0;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600}.avatar.small{width:31px;height:31px}.profile-dot{width:6px;height:6px;background:#b7b0c0;border-radius:50%;margin-left:auto;margin-right:5px}.shell{margin-left:236px}.topbar{height:77px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 40px}.breadcrumb{font-size:12px;color:#8c8795;display:flex;align-items:center;gap:15px}.breadcrumb span{color:#cfccd4}.breadcrumb strong{color:#4e4958;font-weight:500}.topbar-right{display:flex;align-items:center;gap:22px}.local-status{font-size:11px;color:#8b8494;display:flex;gap:7px;align-items:center}.local-status i{width:5px;height:5px;border-radius:50%;background:#9b87bd}.icon-button{border:0;background:none;padding:5px;color:#9b94a3;display:inline-flex;align-items:center;justify-content:center;border-radius:6px}.icon-button:hover{color:var(--purple);background:#f4effa}.icon-button svg{width:19px;height:19px}main{padding:38px 40px 0;max-width:1570px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#8d829d;font-weight:700;display:block;margin-bottom:10px}.page-heading p{font-size:13px;color:#8b8494;margin-top:9px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 17px;border-radius:7px;border:1px solid transparent;white-space:nowrap;font-size:12px;font-weight:600;min-height:40px;transition:background .15s,transform .15s}.button:hover{transform:translateY(-1px)}.button svg{width:16px;height:16px}.primary{background:var(--purple);color:#fff;box-shadow:0 3px 7px #7544db18}.primary:hover{background:#6735ca}.secondary{background:#fff;border-color:#e4dfea;color:#6b6277}.secondary:hover{background:#faf8fd}.white{background:#fff;border:1px solid #e8dff6;color:#7653a6}.danger{background:#c9475f;color:white}.setup-banner{display:flex;align-items:center;gap:16px;background:linear-gradient(105deg,#f0e8fc,#f6f1fc);border:1px solid #e7dcf7;padding:21px 22px;border-radius:10px;margin-bottom:25px}.setup-symbol{display:grid;place-items:center;background:#fff8;color:#8c5bd5;border:1px solid #fff;width:42px;height:42px;border-radius:11px;flex-shrink:0}.setup-symbol svg{width:23px;height:23px}.setup-banner strong{font-size:13px;font-weight:650;color:#594076}.setup-banner p{font-size:11px;color:#907da9;margin-top:4px}.setup-banner .button{margin-left:auto;font-size:11px;padding:9px 13px;min-height:35px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:35px}.stat{background:#fff;border:1px solid var(--border);border-radius:9px;padding:19px 19px 17px}.stat>div{display:flex;align-items:center;justify-content:space-between;color:#8e8798;font-size:11px;gap:6px}.stat svg{width:16px;height:16px;color:#b5a8c9}.stat>strong{display:flex;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-size:31px;font-weight:650;margin-top:11px;line-height:1.35}.stat small{display:flex;align-items:center;gap:5px;font-size:10px;color:#aaa3b2;margin-top:6px}.stat-tag{font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:.05px;font-weight:500;background:#f5f3f7;padding:4px 6px;border-radius:4px;color:#9990a4;white-space:nowrap}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#b4adbc}.dot.purple{background:#a982de}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px}.section-heading h2{display:flex;align-items:center;gap:9px;font-size:16px}.section-heading p{font-size:11px;margin-top:5px;color:#9a91a3}.number-badge{background:#efebf5;color:#8e7ba7;font-size:10px;min-width:20px;padding:3px 6px;border-radius:5px;font-family:'DM Sans',sans-serif;font-weight:500;text-align:center}.muted{color:#9a8fa7;font-size:11px}.muted svg{width:14px;height:14px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.tabs{display:flex;gap:3px;background:#efedf3;padding:4px;border-radius:7px}.tabs button{display:flex;gap:7px;align-items:center;border:0;background:none;border-radius:5px;padding:7px 11px;color:#9b91a7;font-size:11px}.tabs button.active{background:white;color:#6f528f;box-shadow:0 1px 3px #3020440c}.tabs span{font-size:9px;background:#e6e2ed;padding:1px 4px;border-radius:3px;min-width:14px;text-align:center}.tabs .active span{background:#f0e8fb;color:#9165c3}.search{display:flex;flex-direction:row;margin:0;align-items:center;gap:8px;background:white;border:1px solid #e9e4ef;border-radius:7px;padding:8px 10px;width:240px;color:#aca3b8}.search svg{width:15px;height:15px}.search input{width:100%;min-width:0;border:0;padding:0;font-size:11px;outline:none;background:transparent}.search input:focus{box-shadow:none}.search input::placeholder{color:#ada4b6}.search:focus-within{outline:2px solid #b591e2;outline-offset:1px}.search kbd{border:1px solid #e9e4ef;border-radius:3px;font:10px 'DM Sans';padding:1px 4px;color:#b3aabf}.empty-state{background:white;border:1px dashed #ddd3e9;border-radius:10px;padding:32px 25px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden;min-height:244px;justify-content:center}.empty-illustration{position:relative;width:80px;height:56px;margin-bottom:18px}.empty-bubble{position:absolute;left:5px;top:4px;width:51px;height:36px;border-radius:11px 11px 3px 11px;background:#f1eafa;border:1px solid #e6d9f7;display:flex;align-items:center;justify-content:center;gap:4px}.empty-bubble i{display:block;width:4px;height:4px;background:#b49bd3;border-radius:50%}.empty-bubble.second{left:37px;top:24px;width:35px;height:26px;background:#fff;border-color:#e8dff4;border-radius:8px 8px 8px 2px;color:#a485cc;font-size:15px}.empty-spark{position:absolute;top:-5px;right:1px;color:#bca4db;font-size:18px}.empty-state h3{font-size:15px;color:#655571;letter-spacing:-.3px}.empty-state p{font-size:11px;color:#a194ae;max-width:350px;margin:7px 0 16px;line-height:1.8}.empty-state .button{font-size:11px;min-height:34px;padding:8px 14px}.template-section{margin-top:32px}.subtle{font-size:8px;letter-spacing:1.3px;color:#b5aabd}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.template{position:relative;border:1px solid var(--border);background:#fff;border-radius:9px;padding:18px;text-align:left;transition:border-color .2s,box-shadow .2s}.template:hover{border-color:#cbb4ea;box-shadow:0 5px 20px #75529008}.template-icon{width:33px;height:33px;display:inline-grid;place-items:center;border-radius:8px;margin-bottom:13px}.template-icon svg{width:17px;height:17px}.lavender{background:#f0e9fa;color:#9871c8}.peach{background:#fbf0e9;color:#cd9b76}.green{background:#eaf4ef;color:#7ea68f}.template>strong{display:block;font-family:Manrope,sans-serif;font-size:12px;font-weight:750;letter-spacing:-.2px}.template p{font-size:11px;color:#a299ac;margin-top:7px}.template-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f2eef6;padding-top:13px;margin-top:15px;font-size:9px;color:#a99ab7}.template-bottom>span{font-size:15px;color:#b19ac8}footer{display:flex;justify-content:space-between;gap:15px;padding:26px 0 22px;font-size:9px;color:#b5aabd}footer>span:first-child{display:flex;align-items:center;gap:6px}footer svg{width:12px;height:12px}.rule-list-grid{display:grid;gap:12px}.rule-card{background:white;border:1px solid var(--border);padding:19px 21px;border-radius:9px;display:flex;align-items:center;gap:16px}.rule-card>.template-icon{margin:0;flex-shrink:0;width:40px;height:40px}.rule-card-content{flex:1;min-width:0}.rule-card-title{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.rule-card h3{font-size:13px;overflow-wrap:anywhere}.rule-card p{font-size:11px;color:#a091ae;margin-top:7px;overflow-wrap:anywhere}.status{display:inline-flex;align-items:center;gap:5px;border-radius:4px;padding:3px 7px;font-size:9px;font-weight:500;white-space:nowrap}.status:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.status.ready{background:#eee7f9;color:#9470bd}.status.draft{background:#f3f1f5;color:#a398ae}.rule-card-actions{display:flex;align-items:center;gap:6px}.rule-card-actions .button{min-height:32px;padding:7px 11px;font-size:11px}.rule-card-actions svg{width:15px;height:15px}.keyword-chip{background:#f4effa;color:#a184bd;padding:2px 5px;border-radius:3px}.panel{border:1px solid var(--border);background:white;border-radius:11px;padding:26px}.panel>p{font-size:13px;color:#978c9f;margin-top:13px}.test-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.test-grid h2{margin-bottom:22px}.test-result{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:355px}.test-result>p{max-width:310px;font-size:12px}.large-icon{width:57px;height:57px;background:#f4edfb;color:#ad8bd0;display:grid;place-items:center;border-radius:17px;margin-bottom:20px}.large-icon svg{width:27px;height:27px}.result-label{display:flex;align-items:center;gap:7px;color:#9272b8;font-size:11px;margin-bottom:22px}.result-bubble{text-align:left;width:100%;background:#f6f1fc;padding:16px;border-radius:12px;margin-top:10px;font-size:13px;overflow-wrap:anywhere;white-space:pre-wrap}.result-bubble strong{display:block;font-size:10px;color:#9c86b5;margin-bottom:7px}.result-comment{background:#f7f6f9}.result-note{font-size:10px;color:#a69ab0;margin-top:22px}.notice{display:flex;align-items:center;gap:10px;border:1px solid #e8e0f3;background:#f5effc;border-radius:8px;padding:14px 17px;color:#9680ad;font-size:12px;margin-bottom:24px}.notice svg{width:17px;height:17px}.activity-row{display:flex;align-items:center;gap:15px;background:white;border:1px solid var(--border);border-radius:9px;padding:19px;margin-bottom:12px}.activity-row>div{flex:1;min-width:0}.activity-row h3{font-size:13px}.activity-row p{font-size:12px;color:#9f92aa;margin-top:5px;overflow-wrap:anywhere}.activity-row time{font-size:10px;color:#a59aae;white-space:nowrap}.settings-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.panel-title{display:flex;gap:14px;align-items:center}.panel-title .template-icon{margin:0;width:42px;height:42px}.panel-title h2{margin-bottom:7px}.setup-steps{list-style:none;padding:0;margin:27px 0}.setup-steps li{display:flex;gap:12px;margin:20px 0}.setup-steps li>span{background:#f3edf9;color:#aa8cc9;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;font-size:11px;flex-shrink:0}.setup-steps strong{font-size:12px}.setup-steps p{font-size:11px;color:#a294ad;margin-top:4px}.small-notice{padding:13px;background:#fbf7ef;border-radius:7px;font-size:11px;line-height:1.7;color:#b29b78;margin-bottom:20px}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.settings-note{margin-top:24px;background:#f6f2fb;border-color:#eae1f3}.settings-note>svg{color:#af92cb;margin-bottom:12px}.settings-note p{font-size:12px;color:#a28db5}.rule-dialog{padding:0;border:1px solid #e9e1f2;border-radius:15px;max-width:900px;width:calc(100% - 40px);max-height:90vh;color:var(--ink);box-shadow:0 20px 80px #25133533}.rule-dialog::backdrop,.confirm-dialog::backdrop{background:#281b3a66;backdrop-filter:blur(4px)}.dialog-header{padding:24px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.dialog-header .eyebrow{font-size:8px;margin-bottom:7px}.dialog-header h2{font-size:23px}.editor-grid{display:grid;grid-template-columns:1.1fr .9fr}.editor-fields{padding:24px 28px}.editor-preview{background:#faf8fc;border-left:1px solid var(--border);padding:30px 26px}label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:500;color:#756480;margin-bottom:17px}input,select,textarea{padding:11px 12px;border:1px solid #e5ddeb;border-radius:7px;background:white;color:#544260;font-size:12px;width:100%;outline:none}input:focus,select:focus,textarea:focus{border-color:#b192d7;box-shadow:0 0 0 3px #9561c711}textarea{resize:vertical;line-height:1.65;min-height:85px}input::placeholder,textarea::placeholder{color:#b4a7bf}select{cursor:pointer}.form-divider{display:flex;align-items:center;gap:9px;margin:25px 0 19px}.form-divider span{font-size:9px;background:#f0e8f9;padding:4px 5px;color:#a085ba;border-radius:4px}.form-divider h3{font-size:13px;color:#6a527a}.field-hint{font-size:10px;color:#a497ad;line-height:1.7;font-weight:400}.test-grid .field-hint{margin-bottom:20px}.checkbox-label{display:flex;flex-direction:row;gap:8px;align-items:center;margin:20px 0 5px;font-size:11px}.checkbox-label input{width:14px;height:14px;accent-color:var(--purple)}.preview-label{font-size:8px;letter-spacing:1.2px;color:#a38caf;display:flex;align-items:center;gap:6px;margin-bottom:21px}.phone-preview{background:white;border:1px solid #e9e0f1;border-radius:12px;overflow:hidden;box-shadow:0 7px 22px #4b256008}.phone-header{display:flex;gap:9px;align-items:center;padding:15px}.phone-header>span:last-child{margin-left:auto;color:#ab9cb6;font-size:12px}.phone-header strong{font-size:10px;color:#775c88}.phone-header small{display:block;font-size:8px;color:#b4a6be;margin-top:3px}.instagram-gradient{width:30px;height:30px;background:linear-gradient(135deg,#c77dcb,#e0a48e);color:#fff;border-radius:9px;display:grid;place-items:center}.instagram-gradient svg{width:18px;height:18px}.mock-post{height:186px;background:#ece2f3;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:27px}.mock-orb{position:absolute;width:230px;height:230px;border-radius:50%;right:-100px;bottom:-110px;background:radial-gradient(circle at 38% 25%,#efe4f7,#c5abd9 66%,#b595c9);box-shadow:-8px -10px 35px #cbb1dc40}.mock-post:before{content:'';position:absolute;background:#f5e3d7;width:100px;height:100px;border-radius:50%;top:-60px;left:95px}.mock-post>span{position:relative;font-family:Manrope;font-size:24px;line-height:1.35;font-weight:650;letter-spacing:-1px;color:#7c5d8b}.mock-post small{font-size:7px;letter-spacing:2px;color:#ad92b8;margin-top:17px}.mock-comment,.mock-response{display:flex;gap:8px;padding:17px 13px 12px;align-items:flex-start;font-size:10px}.mock-comment>span:last-child{margin-left:auto;color:#b7aabd;font-size:15px}.mini-avatar{background:#f1e7dc;color:#b89c7c;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;flex-shrink:0;font-size:9px}.mini-avatar.own{background:#e8dcf3;color:#b09ac1}.mock-comment strong,.mock-response strong{font-size:9px;color:#8b709d}.mock-comment p,.mock-response p{font-size:10px;color:#a18bad;overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.6;margin-top:3px}.mock-comment small{font-size:8px;color:#bcaec6;display:block;margin-top:6px}.mock-response{margin-left:27px;padding-top:0;padding-bottom:20px}.preview-badge{font-size:7px;color:#b299c4;font-weight:400;background:#f5effa;padding:2px 4px;border-radius:3px;margin-left:3px}.preview-footnote{font-size:9px;color:#b2a1bf;display:flex;align-items:center;justify-content:center;gap:5px;margin-top:18px}.preview-footnote svg{width:11px;height:11px}.dm-preview{border:1px solid #e7dcf0;background:#f1e9f8;border-radius:10px;padding:15px;display:flex;gap:10px;margin-top:15px;color:#ad8cc5}.dm-preview svg{width:15px;height:15px}.dm-preview strong{font-size:10px}.dm-preview p{font-size:11px;overflow-wrap:anywhere;white-space:pre-wrap;margin-top:6px}.dialog-footer{padding:18px 25px;background:white;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-footer>span{font-size:10px;color:#b1a1bf;display:flex;gap:5px;align-items:center}.dialog-footer>div{display:flex;gap:9px}.form-error{font-size:11px;color:#c65c73;margin-top:10px}.confirm-dialog{padding:27px;border:1px solid #e6ddee;border-radius:12px;width:400px;max-width:90vw}.confirm-dialog p{font-size:13px;color:#9a88a7;margin-top:12px}.confirm-dialog .button-row{justify-content:flex-end}.toast{position:fixed;bottom:24px;left:calc(50% + 118px);transform:translateX(-50%);padding:14px 20px;background:#49365d;color:#fff;border:1px solid #675077;border-radius:9px;box-shadow:0 5px 30px #30204422;z-index:30;font-size:12px;max-width:calc(100vw - 30px)}
.activity-row>.template-icon{margin:0;flex-shrink:0;width:36px;height:36px}.activity-row h3{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rule-card-actions .icon-button{width:32px;height:32px}.rule-card-actions .icon-button[data-rule-action=delete]:hover{color:#c9475f;background:#fbeef1}.result-label svg{width:16px;height:16px}
.status.live{background:#e6f3ec;color:#4f8a69}.status.failed{background:#fbecef;color:#c25a70}.neutral{background:#f3f1f5;color:#a398ae}.kind-tag{font-size:8px;letter-spacing:.6px;text-transform:uppercase}.activity-row p+p{margin-top:2px;font-size:11px;color:#b0a5ba}.offscreen{position:fixed;left:-9999px;top:0;opacity:0}
code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;background:#f6f2fb;color:#6b4f8a;padding:2px 5px;border-radius:4px;overflow-wrap:anywhere}
.account-row{display:flex;align-items:center;gap:12px;margin:22px 0 4px}.account-row strong{display:block;font-size:14px}.account-row small{display:block;color:var(--muted);margin-top:3px}.account-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#f0e9fa;color:#8c5bd5;display:grid;place-items:center;font-weight:700;flex-shrink:0;border:1px solid #eee7f8}
.details{margin:20px 0 4px;border:1px solid var(--border);border-radius:9px;overflow:hidden}.detail-row{display:flex;align-items:center;gap:12px;padding:11px 14px;font-size:12px;border-top:1px solid var(--border)}.detail-row:first-child{border-top:0}.detail-row>span{color:var(--muted);width:120px;flex-shrink:0}.detail-row>strong{font-weight:500;color:#5c4d68;flex:1;min-width:0;overflow-wrap:anywhere}.detail-row .text-button{flex-shrink:0}
.meta-values{margin-top:22px;border-top:1px solid var(--border);padding-top:16px}.meta-values summary{cursor:pointer;font-size:12px;font-weight:600;color:#6b4f8a}.copy-field{margin-top:16px}.copy-label{display:block;font-size:11px;font-weight:500;color:#756480;margin-bottom:6px}.copy-row{display:flex;align-items:center;gap:6px;background:#faf8fc;border:1px solid var(--border);border-radius:7px;padding:6px 6px 6px 10px}.copy-row code{background:none;padding:0;flex:1;min-width:0}.copy-row .icon-button svg{width:15px;height:15px}.copy-field .field-hint{display:block;margin-top:5px}
#live-panel+article{margin-top:24px}.live-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.live-sub{font-size:12px;color:#978c9f;margin-top:6px}
.switch{position:relative;display:inline-flex;margin:0;flex-shrink:0;cursor:pointer}.switch input{position:absolute;inset:0;opacity:0;margin:0;width:100%;height:100%;cursor:pointer;padding:0}.switch input:disabled{cursor:not-allowed}.switch-track{width:46px;height:26px;border-radius:99px;background:#e4dfea;position:relative;transition:background .2s}.switch-track:after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #3020442a;transition:transform .2s}.switch input:checked+.switch-track{background:var(--purple)}.switch input:checked+.switch-track:after{transform:translateX(20px)}.switch input:focus-visible+.switch-track{outline:3px solid #ad8cea;outline-offset:3px}.switch input:disabled+.switch-track{opacity:.5}
.limits-form{margin-top:24px;border-top:1px solid var(--border);padding-top:20px}.limits-form h3{margin-bottom:16px;font-size:13px;color:#6a527a}.limits-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}.limits-grid label{justify-content:space-between}.input-suffix{display:flex;align-items:center;border:1px solid #e5ddeb;border-radius:7px;background:#fff;overflow:hidden}.input-suffix:focus-within{border-color:#b192d7;box-shadow:0 0 0 3px #9561c711}.input-suffix input{border:0;box-shadow:none!important;min-width:0}.input-suffix span{padding:0 11px;font-size:11px;color:#a497ad;white-space:nowrap}.limits-form>.field-hint{margin-top:-4px}
.login-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(160deg,#faf9fc,#f3ecfc);padding:24px 16px}.login-wrap{width:100%;max-width:400px;padding:0}.login-brand{justify-content:center;margin-bottom:26px}.login-panel h1{font-size:30px;margin-bottom:6px}.login-panel>p{font-size:12px;margin:0 0 22px}.login-panel .button{width:100%;margin-top:8px}.login-panel .form-error{margin:-6px 0 8px}
@media(min-width:1500px){main{padding:45px 55px 0}.empty-state{min-height:290px}.template{padding:23px}.template p{font-size:12px}.page-heading{margin-bottom:35px}.stats{margin-bottom:40px}.setup-banner{padding:25px}.stat{padding:23px}}
@media(max-width:1150px){.sidebar{width:205px;padding-left:13px;padding-right:13px}.shell{margin-left:205px}main{padding:30px 25px 0}.topbar{padding:0 25px}.stat{padding:15px 12px}.stat-tag{display:none}.setup-banner{gap:12px;padding:18px}.setup-banner p{max-width:360px}.beta{display:none}h1{font-size:30px}.template{padding:15px}.toast{left:calc(50% + 102px)}}
@media(max-width:900px){.sidebar{width:75px;padding:25px 12px}.brand{font-size:0;padding:0;justify-content:center}.brand-mark{margin:0;font-size:28px;width:36px}.brand-mark span{font-size:20px}.workspace,.nav-label,.sidebar-bottom{display:none}nav{margin-top:35px}nav a{font-size:0;justify-content:center;padding:14px}nav a svg{width:21px;height:21px}.nav-count{display:none}.shell{margin-left:75px}.topbar{height:65px}h1{font-size:29px}.page-heading .button{padding:11px 13px}.stats{gap:10px}.stat>div{font-size:10px}.stat svg{display:none}.stat small{font-size:9px}.stat>strong{font-size:28px}.setup-banner p{max-width:290px}.setup-banner .button{font-size:10px}.template-bottom{font-size:8px}.subtle{display:none}.settings-grid{grid-template-columns:1fr}.test-grid{grid-template-columns:1fr 1fr;gap:15px}.toast{left:calc(50% + 37px)}}
@media(max-width:650px){.sidebar{position:fixed;bottom:0;top:auto;left:0;right:0;width:100%;height:62px;padding:0;border-top:1px solid var(--border);border-right:0;z-index:10}.brand{display:none}nav{margin:0;display:flex;justify-content:space-around;gap:0;height:100%}nav a{flex:1;font-size:9px;flex-direction:column;gap:4px;padding:9px 2px;border-radius:0}nav a svg{width:18px;height:18px}.shell{margin:0;padding-bottom:62px}.topbar{height:58px;padding:0 20px}.topbar-right{gap:13px}.local-status{display:none}.breadcrumb{font-size:11px}main{padding:27px 19px 0}.page-heading{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:23px}.page-heading .button{font-size:11px;min-height:36px;padding:9px 14px}.eyebrow{font-size:8px;letter-spacing:1.3px}h1{font-size:28px;letter-spacing:-1px}.page-heading p{font-size:12px;margin-top:7px}.setup-banner{flex-wrap:wrap;gap:10px;padding:16px}.setup-symbol{width:32px;height:32px;border-radius:8px}.setup-symbol svg{width:19px;height:19px}.setup-banner>div:nth-child(2){flex:1}.setup-banner strong{font-size:12px}.setup-banner p{font-size:10px;max-width:none}.setup-banner .button{margin-left:42px;min-height:30px;padding:7px 10px}.stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:27px}.stat{padding:15px}.stat svg{display:block;width:13px;height:13px}.stat>strong{font-size:27px;margin-top:8px}.stat small{font-size:9px}.section-heading h2{font-size:15px}.section-heading p{font-size:10px}.section-heading .muted{font-size:10px}.toolbar{flex-wrap:wrap;gap:12px}.tabs{flex:1}.tabs button{flex:1;justify-content:center;font-size:10px;padding:6px 8px}.search{width:100%}.search kbd{display:none}.empty-state{padding:25px 18px;min-height:245px}.empty-state p{font-size:11px}.template-grid{grid-template-columns:1fr}.template{padding:18px 18px 15px;display:grid;grid-template-columns:43px 1fr;column-gap:6px}.template-icon{grid-row:1/3;margin-bottom:0}.template p br{display:none}.template p{font-size:11px;margin-top:3px}.template-bottom{grid-column:1/3;font-size:9px;margin-top:13px;padding-top:11px}.template-section{margin-top:26px}footer{font-size:8px;padding:22px 0;justify-content:center}footer>span:last-child{display:none}.rule-card{flex-wrap:wrap;padding:15px;gap:10px}.rule-card-actions{margin-left:auto}.rule-card p{font-size:10px}.rule-card h3{font-size:12px}.rule-card-content{min-width:180px}.test-grid{grid-template-columns:1fr}.panel{padding:22px}.test-result{min-height:280px}.rule-dialog{width:calc(100% - 18px);max-height:94dvh;border-radius:10px}.dialog-header{padding:19px}.dialog-header h2{font-size:20px}.editor-grid{grid-template-columns:1fr}.editor-fields{padding:20px}.editor-preview{border-left:0;border-top:1px solid var(--border);padding:22px}.phone-preview{max-width:320px;margin:auto}.preview-label{justify-content:center}.dialog-footer{padding:15px;flex-direction:column;align-items:stretch}.dialog-footer>span{justify-content:center;font-size:9px}.dialog-footer>div{justify-content:flex-end}.dialog-footer .button{flex:1;font-size:11px}.toast{bottom:76px;left:50%;min-width:240px;text-align:center}.activity-row{gap:10px;flex-wrap:wrap;padding:15px}.activity-row time{width:100%;padding-left:30px}.notice{font-size:11px}.settings-grid{gap:17px}.limits-grid{grid-template-columns:1fr}.detail-row{flex-wrap:wrap;gap:4px 12px}.detail-row>span{width:100%}#live-panel+article{margin-top:17px}.settings-note{margin-top:17px}.button-row .button{font-size:11px}.panel h2{font-size:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}