*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #ffffff;--bg-s: #f8f9fa;--bg-card: #ffffff;--bg-hover: #f0f1f3;--text: #111827;--text-s: #6b7280;--border: #e5e7eb;--primary: #6366f1;--primary-h: #4f46e5;--primary-soft: rgba(99,102,241,.1);--danger: #ef4444;--danger-h: #dc2626;--success: #22c55e;--success-h: #16a34a;--warning: #f59e0b;--warning-h: #d97706;--shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-lg: 0 10px 40px rgba(0,0,0,.08);--radius: 10px;--radius-lg: 16px;--sidebar-w: 260px}[data-theme=dark]{--bg: #09090b;--bg-s: #111113;--bg-card: #18181b;--bg-hover: #27272a;--text: #f4f4f5;--text-s: #71717a;--border: #27272a;--primary-soft: rgba(99,102,241,.15);--shadow: 0 1px 3px rgba(0,0,0,.3);--shadow-lg: 0 10px 40px rgba(0,0,0,.4)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.loader{text-align:center;padding:80px 20px;color:var(--text-s)}.text-muted{color:var(--text-s)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text);cursor:pointer;font-size:14px;font-weight:500;transition:all .15s;gap:6px;white-space:nowrap}.btn:hover{background:var(--bg-hover);text-decoration:none}.btn-sm{padding:6px 14px;font-size:13px}.btn-lg{padding:12px 28px;font-size:16px;border-radius:12px}.btn-full{width:100%}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-h)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover{background:var(--danger-h)}.btn-success{background:var(--success);color:#fff;border-color:var(--success)}.btn-success:hover{background:var(--success-h)}.btn-warning{background:var(--warning);color:#fff;border-color:var(--warning)}.btn-warning:hover{background:var(--warning-h)}.btn-outline{background:transparent;border:2px solid var(--border)}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn-secondary{background:var(--bg-s);color:var(--text);border-color:var(--border)}.btn-secondary:hover{background:var(--bg-hover)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow)}input,textarea,select{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-s);color:var(--text);font-size:14px;font-family:inherit;outline:none;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}textarea{resize:vertical}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:600;color:var(--text-s)}.form-hint{font-size:12px;color:var(--text-s)}.broadcast-result{padding:10px 14px;border-radius:8px;font-size:14px;margin-bottom:14px}.broadcast-result-ok{background:#16a34a22;color:#16a34a;border:1px solid #16a34a44}.broadcast-result-err{background:#dc262622;color:#dc2626;border:1px solid #dc262644}.bc-badge-draft{background:var(--bg);color:var(--text-s);border:1px solid var(--border)}.bc-badge-scheduled{background:#2563eb22;color:#2563eb;border:1px solid #2563eb44}.bc-badge-sending{background:#d9770622;color:#d97706;border:1px solid #d9770644}.bc-badge-sent{background:#16a34a22;color:#16a34a;border:1px solid #16a34a44}.bc-badge-failed{background:#dc262622;color:#dc2626;border:1px solid #dc262644}.bc-send-panel{margin-top:12px;padding:16px}.bc-send-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:8px;flex-wrap:wrap}.bc-send-title{font-weight:700;font-size:15px}.bc-server-time{font-size:12px;color:var(--text-s);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:3px 8px;font-variant-numeric:tabular-nums}.bc-send-now-btn{width:100%;justify-content:center}.bc-divider{display:flex;align-items:center;gap:8px;color:var(--text-s);font-size:12px;margin:12px 0}.bc-divider:before,.bc-divider:after{content:"";flex:1;height:1px;background:var(--border)}.bc-schedule-row{display:flex;gap:8px;align-items:center}.bc-schedule-input{flex:1;min-width:0;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text);font-size:13px;font-family:inherit;outline:none;transition:border-color .15s}.bc-schedule-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.bc-scheduled-info{margin-top:8px;font-size:13px;color:var(--text-s);display:flex;align-items:center;flex-wrap:wrap;gap:4px}.bc-send-done{text-align:center;padding:20px 16px}.bc-send-done-icon{width:40px;height:40px;border-radius:50%;background:#16a34a22;color:#16a34a;font-size:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 10px}.error-msg{background:color-mix(in srgb,var(--danger) 10%,var(--bg-card));color:var(--danger);padding:10px 14px;border-radius:var(--radius);font-size:14px;border:1px solid color-mix(in srgb,var(--danger) 25%,transparent)}.status-badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--text-s)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-s);display:inline-block}.status-badge.active{color:var(--success)}.status-badge.active .status-dot{background:var(--success);box-shadow:0 0 6px var(--success)}.header{background:var(--bg-card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb,var(--bg-card) 85%,transparent)}.header-landing{background:transparent;border-bottom:none;-webkit-backdrop-filter:none;backdrop-filter:none}.header-inner{max-width:1140px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.logo{font-weight:700;font-size:17px;color:var(--text);display:flex;align-items:center;gap:8px;flex-shrink:0}.logo:hover{text-decoration:none}.logo-icon{color:var(--primary);font-size:20px}.header-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.user-email{color:var(--text-s);font-size:13px}.theme-toggle{background:none;border:1px solid var(--border);border-radius:var(--radius);padding:6px 10px;cursor:pointer;font-size:15px;line-height:1}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:300}.app-main{flex:1;margin-left:var(--sidebar-w);min-height:100vh;background:var(--bg-s);width:calc(100% - var(--sidebar-w))}.sidebar-overlay{display:none}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:20px 20px 16px;font-weight:700;font-size:16px;border-bottom:1px solid var(--border)}.sidebar-logo-icon{color:var(--primary);font-size:22px}.sidebar-logo-text{flex:1}.sidebar-close{display:none;background:none;border:none;cursor:pointer;font-size:18px;color:var(--text-s);padding:4px}.sidebar-bot-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--primary-soft)}.sidebar-bot-avatar{width:34px;height:34px;border-radius:10px;color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-bot-info{flex:1;min-width:0}.sidebar-bot-name{font-size:13px;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-bot-username{font-size:12px;color:var(--primary);display:block}.sidebar-bot-status{width:10px;height:10px;border-radius:50%;background:var(--text-s);flex-shrink:0}.sidebar-bot-status.active{background:var(--success);box-shadow:0 0 6px var(--success)}.sidebar-no-bot{padding:12px 20px;font-size:13px;color:var(--text-s)}.sidebar-nav{flex:1;overflow-y:auto;padding:12px 0}.sidebar-section{margin-bottom:8px}.sidebar-section-label{display:block;padding:8px 20px 4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-s)}.sidebar-link{display:flex;align-items:center;gap:10px;padding:9px 20px;font-size:14px;color:var(--text);cursor:pointer;transition:all .12s;border:none;background:none;width:100%;text-align:left;text-decoration:none}.sidebar-link:hover{background:var(--bg-hover);text-decoration:none}.sidebar-link.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.sidebar-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--text-s);transition:color .12s}.sidebar-icon svg{width:20px;height:20px}.sidebar-link.active .sidebar-icon{color:var(--primary)}.sidebar-bottom{border-top:1px solid var(--border);padding:12px;display:flex;flex-direction:column;gap:8px}.sidebar-theme{display:flex;align-items:center;gap:10px;padding:9px 12px;font-size:13px;color:var(--text-s);background:none;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .12s;width:100%;text-align:left}.sidebar-theme:hover{background:var(--bg-hover)}.sidebar-user{display:flex;align-items:center;gap:10px;padding:8px}.sidebar-user-avatar{width:32px;height:32px;border-radius:8px;background:var(--primary);color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-user-info{display:flex;flex-direction:column;overflow:hidden;min-width:0}.sidebar-user-email{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-plan{font-size:11px;color:var(--text-s);text-transform:uppercase;letter-spacing:.3px}.sidebar-logout{color:var(--danger);font-size:13px}.sidebar-logout:hover{background:color-mix(in srgb,var(--danger) 10%,var(--bg-card))}.mobile-topbar{display:none;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.mobile-topbar-title{font-weight:700;font-size:16px}.burger{width:36px;height:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:none;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:6px;flex-shrink:0}.burger span{display:block;width:18px;height:2px;background:var(--text);border-radius:1px;transition:all .2s}.page{padding:32px}.page-header{margin-bottom:28px}.page-header h1{font-size:26px;font-weight:700;margin-bottom:4px}.search-input{width:100%;max-width:380px;margin-top:12px;padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:14px;outline:none}.search-input:focus{border-color:var(--primary)}.placeholder-block{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)}.placeholder-block .placeholder-icon{font-size:48px;margin-bottom:16px}.placeholder-block h3{margin-bottom:8px}.placeholder-block p{color:var(--text-s)}.landing{overflow-x:hidden}.hero{max-width:1140px;margin:0 auto;padding:80px 20px 60px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero h1{font-size:48px;line-height:1.15;font-weight:800;letter-spacing:-1px}.gradient-text{background:linear-gradient(135deg,var(--primary),#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:18px;color:var(--text-s);margin:20px 0 32px;line-height:1.7}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.phone-mockup{width:280px;margin:0 auto;background:var(--bg-card);border:2px solid var(--border);border-radius:28px;padding:16px;box-shadow:var(--shadow-lg)}.phone-screen{display:flex;flex-direction:column;gap:10px;min-height:320px;justify-content:center}.phone-msg{background:var(--primary-soft);color:var(--text);padding:12px 16px;border-radius:14px 14px 14px 4px;font-size:14px}.phone-btns{display:flex;flex-direction:column;gap:8px}.phone-btn{padding:10px;text-align:center;border-radius:10px;border:1px solid var(--border);font-size:14px;font-weight:500;background:var(--bg-s)}.phone-btn.accent{background:var(--primary);color:#fff;border-color:var(--primary)}.features{max-width:1140px;margin:0 auto;padding:80px 20px;text-align:center}.features h2{font-size:32px;font-weight:700;margin-bottom:48px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{padding:32px 24px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card);text-align:left;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.feature-icon{font-size:28px;margin-bottom:12px}.feature-card h3{font-size:17px;margin-bottom:8px}.feature-card p{font-size:14px;color:var(--text-s);line-height:1.6}.how-it-works{max-width:1140px;margin:0 auto;padding:80px 20px;text-align:center}.how-it-works h2{font-size:32px;font-weight:700;margin-bottom:48px}.steps{display:flex;align-items:flex-start;justify-content:center;gap:16px}.step{flex:1;max-width:200px;padding:24px 16px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card)}.step-num{width:40px;height:40px;border-radius:50%;background:var(--primary);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:18px}.step h3{font-size:15px;margin-bottom:4px}.step p{font-size:13px;color:var(--text-s)}.step-arrow{font-size:24px;color:var(--text-s);padding-top:36px}.cta{max-width:1140px;margin:0 auto;padding:80px 20px;text-align:center}.cta h2{font-size:32px;font-weight:700;margin-bottom:12px}.cta p{font-size:17px;color:var(--text-s);margin-bottom:28px}.landing-footer{max-width:1140px;margin:0 auto;padding:40px 20px;text-align:center;border-top:1px solid var(--border);color:var(--text-s);font-size:13px}.auth-page{display:flex;justify-content:center;padding:60px 20px}.auth-card{width:100%;max-width:400px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:36px;box-shadow:var(--shadow-lg)}.auth-card form{display:flex;flex-direction:column;gap:16px}.auth-header{text-align:center;margin-bottom:24px}.auth-header h2{font-size:24px;margin-bottom:6px}.auth-header p{color:var(--text-s);font-size:14px}.auth-footer{text-align:center;margin-top:20px;font-size:14px;color:var(--text-s)}.page-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.stat-card{text-align:center;padding:24px 16px}.stat-value{font-size:36px;font-weight:800;margin-bottom:4px}.stat-active{color:var(--success)}.stat-inactive{color:var(--text-s)}.stat-label{font-size:14px;color:var(--text-s)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}.section-header h2{font-size:20px;font-weight:600}.bot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.bot-card{display:flex;flex-direction:column;gap:16px}.bot-card-top{display:flex;align-items:flex-start;gap:14px}.bot-avatar{width:44px;height:44px;border-radius:12px;background:var(--primary);color:#fff;font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bot-info{min-width:0;flex:1}.bot-info h3{font-size:16px;margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bot-username{font-size:13px;color:var(--primary);display:block;margin-bottom:4px}.bot-card-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bot-platform-tag{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;padding:2px 8px;border-radius:6px;background:var(--primary-soft);color:var(--primary)}.bot-card-actions{display:flex;flex-direction:column;gap:8px}.bot-card-row{display:flex;gap:8px}.empty-state{text-align:center;padding:48px 20px}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state h3{margin-bottom:8px}.empty-state p{color:var(--text-s);margin-bottom:8px}.create-platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.platform-card{display:flex;align-items:center;gap:16px;padding:24px;border-radius:var(--radius-lg);border:2px solid var(--border);background:var(--bg-card);cursor:pointer;transition:all .15s;position:relative}.platform-card:hover{border-color:var(--primary)}.platform-card.selected{border-color:var(--primary);background:var(--primary-soft)}.platform-card.disabled{opacity:.55;cursor:not-allowed}.platform-card.disabled:hover{border-color:var(--border)}.platform-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;color:#fff}.platform-info{flex:1;min-width:0}.platform-info h3{font-size:17px;font-weight:600;margin-bottom:2px}.platform-info p{font-size:13px;color:var(--text-s)}.platform-badge{position:absolute;top:12px;right:12px;font-size:11px;font-weight:600;text-transform:uppercase;padding:3px 10px;border-radius:20px;background:var(--bg-hover);color:var(--text-s)}.platform-check{position:absolute;top:12px;right:12px;width:24px;height:24px;border-radius:50%;background:var(--primary);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}.create-form-wrapper{max-width:520px}.create-form-card h3{margin-bottom:4px}.create-form-card form{display:flex;flex-direction:column;gap:16px;margin-top:16px}.bots-list{display:flex;flex-direction:column;gap:12px}.bot-list-card{display:flex;align-items:center;justify-content:space-between;gap:16px}.bot-list-left{display:flex;align-items:center;gap:14px;min-width:0;flex:1}.bot-list-avatar{width:44px;height:44px;border-radius:12px;color:#fff;font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bot-list-info{min-width:0}.bot-list-name{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bot-list-username{font-size:13px;color:var(--primary);margin-bottom:2px}.bot-list-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:2px}.bot-list-platform{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;padding:2px 8px;border-radius:6px;background:var(--primary-soft);color:var(--primary)}.bot-list-actions{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}.clickable{cursor:pointer;transition:border-color .15s,box-shadow .15s}.clickable:hover{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.bot-list-selected{border-color:var(--primary);background:var(--primary-soft)}.flow-create-card{margin-bottom:24px;display:flex;flex-direction:column;gap:14px}.checkbox-row{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.checkbox-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.constructor-layout{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:start}.constructor-left{min-width:0}.flow-list{display:flex;flex-direction:column;gap:10px}.flow-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px}.flow-card-selected{border-color:var(--primary);background:var(--primary-soft)}.flow-card-info{display:flex;align-items:center;gap:10px;min-width:0}.flow-card-name{font-weight:600;font-size:15px}.flow-start-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:6px;background:var(--success);color:#fff;flex-shrink:0}.flow-card-actions{display:flex;gap:6px;flex-shrink:0}.msg-editor-panel{display:flex;flex-direction:column;gap:20px}.msg-editor-header{display:flex;justify-content:space-between;align-items:center}.msg-editor-header h3{font-size:18px;font-weight:600}.msg-editor-media{border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);position:relative;max-height:200px}.msg-editor-media img,.msg-editor-media video{display:block;width:100%;max-height:200px;object-fit:cover}.msg-editor-media-remove{position:absolute;top:8px;right:8px;padding:4px 12px;border-radius:8px;font-size:12px;font-weight:500;background:#000000b3;color:#fff;border:none;cursor:pointer}.msg-editor-media-remove:hover{background:var(--danger)}.editor-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.toolbar-format{display:flex;gap:4px}.toolbar-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text);transition:all .12s}.toolbar-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.toolbar-divider{width:1px;height:24px;background:var(--border)}.toolbar-btn-text{width:auto;padding:0 10px;font-size:13px;gap:4px;font-weight:500}.toolbar-params-wrap{position:relative}.params-popup{position:absolute;top:40px;left:0;z-index:50;width:280px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.params-popup-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border);font-size:13px;font-weight:600;color:var(--text-s)}.params-popup-close{background:none;border:none;cursor:pointer;font-size:16px;color:var(--text-s);padding:0}.params-popup-close:hover{color:var(--text)}.params-popup-list{display:flex;flex-direction:column}.params-popup-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border:none;background:none;cursor:pointer;transition:background .1s;text-align:left;border-bottom:1px solid var(--border)}.params-popup-item:last-child{border-bottom:none}.params-popup-item:hover{background:var(--primary-soft)}.params-popup-tag{font-size:13px;font-family:monospace;color:var(--primary)}.params-popup-label{font-size:13px;color:var(--text-s)}.toolbar-emoji-wrap{position:relative}.emoji-picker{position:absolute;top:40px;left:0;z-index:50;width:320px;max-height:340px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}.emoji-cats{display:flex;gap:2px;padding:8px 8px 4px;border-bottom:1px solid var(--border);overflow-x:auto;flex-shrink:0}.emoji-cat-btn{padding:4px 6px;border:none;background:none;font-size:18px;cursor:pointer;border-radius:6px;transition:background .1s;flex-shrink:0}.emoji-cat-btn:hover{background:var(--bg-hover)}.emoji-cat-btn.active{background:var(--primary-soft)}.emoji-grid{display:flex;flex-wrap:wrap;gap:2px;padding:8px;overflow-y:auto;flex:1}.emoji-item{width:36px;height:36px;border:none;background:none;font-size:22px;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .1s}.emoji-item:hover{background:var(--bg-hover)}.msg-editor-textarea{min-height:160px;font-size:15px;line-height:1.6;padding:14px 16px;border-radius:var(--radius);resize:vertical;font-family:inherit}.msg-editor-btns-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.inline-btn-row{display:flex;align-items:flex-start;gap:8px;padding:12px;background:var(--bg-s);border:1px solid var(--border);border-radius:var(--radius)}.inline-btn-drag{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.inline-btn-move{width:24px;height:24px;border:1px solid var(--border);border-radius:4px;background:var(--bg-card);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-s)}.inline-btn-move:hover{background:var(--bg-hover);color:var(--text)}.inline-btn-move:disabled{opacity:.3;cursor:default}.inline-btn-fields{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.inline-btn-fields input,.inline-btn-fields select{font-size:13px;padding:8px 10px}.inline-btn-action{display:flex;gap:6px;flex-wrap:wrap}.inline-btn-action select{flex:0 0 auto;min-width:160px}.inline-btn-action input,.inline-btn-action select:last-child{flex:1;min-width:120px}.inline-btn-remove{width:28px;height:28px;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text-s);flex-shrink:0}.inline-btn-remove:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.msg-editor-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:8px;border-top:1px solid var(--border)}.phone-preview-area{display:flex;flex-direction:column;align-items:center;gap:12px;position:sticky;top:80px}.preview-hint{font-size:13px;text-align:center}.iphone-frame{width:340px;min-height:580px;background:var(--bg-card);border:3px solid var(--border);border-radius:40px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg),inset 0 0 0 2px var(--bg-s)}.iphone-notch{width:120px;height:28px;background:var(--border);border-radius:0 0 16px 16px;margin:0 auto}.iphone-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 10px;border-bottom:1px solid var(--border)}.iphone-back{font-size:22px;color:var(--primary);cursor:default;width:24px}.iphone-contact{display:flex;align-items:center;gap:8px}.iphone-contact-avatar{width:30px;height:30px;border-radius:50%;background:var(--primary);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}.iphone-contact-name{font-size:15px;font-weight:600}.iphone-dots{color:var(--text-s);font-size:18px;width:24px;text-align:right}.iphone-chat{flex:1;padding:16px 12px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;min-height:300px;background:var(--bg-s)}.iphone-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-s);font-size:14px}.iphone-msg-group{max-width:88%}.iphone-msg-group.iphone-msg-editing{outline:2px solid var(--primary);outline-offset:4px;border-radius:16px}.iphone-msg-row{display:flex;align-items:flex-start;gap:6px}.iphone-bubble{background:var(--primary);color:#fff;padding:10px 14px;border-radius:18px 18px 18px 6px;font-size:14px;line-height:1.5;word-break:break-word;white-space:pre-wrap}.iphone-msg-actions{display:flex;flex-direction:column;gap:2px;opacity:0;transition:opacity .15s;flex-shrink:0;margin-top:4px}.iphone-msg-group:hover .iphone-msg-actions{opacity:1}.iphone-msg-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:13px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;color:var(--text-s);transition:all .1s}.iphone-msg-btn:hover{background:var(--bg-hover);color:var(--text)}.iphone-msg-btn-del:hover{color:var(--danger)}.iphone-bubble-media{margin:-10px -14px 8px;border-radius:14px 14px 4px 4px;overflow:hidden}.iphone-bubble-media img,.iphone-bubble-media video{display:block;width:100%;max-height:180px;object-fit:cover}.iphone-inline-btns{display:flex;flex-direction:column;gap:5px;margin-top:6px}.iphone-inline-row{display:flex;flex-direction:row;gap:5px}.iphone-inline-btn{flex:1 1 0;min-width:60px;padding:8px 10px;text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;font-size:12px;font-weight:500;color:var(--primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.iphone-bubble-question{background:#7c3aed}.iphone-q-meta{font-size:11px;opacity:.7;margin-top:4px}.iphone-delay-block{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 14px;margin:4px auto;background:var(--bg-card);border:1px dashed var(--border);border-radius:20px;font-size:12px;color:var(--text-s);width:fit-content}.iphone-delay-icon{font-size:14px}.iphone-delay-text{font-weight:500}.iphone-delay-del{background:none;border:none;cursor:pointer;font-size:12px;color:var(--text-s);padding:0 2px;opacity:0;transition:opacity .15s}.iphone-delay-block:hover .iphone-delay-del{opacity:1}.iphone-delay-del:hover{color:var(--danger)}.draggable-step{cursor:grab;transition:opacity .15s,transform .15s}.draggable-step:active{cursor:grabbing}.dragging-step{opacity:.4;transform:scale(.95)}.iphone-add-buttons{display:flex;flex-direction:column;gap:8px}.iphone-add-btn-delay{border-color:var(--warning);color:var(--warning)}.iphone-add-btn-delay:hover{background:color-mix(in srgb,var(--warning) 10%,var(--bg-card))}.msg-editor-attach-row{display:flex;gap:8px;flex-wrap:wrap}.compact-btn-grid{display:flex;flex-direction:column;gap:6px}.compact-btn-row{display:flex;flex-direction:row;gap:4px;padding:4px;background:var(--bg-s);border-radius:var(--radius);border:1px dashed var(--border)}.compact-btn-row:empty{display:none}.compact-btn-item{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:6px;padding:7px 10px;background:var(--bg-card);border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);font-size:13px;cursor:grab;transition:box-shadow .12s,opacity .12s,border-color .1s;position:relative}.compact-btn-item:active{cursor:grabbing}.compact-btn-dragging{opacity:.45;box-shadow:var(--shadow-lg)}.compact-btn-handle{color:var(--text-s);font-size:13px;cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0}.compact-btn-name{flex:1;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-btn-type{font-size:12px;flex-shrink:0}.compact-btn-item.drop-left{border-left:3px solid var(--primary)}.compact-btn-item.drop-right{border-right:3px solid var(--primary)}.compact-btn-item.drop-top{border-top:3px solid var(--success)}.compact-btn-item.drop-bottom{border-bottom:3px solid var(--success)}.compact-btn-edit,.compact-btn-del{background:none;border:none;cursor:pointer;font-size:14px;padding:2px;color:var(--text-s);transition:color .1s}.compact-btn-edit:hover{color:var(--primary)}.compact-btn-del:hover{color:var(--danger)}.btn-edit-extra{display:flex;flex-direction:column;gap:6px}.btn-edit-option{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .12s}.btn-edit-option.active{border-color:var(--primary);background:var(--primary-soft)}.btn-edit-option input[type=radio]{accent-color:var(--primary)}.btn-edit-option span{font-size:14px;font-weight:500}.btn-edit-option-hint{font-size:12px;color:var(--text-s);font-weight:400;width:100%;padding-left:24px}.btn-edit-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#0006;display:flex;align-items:center;justify-content:center;padding:20px}.btn-edit-popup{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;width:100%;max-width:420px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:16px}.btn-edit-popup-header{display:flex;justify-content:space-between;align-items:center}.btn-edit-popup-header h4{font-size:16px;font-weight:600}.iphone-bottom{padding:12px;border-top:1px solid var(--border);background:var(--bg-card)}.iphone-add-btn{width:100%;padding:12px;border:2px dashed var(--border);border-radius:12px;background:none;color:var(--primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.iphone-add-btn:hover{border-color:var(--primary);background:var(--primary-soft)}.macros-row{display:flex;gap:4px;flex-wrap:wrap}.macro-btn{padding:3px 10px;border-radius:20px;font-size:12px;font-weight:500;background:var(--primary-soft);color:var(--primary);border:1px solid transparent;cursor:pointer;transition:all .12s;white-space:nowrap}.macro-btn:hover{border-color:var(--primary);background:var(--primary);color:#fff}.start-warning{font-size:13px;color:var(--warning);padding:8px 12px;background:color-mix(in srgb,var(--warning) 10%,var(--bg-card));border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--warning) 25%,transparent)}.users-layout{display:grid;grid-template-columns:340px 1fr;gap:20px;min-height:calc(100vh - 200px);align-items:start}.users-list-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;max-height:calc(100vh - 200px);overflow-y:auto}.user-row{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .1s;border-bottom:1px solid var(--border)}.user-row:last-child{border-bottom:none}.user-row:hover{background:var(--bg-hover)}.user-row-active{background:var(--primary-soft)}.user-chat-icon{background:none;border:none;font-size:22px;cursor:pointer;flex-shrink:0;padding:0;line-height:1}.user-row-info{flex:1;min-width:0}.user-row-name{font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.user-row-username{font-size:12px;color:var(--primary);font-weight:400}.user-row-meta{font-size:12px;color:var(--text-s);margin-top:2px}.chat-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;min-height:500px;max-height:calc(100vh - 200px);overflow:hidden}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.chat-header-name{font-size:16px;font-weight:600}.chat-header-username{font-size:13px;color:var(--primary)}.chat-messages{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:8px}.chat-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-s)}.chat-msg{display:flex;flex-direction:column;max-width:75%}.chat-msg-in{align-self:flex-start}.chat-msg-out{align-self:flex-end}.chat-msg-bubble{padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.5;word-break:break-word;white-space:pre-wrap;display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px}.chat-msg-in .chat-msg-bubble{background:var(--bg-s);color:var(--text);border-bottom-left-radius:4px}.chat-msg-out .chat-msg-bubble{background:var(--primary);color:#fff;border-bottom-right-radius:4px}.chat-msg-text{flex:1}.chat-msg-time{font-size:11px;opacity:.6;white-space:nowrap;flex-shrink:0}.chat-msg-type{font-size:11px;color:var(--text-s);margin-top:2px;font-style:italic}.chat-input-area{display:flex;gap:10px;padding:12px 16px;border-top:1px solid var(--border);flex-shrink:0;align-items:flex-end}.chat-input{flex:1;resize:none;border-radius:12px;padding:10px 14px;font-size:14px;font-family:inherit;min-height:44px;max-height:120px}.chat-send-btn{flex-shrink:0;height:44px}.chat-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.settings-section{margin-bottom:32px}.settings-section-header{margin-bottom:16px}.settings-section-header h2{font-size:18px;font-weight:600;margin-bottom:4px}.params-table{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.params-table-header{display:flex;align-items:center;gap:12px;padding:10px 20px;background:var(--bg-s);border-bottom:1px solid var(--border);font-size:12px;font-weight:600;color:var(--text-s);text-transform:uppercase;letter-spacing:.3px}.params-table-row{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--border)}.params-table-row:last-child{border-bottom:none}.params-col-name{flex:1;font-weight:500;font-size:14px}.params-col-tag{flex:1}.params-col-tag code{font-size:13px;padding:3px 8px;border-radius:6px;background:var(--primary-soft);color:var(--primary);font-family:monospace}.params-col-action{flex:0 0 auto}.settings-hint{margin-top:12px;padding:12px 16px;background:var(--bg-s);border-radius:var(--radius);border:1px solid var(--border)}.settings-hint p{font-size:13px;color:var(--text-s);line-height:1.5;margin-bottom:4px}.settings-hint p:last-child{margin-bottom:0}.editor-topbar{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.editor-topbar h2{flex:1;font-size:22px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-topbar-right{display:flex;align-items:center;gap:12px}.editor-body{display:grid;grid-template-columns:320px 1fr;gap:20px;min-height:calc(100vh - 180px)}.editor-sidebar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;min-height:0}.editor-sidebar .sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;border-bottom:1px solid var(--border)}.editor-sidebar .sidebar-header h3{font-size:15px}.sidebar-tree{flex:1;overflow-y:auto;padding:8px 0}.sidebar-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 16px;text-align:center}.sidebar-empty p{font-size:14px}.sidebar-help{border-top:1px solid var(--border);padding:12px 16px}.sidebar-help summary{font-size:13px;cursor:pointer;color:var(--text-s);font-weight:500}.help-content{margin-top:10px}.help-content p{font-size:13px;color:var(--text-s);margin-bottom:8px;line-height:1.5}.editor-main{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;overflow-y:auto}.editor-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:300px;text-align:center}.placeholder-icon{font-size:48px;margin-bottom:16px}.editor-placeholder h3{margin-bottom:8px}.editor-placeholder p{color:var(--text-s)}.tree-root{list-style:none}.tree-children{list-style:none;padding:0}.tree-row{display:flex;align-items:center;gap:4px;padding:7px 12px;cursor:pointer;border-radius:6px;margin:1px 8px;transition:background .1s;font-size:14px}.tree-row:hover{background:var(--bg-hover)}.tree-row.selected{background:var(--primary);color:#fff}.tree-expand{background:none;border:none;cursor:pointer;width:18px;font-size:10px;color:var(--text-s);padding:0;text-align:center;flex-shrink:0}.tree-row.selected .tree-expand{color:#fff}.tree-expand-placeholder{width:18px;flex-shrink:0}.tree-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.tree-actions{display:flex;gap:2px;opacity:0;transition:opacity .1s;flex-shrink:0}.tree-row:hover .tree-actions,.tree-row.selected .tree-actions{opacity:1}.tree-btn{background:none;border:1px solid transparent;border-radius:4px;cursor:pointer;font-size:14px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;color:var(--text-s);transition:all .1s}.tree-btn:hover{background:var(--bg-s);border-color:var(--border)}.tree-btn-del:hover{color:var(--danger)}.tree-row.selected .tree-btn{color:#ffffffb3}.tree-row.selected .tree-btn:hover{background:#ffffff26;color:#fff}.node-editor{display:flex;flex-direction:column;gap:24px}.node-editor-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.node-editor-header h3{font-size:18px}.form-section{display:flex;flex-direction:column;gap:10px;padding-bottom:20px;border-bottom:1px solid var(--border)}.action-selector{display:flex;gap:10px}.action-option{flex:1;display:flex;align-items:center;gap:10px;padding:14px 16px;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-s);cursor:pointer;transition:all .15s;font-size:14px;color:var(--text)}.action-option:hover{border-color:var(--primary)}.action-option.active{border-color:var(--primary);background:var(--primary-soft)}.action-icon{font-size:20px;flex-shrink:0}.media-preview{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.media-dropzone{border:2px dashed var(--border);border-radius:var(--radius);padding:32px;text-align:center;cursor:pointer;transition:all .15s;width:100%}.media-dropzone:hover{border-color:var(--primary);background:var(--primary-soft)}.dropzone-icon{font-size:28px}.media-dropzone p{margin-top:6px;font-size:14px}.subsection-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.child-buttons-list{display:flex;flex-direction:column;gap:4px}.child-button-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg-s);border-radius:var(--radius);font-size:14px;gap:8px}.editor-actions{display:flex;align-items:center;gap:12px;padding-top:8px;flex-wrap:wrap}@media(max-width:1024px){:root{--sidebar-w: 220px}.hero{gap:40px;padding:60px 20px 40px}.hero h1{font-size:38px}.features-grid{grid-template-columns:repeat(2,1fr)}.editor-body{grid-template-columns:280px 1fr}.page{padding:24px}.card{padding:20px}}@media(max-width:768px){.sidebar{transform:translate(-100%);transition:transform .25s ease;width:280px;z-index:400}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:350;opacity:0;animation:fadeIn .2s forwards}@keyframes fadeIn{to{opacity:1}}.sidebar-close{display:block}.app-main{margin-left:0;width:100%}.mobile-topbar{display:flex}.hero{grid-template-columns:1fr;text-align:center;padding:40px 16px 30px;gap:30px}.hero h1{font-size:32px}.hero-subtitle{font-size:16px;margin:16px 0 24px}.hero-actions{justify-content:center}.hero-visual{display:none}.features{padding:40px 16px}.features h2{font-size:24px;margin-bottom:32px}.features-grid{grid-template-columns:1fr 1fr;gap:12px}.feature-card{padding:20px 16px}.how-it-works{padding:40px 16px}.how-it-works h2{font-size:24px;margin-bottom:32px}.steps{flex-wrap:wrap;gap:12px}.step{max-width:none;flex:1 1 140px}.step-arrow{display:none}.cta{padding:40px 16px}.cta h2{font-size:24px}.header-inner{padding:12px 16px}.auth-page{padding:32px 16px}.auth-card{padding:28px 20px}.page{padding:20px 16px}.page-header h1{font-size:22px}.editor-body{grid-template-columns:1fr;min-height:auto}.editor-sidebar{max-height:360px}.editor-main{padding:20px 16px}.bot-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(3,1fr);gap:10px}.stat-card{padding:16px 12px}.stat-value{font-size:28px}.create-platforms{grid-template-columns:1fr}.bot-list-card{flex-direction:column;align-items:flex-start}.bot-list-actions{width:100%}.constructor-layout{grid-template-columns:1fr}.phone-preview-area{order:-1;position:static}.iphone-frame{width:100%;max-width:360px;min-height:500px}.flow-card{flex-direction:column;align-items:flex-start}.flow-card-actions{width:100%}.inline-btn-action{flex-direction:column}.inline-btn-action select{min-width:auto}.emoji-picker{width:280px;left:-100px}.users-layout{grid-template-columns:1fr}.users-list-panel{max-height:none}.chat-panel{min-height:400px;max-height:none}}@media(max-width:480px){.hero h1{font-size:26px;letter-spacing:-.5px}.hero-subtitle{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.btn-lg{padding:12px 20px;font-size:15px}.features h2,.how-it-works h2,.cta h2{font-size:22px}.features-grid{grid-template-columns:1fr}.feature-card{padding:20px}.feature-card h3{font-size:15px}.steps{flex-direction:column;align-items:stretch}.step{max-width:none}.cta p{font-size:15px}.auth-card{padding:24px 16px}.auth-header h2{font-size:20px}.page{padding:16px 12px}.page-header{margin-bottom:20px}.page-header h1{font-size:20px}.card{padding:16px;border-radius:12px}.placeholder-block{padding:48px 16px}.page-header-row{flex-direction:column;gap:10px}.page-header-row .btn{width:100%}.stats-grid{grid-template-columns:1fr}.create-platforms{gap:10px}.platform-card{padding:16px}.platform-icon{width:40px;height:40px;font-size:18px}.bot-list-actions{flex-direction:column}.bot-list-actions .btn{width:100%}.iphone-frame{max-width:100%;border-radius:28px;min-height:460px}.iphone-notch{width:100px;height:24px}.editor-topbar{flex-direction:column;align-items:flex-start;gap:8px}.editor-topbar h2{font-size:18px}.editor-sidebar{max-height:300px}.editor-main{padding:16px 12px}.action-selector{flex-direction:column}.action-option{padding:12px}.media-dropzone{padding:24px 16px}.node-editor-header h3{font-size:16px}.editor-actions{flex-direction:column;align-items:stretch}.mobile-topbar{padding:12px}.sidebar{width:100%}input,textarea,select{font-size:16px}}.mapp-workspace{display:grid;grid-template-columns:290px 1fr;gap:24px;align-items:start}.mapp-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;position:sticky;top:20px;max-height:calc(100vh - 100px);overflow-y:auto}.mapp-section{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:10px}.mapp-section:last-child{border-bottom:none}.mapp-section-title{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-s)}.mapp-tabs{display:flex;background:var(--bg-s);border-radius:8px;padding:3px;gap:2px}.mapp-tab{flex:1;padding:6px 10px;border:none;background:transparent;color:var(--text-s);font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .15s}.mapp-tab:hover{color:var(--text)}.mapp-tab-active{background:var(--bg-card);color:var(--text);box-shadow:0 1px 3px #0000001a}.mapp-color-row{display:flex;align-items:center;gap:10px;cursor:pointer}.mapp-color-swatch{width:38px;height:38px;border:2px solid var(--border);border-radius:8px;padding:2px;cursor:pointer;background:transparent;flex-shrink:0}.mapp-color-hex{font-size:13px;font-family:monospace;color:var(--text-s)}.mapp-add-btn{width:100%;justify-content:flex-start;font-size:13px;gap:6px}.mapp-range{width:100%;accent-color:var(--primary);cursor:pointer}.mapp-prop{display:flex;flex-direction:column;gap:4px}.mapp-label{font-size:12px;font-weight:500;color:var(--text-s)}.mapp-size-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mapp-editor{gap:12px}.mapp-hint-panel{font-size:13px;color:var(--text-s);line-height:1.6;text-align:center;padding:4px 0}.mapp-phone-wrap{display:flex;flex-direction:column;align-items:center;gap:14px}.mapp-phone-frame{width:344px;background:#111;border-radius:46px;padding:14px 12px 24px;box-shadow:0 0 0 1.5px #2a2a2a,0 0 0 3px #111,0 28px 90px #00000080;display:flex;flex-direction:column;align-items:center;-webkit-user-select:none;user-select:none}.mapp-phone-top{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:4px 0 12px}.mapp-phone-dot{width:8px;height:8px;background:#2a2a2a;border-radius:50%}.mapp-phone-speaker{width:56px;height:6px;background:#2a2a2a;border-radius:3px}.mapp-screen{width:320px;height:580px;border-radius:20px;overflow:hidden;position:relative;background:#fff}.mapp-screen-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0}.mapp-home-bar{width:120px;height:5px;background:#333;border-radius:3px;margin-top:16px}.mapp-el{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;padding:0 12px;cursor:grab;touch-action:none;transition:box-shadow .1s;line-height:1.3;word-break:break-word;text-align:center}.mapp-el:active{cursor:grabbing}.mapp-el-sel{outline:2px solid var(--primary);outline-offset:3px;box-shadow:0 0 0 5px #6366f12e;z-index:20}.mapp-empty{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#bbb;line-height:1.9;pointer-events:none}.mapp-hint{font-size:12px;color:var(--text-s);text-align:center}.mapp-pages-list{display:flex;flex-direction:column;gap:4px}.mapp-page-row{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;cursor:pointer;border:1px solid transparent;transition:background .12s,border-color .12s;background:var(--bg-s)}.mapp-page-row:hover{background:var(--bg-hover)}.mapp-page-row.active{background:var(--primary-soft);border-color:var(--primary)}.mapp-page-num{width:20px;height:20px;border-radius:5px;background:var(--border);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-s)}.mapp-page-row.active .mapp-page-num{background:var(--primary);color:#fff}.mapp-page-name{flex:1;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mapp-rename-input{flex:1;padding:2px 6px;font-size:13px;border-radius:4px;height:28px}.mapp-page-btns{display:flex;gap:2px;flex-shrink:0}.mapp-icon-btn{width:24px;height:24px;border:none;background:transparent;border-radius:5px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;color:var(--text-s);transition:background .1s,color .1s}.mapp-icon-btn:hover{background:var(--bg-hover);color:var(--text)}.mapp-icon-btn.danger:hover{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.mapp-page-tabs{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:380px}.mapp-page-tab{padding:5px 14px;border-radius:20px;border:1px solid var(--border);background:var(--bg-card);font-size:12px;font-weight:500;cursor:pointer;color:var(--text-s);transition:all .15s}.mapp-page-tab:hover{border-color:var(--primary);color:var(--primary)}.mapp-page-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.mapp-radio-group{display:flex;flex-direction:column;gap:6px}.mapp-radio{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer;padding:6px 10px;border-radius:7px;border:1px solid var(--border);background:var(--bg-s);transition:border-color .12s,background .12s}.mapp-radio:hover{border-color:var(--primary)}.mapp-radio input[type=radio]{width:16px;height:16px;flex-shrink:0;accent-color:var(--primary)}.mapp-link-badge{font-size:10px;font-weight:600;opacity:.75;margin-left:6px;background:#00000026;padding:1px 5px;border-radius:4px;white-space:nowrap}@media(max-width:960px){.mapp-workspace{grid-template-columns:260px 1fr;gap:16px}}@media(max-width:720px){.mapp-workspace{grid-template-columns:1fr}.mapp-panel{position:static;max-height:none}.mapp-phone-frame{width:300px}.mapp-screen{width:276px;height:500px}}@media(max-width:360px){.hero h1{font-size:22px}.hero-subtitle{font-size:14px}.btn-lg{padding:10px 16px;font-size:14px}.page{padding:12px 10px}.card{padding:14px 12px}.auth-card{padding:20px 14px}.bot-avatar{width:36px;height:36px;font-size:15px}.bot-info h3{font-size:14px}.sidebar-user-email{font-size:12px}}