.flow-canvas-container{position:relative;flex:1;overflow:visible;background:#0d1117;height:100%;min-height:500px}.flow-canvas{width:100%;height:100%;position:relative;cursor:default;overflow:visible}.flow-canvas.panning{cursor:grabbing}.flow-canvas.connecting{cursor:crosshair}.canvas-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,#2a3441 1px,transparent 1px);background-size:20px 20px;pointer-events:none;z-index:0}.connections-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.connection-group{pointer-events:auto}.connection-line{transition:stroke .2s}.connection-group:hover .connection-line{stroke:#f44;stroke-width:3}.connection-hitbox{cursor:pointer}.temp-connection{pointer-events:none;animation:dash .5s linear infinite}@keyframes dash{to{stroke-dashoffset:-10}}.canvas-node{position:absolute;width:220px;min-height:90px;background:linear-gradient(145deg,#1a2332,#151d2a);border:2px solid #2a3441;border-radius:12px;z-index:50;transition:box-shadow .2s,border-color .2s;-webkit-user-select:none;user-select:none;pointer-events:auto;overflow:visible!important}.canvas-node:hover{border-color:#3a4451}.canvas-node.selected{border-color:#3b82f6;box-shadow:0 0 20px #3b82f64d}.canvas-node.dragging{z-index:100;box-shadow:0 10px 40px #00000080}.canvas-node.trigger{border-color:#f59e0b}.canvas-node.trigger *{background-color:transparent!important}.canvas-node.trigger.selected{border-color:#fbbf24;box-shadow:0 0 20px #f59e0b4d}.canvas-node.action{border-color:#10b981;background:linear-gradient(145deg,#1a2332,#151d2a)!important}.canvas-node.action *{background-color:transparent!important}.canvas-node.action.selected{border-color:#34d399;box-shadow:0 0 20px #10b9814d}.canvas-node.condition{border-color:#8b5cf6}.canvas-node.condition *{background-color:transparent!important}.canvas-node.condition.selected{border-color:#a78bfa;box-shadow:0 0 20px #8b5cf64d}.canvas-node.cooldown{border-color:#ec4899}.canvas-node.cooldown *{background-color:transparent!important}.canvas-node.cooldown.selected{border-color:#f472b6;box-shadow:0 0 20px #ec48994d}.canvas-node.delay{border-color:#3b82f6}.canvas-node.delay *{background-color:transparent!important}.canvas-node.delay.selected{border-color:#60a5fa;box-shadow:0 0 20px #3b82f64d}.canvas-node-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#0000004d;border-bottom:1px solid #2a3441;border-radius:10px 10px 0 0;cursor:grab}.canvas-node-header:active{cursor:grabbing}.node-header-left{display:flex;align-items:center;gap:8px}.node-type-label{font-size:13px;font-weight:600;color:#e2e8f0}.node-header-actions{display:flex;gap:4px}.node-action-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:#ffffff0d;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;transition:all .2s}.node-action-btn:hover{background:#ffffff1a;color:#fff}.node-action-btn.delete:hover{background:#ef444433;color:#ef4444}.node-action-btn.test{background:#10b98126;border:1px solid rgba(16,185,129,.3)}.node-action-btn.test:hover{background:#10b9814d;border-color:#10b981;transform:scale(1.1)}.canvas-node-content{padding:8px 12px 12px;background:transparent!important;pointer-events:none}.canvas-node-content *{background:transparent!important}.canvas-node-content .node-summary{background:transparent!important;pointer-events:none}.canvas-node-content select,.canvas-node-content input,.canvas-node-content textarea,.canvas-node-content .summary-select,.canvas-node-content .summary-input{display:none!important;visibility:hidden!important;opacity:0!important}.node-port{position:absolute;width:20px;height:20px;background:#1a2332;border:3px solid #f59e0b;border-radius:50%;cursor:pointer;transition:all .2s;z-index:200;box-shadow:0 0 8px #f59e0b80}.node-port:hover{transform:scale(1.3);border-color:#3b82f6;background:#3b82f6}.node-port.input{left:-12px;top:50%;transform:translateY(-50%);border-color:#3b82f6;box-shadow:0 0 8px #3b82f680}.node-port.input:hover{transform:translateY(-50%) scale(1.4);background:#3b82f6;border-color:#60a5fa}.node-port.input.accepting{border-color:#10b981;background:#10b981;animation:pulse 1s infinite;transform:translateY(-50%) scale(1.3)}.node-port.output{right:-12px;top:50%;transform:translateY(-50%)}.node-port.output:hover{transform:translateY(-50%) scale(1.4);background:#f59e0b}.node-port.output.true{top:40%;border-color:#10b981}.node-port.output.false{top:60%;border-color:#ef4444}.node-port.output.connecting{border-color:#f59e0b;background:#f59e0b}.port-label{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:10px;color:#64748b;white-space:nowrap}@keyframes pulse{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 8px #10b98100}}.canvas-controls{position:absolute;left:16px;bottom:16px;display:flex;flex-direction:column;gap:4px;background:#1a2332;border:1px solid #2a3441;border-radius:10px;padding:6px;z-index:100}.canvas-controls button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;transition:all .2s}.canvas-controls button:hover{background:#ffffff1a;color:#fff}.canvas-controls .zoom-level{text-align:center;font-size:11px;color:#64748b;padding:4px}.canvas-add-container{position:absolute;top:16px;left:16px;z-index:100}.canvas-add-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#ef4444,#f97316);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.canvas-add-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #ef444466}.canvas-add-menu{position:absolute;top:100%;left:0;margin-top:8px;min-width:280px;background:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 8px 32px #00000080;overflow:hidden;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.add-menu-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:12px 16px;background:transparent;border:none;border-bottom:1px solid #2a2a2a;color:#fff;cursor:pointer;text-align:left;transition:background .2s}.add-menu-item:last-child{border-bottom:none}.add-menu-item:hover{background:#252525}.add-menu-item svg{flex-shrink:0}.add-menu-item span{font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.add-menu-item small{font-size:11px;color:#888;margin-left:26px}.add-menu-item.trigger:hover{background:#f59e0b1a}.add-menu-item.trigger svg{color:#f59e0b}.add-menu-item.action:hover{background:#10b9811a}.add-menu-item.action svg{color:#10b981}.add-menu-item.condition:hover{background:#8b5cf61a}.add-menu-item.condition svg{color:#8b5cf6}.add-menu-item.cooldown:hover{background:#ec48991a}.add-menu-item.cooldown svg{color:#ec4899}.add-menu-item.delay:hover{background:#3b82f61a}.add-menu-item.delay svg{color:#3b82f6}.feature-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.add-node-buttons{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:100}.add-node-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#1a2332;border:1px solid #2a3441;border-radius:8px;color:#94a3b8;font-size:12px;cursor:pointer;transition:all .2s}.add-node-btn:hover{background:#2a3441;color:#fff;border-color:#3a4451}.canvas-empty-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#6e7681;font-size:16px;z-index:5}.canvas-empty-message p{margin:8px 0}.node-summary.compact{padding:4px 0;text-align:center;background:transparent!important}.node-summary.compact .summary-main{font-size:13px;font-weight:600;color:#e2e8f0;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-summary.compact .summary-detail{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:#94a3b8;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-summary.compact .summary-detail.text-preview{font-style:italic;color:#64748b;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-summary.compact .summary-detail.cron{font-family:Fira Code,Consolas,monospace;font-size:10px;color:#10b981;background:#10b9811a;padding:2px 6px;border-radius:4px}.node-summary.compact .summary-hint{font-size:9px;color:#475569;margin-top:4px;opacity:0;transition:opacity .2s}.canvas-node:hover .node-summary.compact .summary-hint{opacity:1}.canvas-node.selected .node-summary.compact .summary-hint{opacity:1;color:#3b82f6}.node-summary.compact .gift-icon{width:16px;height:16px;object-fit:contain}.gift-selector{position:relative;display:flex;flex-direction:column;gap:8px}.gift-source-bar{display:flex;align-items:center;gap:8px}.source-toggle{display:flex;background:#1a1a1a;border-radius:6px;overflow:hidden;flex:1}.source-btn{flex:1;padding:6px 10px;background:transparent;border:none;color:#666;font-size:11px;cursor:pointer;transition:all .2s}.source-btn:hover:not(:disabled){color:#fff;background:#252525}.source-btn.active{background:#00f2ea;color:#000;font-weight:600}.source-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#252525;border:1px solid #333;border-radius:6px;color:#888;cursor:pointer;transition:all .2s}.refresh-btn:hover:not(:disabled){background:#333;color:#00f2ea;border-color:#00f2ea}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.spin{animation:spin 1s linear infinite}.region-selector{position:relative}.region-button{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#252525;border:1px solid #333;border-radius:6px;color:#fff;font-size:12px;cursor:pointer;transition:all .2s}.region-button:hover{background:#2a2a2a;border-color:#444}.region-flag{font-size:16px}.region-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:4px;z-index:100;box-shadow:0 8px 24px #00000080}.region-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:transparent;border:none;border-radius:6px;color:#ccc;font-size:13px;cursor:pointer;transition:all .2s;text-align:left}.region-option:hover{background:#252525;color:#fff}.region-option.active{background:#00f2ea1a;color:#00f2ea}.gift-display{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#1a1a1a;border:1px solid #333;border-radius:8px;cursor:pointer;transition:all .2s}.gift-display:hover{background:#252525;border-color:#444}.placeholder{flex:1;color:#666;font-size:14px}.chevron{color:#666;transition:transform .2s}.chevron.open{transform:rotate(180deg)}.selected-gift{display:flex;align-items:center;gap:12px;flex:1}.gift-thumb{width:32px;height:32px;border-radius:6px;object-fit:cover;background:#252525}.gift-info{display:flex;flex-direction:column;gap:2px;flex:1}.gift-name{font-size:14px;font-weight:500;color:#fff}.gift-price{font-size:12px;color:#00f2ea}.btn-clear{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:1px solid #333;border-radius:4px;color:#888;cursor:pointer;transition:all .2s}.btn-clear:hover{background:#ff44441a;border-color:#f44;color:#f44}.gift-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#1a1a1a;border:1px solid #333;border-radius:12px;z-index:200;box-shadow:0 12px 40px #0009;overflow:hidden;max-height:400px;display:flex;flex-direction:column}.gift-search{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#252525;border-bottom:1px solid #333}.gift-search svg{color:#666}.gift-search input{flex:1;background:transparent;border:none;color:#fff;font-size:14px;outline:none}.gift-search input::placeholder{color:#666}.gift-list{flex:1;overflow-y:auto;padding:8px}.gift-category{margin-bottom:12px}.gift-category:last-child{margin-bottom:0}.category-header{padding:8px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#888;background:#0a0a0a;border-radius:6px;margin-bottom:6px}.category-gifts{display:flex;flex-direction:column;gap:2px}.gift-option{display:flex;align-items:center;gap:12px;padding:10px 12px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left;width:100%}.gift-option:hover{background:#252525}.gift-option.selected{background:#00f2ea1a}.gift-option .gift-thumb{width:36px;height:36px;flex-shrink:0;border-radius:6px;object-fit:contain;background:#252525}.gift-option .gift-placeholder{display:flex;align-items:center;justify-content:center;font-size:20px}.gift-option.no-image .gift-thumb{display:none}.gift-option.no-image:before{content:"🎁";width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:20px;background:#252525;border-radius:6px;flex-shrink:0}.gift-option .gift-details{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.gift-option .gift-name{font-size:13px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gift-option .gift-cost{font-size:12px;color:#00f2ea}.gift-euro{font-size:12px;color:#888;font-weight:500}.gift-list::-webkit-scrollbar{width:8px}.gift-list::-webkit-scrollbar-track{background:#0a0a0a;border-radius:4px}.gift-list::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.gift-list::-webkit-scrollbar-thumb:hover{background:#444}.media-selector{width:100%}.media-selector.compact .media-current{padding:6px 8px;gap:8px}.media-selector.compact .media-name{font-size:12px}.media-selector.compact .media-browse-btn{padding:4px 8px;font-size:11px}.media-current{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#1a1a1a;border:1px solid #333;border-radius:8px;cursor:pointer;transition:all .2s}.media-current:hover{border-color:#555;background:#222}.media-selected{display:flex;align-items:center;gap:10px;flex:1;color:#fff}.media-selected svg{color:#10b981}.media-name{font-size:13px;font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-size{font-size:11px;color:#888}.media-placeholder{display:flex;align-items:center;gap:10px;flex:1;color:#666;font-size:13px}.media-browse-btn{padding:6px 12px;background:#333;border:1px solid #444;border-radius:6px;color:#fff;font-size:12px;cursor:pointer;transition:all .2s}.media-browse-btn:hover{background:#444;border-color:#555}.media-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.media-modal{width:90%;max-width:600px;max-height:80vh;background:#1a1a1a;border:1px solid #333;border-radius:12px;display:flex;flex-direction:column;animation:slideUp .2s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.media-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #333}.media-modal-header h3{font-size:16px;font-weight:600;color:#fff}.close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:#888;cursor:pointer;transition:all .2s}.close-btn:hover{background:#333;color:#fff}.media-modal-content{flex:1;padding:16px 20px;overflow-y:auto}.media-upload-section{margin-bottom:16px}.upload-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.upload-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #10b98166}.upload-btn:disabled{opacity:.7;cursor:not-allowed}.upload-progress{margin-top:8px;height:4px;background:#333;border-radius:2px;overflow:hidden}.upload-progress-bar{height:100%;background:linear-gradient(90deg,#10b981,#059669);transition:width .2s}.media-file-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.media-loading,.media-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#666;text-align:center}.media-empty svg{margin-bottom:12px;opacity:.5}.media-empty p{margin:4px 0;font-size:13px}.media-file-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#222;border:1px solid #333;border-radius:8px;cursor:pointer;transition:all .2s}.media-file-item:hover{background:#2a2a2a;border-color:#444}.media-file-item.selected{background:#10b9811a;border-color:#10b981}.media-file-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#333;border-radius:8px;color:#888}.media-file-item.selected .media-file-icon{background:#10b98133;color:#10b981}.media-file-info{flex:1;min-width:0}.media-file-name{display:block;font-size:13px;font-weight:500;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-file-meta{display:block;font-size:11px;color:#888;margin-top:2px}.media-file-actions{display:flex;gap:4px}.media-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:6px;color:#888;cursor:pointer;transition:all .2s}.media-action-btn:hover{background:#333}.media-action-btn.play:hover{color:#10b981}.media-action-btn.delete:hover{color:#ef4444}.media-preview{margin-top:16px;padding:12px;background:#222;border-radius:8px}.media-preview audio,.media-preview video{width:100%;border-radius:4px}.media-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #333}.btn-secondary{padding:10px 20px;background:#333;border:1px solid #444;border-radius:8px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.flow-editor{display:flex;flex-direction:column;height:100%;background:#0d1117}.flow-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#161b22;border-bottom:1px solid #21262d}.flow-info{display:flex;align-items:center;gap:16px}.flow-info h3{font-size:18px;font-weight:600;color:#e6edf3;margin:0}.flow-name-display{display:flex;align-items:center;gap:8px;cursor:pointer;padding:6px 10px;border-radius:6px;transition:background .2s}.flow-name-display:hover{background:#ffffff0d}.flow-name-display .edit-icon{color:#484f58;opacity:0;transition:opacity .2s}.flow-name-display:hover .edit-icon{opacity:1}.flow-category-display{display:flex;align-items:center;gap:6px;padding:4px 12px;background:#21262d;border-radius:20px;font-size:12px;color:#8b949e;cursor:pointer;transition:all .2s}.flow-category-display:hover{background:#30363d;color:#e6edf3}.flow-category-display .edit-icon{opacity:0;transition:opacity .2s}.flow-category-display:hover .edit-icon{opacity:1}.editable-field{display:flex;align-items:center;gap:8px}.editable-field.category-field{background:#21262d;border-radius:20px;padding:4px 12px}.edit-input{background:#0d1117;border:1px solid #3b82f6;border-radius:6px;color:#e6edf3;font-size:14px;padding:6px 12px;outline:none}.edit-input.name-input{font-size:18px;font-weight:600;min-width:200px}.edit-input.category-input{background:transparent;border:none;font-size:12px;padding:0;width:100px}.btn-edit-confirm{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s}.btn-edit-confirm:hover{background:#2563eb;transform:scale(1.05)}.btn-edit-confirm.small{width:22px;height:22px}.flow-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.flow-badge.active{background:#22c55e26;color:#22c55e}.flow-badge.inactive{background:#6b728026;color:#6b7280}.toolbar-checkbox{display:flex;align-items:center;gap:8px;font-size:13px;color:#8b949e;cursor:pointer}.toolbar-checkbox input{accent-color:#3b82f6}.flow-toolbar-right{display:flex;align-items:center;gap:16px}.priority-selector{display:flex;align-items:center;gap:8px}.priority-label{font-size:13px;color:#8b949e}.priority-select{padding:6px 12px;background:#21262d;border:1px solid #30363d;border-radius:6px;color:#e6edf3;font-size:13px;cursor:pointer}.flow-actions{display:flex;gap:8px}.btn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#21262d;border:1px solid #30363d;border-radius:8px;color:#e6edf3;cursor:pointer;transition:all .2s}.btn-icon:hover{background:#30363d;border-color:#484f58}.btn-icon.btn-danger{color:#f87171}.btn-icon.btn-danger:hover{background:#f8717126;border-color:#f87171}.flow-main-content{flex:1;position:relative;overflow:hidden;display:flex;height:calc(100vh - 60px)}.add-node-buttons{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:100}.add-node-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#161b22;border:1px solid #30363d;border-radius:8px;color:#8b949e;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.add-node-btn:hover{background:#21262d;color:#e6edf3}.add-node-btn.trigger{border-color:#f59e0b;color:#f59e0b}.add-node-btn.trigger:hover{background:#f59e0b1a}.add-node-btn.action{border-color:#10b981;color:#10b981}.add-node-btn.action:hover{background:#10b9811a}.add-node-btn.condition{border-color:#8b5cf6;color:#8b5cf6}.add-node-btn.condition:hover{background:#8b5cf61a}.add-node-btn.cooldown{border-color:#ec4899;color:#ec4899}.add-node-btn.cooldown:hover{background:#ec48991a}.config-panel{position:absolute;top:0;right:0;width:340px;height:100%;background:#161b22;border-left:1px solid #21262d;z-index:200;display:flex;flex-direction:column;box-shadow:-4px 0 20px #0000004d}.config-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #21262d}.config-panel-header h4{font-size:14px;font-weight:600;color:#e6edf3;margin:0}.btn-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:6px;color:#8b949e;cursor:pointer;transition:all .2s}.btn-close:hover{background:#21262d;color:#e6edf3}.config-panel-content{flex:1;overflow-y:auto;padding:20px}.config-form{display:flex;flex-direction:column;gap:16px}.config-form .label{display:block;font-size:12px;font-weight:500;color:#8b949e;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.config-form .select,.config-form .input,.config-form .textarea{width:100%;padding:10px 12px;background:#0d1117;border:1px solid #30363d;border-radius:8px;color:#e6edf3;font-size:14px}.config-form .select:focus,.config-form .input:focus,.config-form .textarea:focus{outline:none;border-color:#3b82f6}.config-form .textarea{resize:vertical;min-height:80px}.config-form .checkbox-label{display:flex;align-items:center;gap:10px;font-size:14px;color:#e6edf3;cursor:pointer}.config-form .checkbox-label input{accent-color:#3b82f6;width:16px;height:16px}.toggle-group{display:flex;background:#0d1117;border-radius:8px;padding:4px;gap:4px}.toggle-btn{flex:1;padding:8px 12px;background:transparent;border:none;border-radius:6px;color:#8b949e;font-size:13px;cursor:pointer;transition:all .2s}.toggle-btn:hover{color:#e6edf3}.toggle-btn.active{background:#3b82f6;color:#fff}.variables-info{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px;color:#8b949e}.variables-info code{padding:2px 6px;background:#21262d;border-radius:4px;color:#79c0ff;font-size:11px}.range{width:100%;accent-color:#3b82f6}.range-value{font-size:13px;color:#3b82f6;font-weight:600}.feature-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.feature-badge.pro{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff}.feature-badge.basic{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.cron-help{margin:4px 0 0;font-size:11px;color:#7d8590;font-family:monospace}.condition-hint-box{background:#00f2ea0f;border:1px solid rgba(0,242,234,.2);border-radius:8px;padding:10px 12px;margin:8px 0 12px}.condition-hint-text{font-size:12px;color:#a0aec0;margin:0 0 8px;line-height:1.5}.condition-hint-examples{display:flex;flex-direction:column;gap:4px}.hint-label{font-size:11px;color:#7d8590;margin-top:4px}.condition-hint-examples code{font-size:11px;color:#00f2ea;background:#0000004d;padding:2px 6px;border-radius:4px;font-family:monospace}.schedule-picker{display:flex;flex-direction:column;gap:8px}.schedule-preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:4px}.schedule-preset-btn{padding:8px 10px;background:#1e2533;border:1px solid #30363d;border-radius:6px;color:#a0aec0;font-size:12px;cursor:pointer;transition:all .2s;text-align:left}.schedule-preset-btn:hover,.schedule-preset-btn.active{background:#00f2ea1a;border-color:#00f2ea;color:#00f2ea}.schedule-active-display{margin-top:6px;padding:8px 10px;background:#00ff8814;border:1px solid rgba(0,255,136,.25);border-radius:6px;font-size:12px;color:#0f8}.schedule-custom-row{display:flex;align-items:center;gap:8px}.schedule-custom-row .input{flex:1}.schedule-custom-row span{font-size:12px;color:#7d8590;white-space:nowrap}.btn-test{padding:8px 16px;background:#21262d;border:1px solid #30363d;border-radius:6px;color:#e6edf3;font-size:13px;cursor:pointer;transition:all .2s}.btn-test:hover{background:#30363d}.node-summary{display:flex;flex-direction:column;gap:10px}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-item.toggle-row{flex-direction:column;gap:6px}.summary-label{font-size:10px;font-weight:500;color:#6e7681;text-transform:uppercase;letter-spacing:.3px}.summary-value{font-size:13px;color:#e6edf3}.summary-value.gift{display:flex;align-items:center;gap:8px}.summary-value.text-preview{font-size:12px;color:#8b949e;font-style:italic;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-value.cron{font-family:monospace;background:#21262d;padding:4px 8px;border-radius:4px;font-size:12px}.summary-value.variables{font-family:monospace;color:#79c0ff;font-size:11px}.summary-select{padding:6px 10px;background:#21262d;border:1px solid #30363d;border-radius:6px;color:#e6edf3;font-size:12px;width:100%}.gift-thumbnail{width:24px;height:24px;object-fit:contain}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:12px;color:#8b949e}.checkbox-row input{accent-color:#3b82f6}.volume-bar{height:6px;background:#21262d;border-radius:3px;overflow:hidden;margin-top:4px}.volume-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:3px}.node-summary .toggle-group{padding:2px}.node-summary .toggle-btn{padding:4px 8px;font-size:11px}.first-chat-option,.user-sound-option{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;padding:10px 12px;margin-bottom:12px}.first-chat-option span,.user-sound-option span{font-weight:500}.config-form .help-text{font-size:11px;color:#6e7681;margin:4px 0 12px;line-height:1.4;padding-left:2px}.config-form .delay-input-group{display:flex;align-items:center;gap:8px}.config-form .delay-input-group .input{flex:1}.config-form .input-suffix{color:#8b949e;font-size:13px;font-weight:500}.config-form .preset-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.config-form .preset-btn{background:#21262d;border:1px solid #30363d;color:#8b949e;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.config-form .preset-btn:hover{background:#30363d;color:#e6edf3;border-color:#00f2ea}.config-form .modifier-checkboxes{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:12px}.config-form .modifier-checkboxes .checkbox-label{display:flex;align-items:center;gap:6px;background:#252525;padding:8px 12px;border-radius:6px;border:1px solid #333;cursor:pointer;transition:all .2s}.config-form .modifier-checkboxes .checkbox-label:hover{background:#2a2a2a;border-color:#00f2ea}.config-form .modifier-checkboxes .checkbox-label input:checked+*{color:#00f2ea}.sidebar{width:280px;flex:0 0 280px;background:#1a1a1a;border-right:1px solid #333;display:flex;flex-direction:column;align-self:stretch;overflow:hidden}.sidebar-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #333}.sidebar-header h2{font-size:18px;font-weight:600}.sidebar-header-actions{display:flex;align-items:center;gap:10px}.import-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#252525;border:1px solid #444;border-radius:8px;color:#888;cursor:pointer;transition:all .2s}.import-btn:hover{background:#333;color:#00f2ea;border-color:#00f2ea}.add-category-form{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#1e1e1e;border-bottom:1px solid #333}.add-category-input{flex:1;background:#252525;border:1px solid #00f2ea;border-radius:6px;padding:6px 10px;color:#fff;font-size:13px;outline:none}.add-category-input::placeholder{color:#555}.add-category-form .cat-action-btn{opacity:1;width:28px;height:28px;border-radius:6px;background:#252525;border:1px solid #444}.import-status{padding:10px 16px;margin:8px 12px;border-radius:8px;font-size:12px;text-align:center}.import-status.success{background:#00ff8826;color:#0f8;border:1px solid rgba(0,255,136,.3)}.import-status.error{background:#ff646426;color:#ff6464;border:1px solid rgba(255,100,100,.3)}.flow-count{background:#252525;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;color:#00f2ea}.flow-list{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:12px;background:#1a1a1a;min-height:0}.flow-category-group{margin-bottom:8px}.category-header-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:#1a1a1a;border:none;border-radius:8px;color:#888;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.category-header-btn:hover{background:#252525;color:#fff}.category-header-btn:hover .category-actions{opacity:1}.category-name{flex:1}.category-edit-input{flex:1;background:#252525;border:1px solid #00f2ea;border-radius:4px;padding:4px 8px;color:#fff;font-size:13px;outline:none}.category-count{background:#333;padding:2px 8px;border-radius:10px;font-size:11px;color:#666}.category-actions{display:flex;align-items:center;gap:4px;margin-left:8px;opacity:0;transition:opacity .2s}.cat-action-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:4px;color:#666;cursor:pointer;transition:all .2s}.cat-action-btn:hover{background:#333}.cat-action-btn.edit:hover{color:#00f2ea}.cat-action-btn.export:hover{color:#0f8}.cat-action-btn.delete:hover{color:#ff6464}.cat-action-btn.save:hover{color:#0f8}.cat-action-btn.cancel:hover{color:#ff9f43}.category-flows{margin-left:12px;padding-left:12px;border-left:1px solid #333;margin-top:4px}.flow-item{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:4px;background:#252525;border:1px solid #333;border-radius:8px;cursor:pointer;transition:all .2s}.flow-item:hover{background:#2a2a2a;border-color:#444}.flow-item.active{background:#2a2a2a;border-color:#00f2ea;box-shadow:0 0 12px #00f2ea33}.flow-item-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.flow-name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-status{display:flex;align-items:center;gap:6px;font-size:12px;color:#888}.flow-status svg{color:#0f8}.flow-status.is-active span{color:#f5c518;font-weight:600}.flow-status.is-active svg{color:#f5c518}.empty-flows{text-align:center;padding:40px 20px;color:#666}.empty-flows p{font-size:14px}.drag-hint{padding:6px 16px;background:#00f2ea14;border-bottom:1px solid rgba(0,242,234,.2);color:#00f2ea;font-size:11px;text-align:center}.flow-category-group.drag-over{background:#00f2ea0d;border-radius:8px;outline:2px dashed rgba(0,242,234,.5);outline-offset:-2px}.flow-category-group.drag-over .category-header-btn{background:#00f2ea1a;color:#00f2ea}.flow-item.dragging{opacity:.4;cursor:grabbing}.flow-item[draggable=true]{cursor:grab}.flow-item[draggable=true]:active{cursor:grabbing}.header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#1a1a1a;border-bottom:1px solid #333}.header-left{display:flex;align-items:center;gap:16px}.header-title{font-size:20px;font-weight:700;color:#00f2ea}.header-subtitle{font-size:14px;color:#888;padding-left:16px;border-left:1px solid #333}.header-right{display:flex;gap:12px}.btn-new-flow{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#00f2ea,#08f);color:#000;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s}.btn-new-flow:hover{transform:translateY(-2px)}.test-panel{display:flex;flex-direction:column;height:100%;background:#0a0a0a}.test-panel-header{display:flex;justify-content:space-between;align-items:center;padding:24px;background:#1a1a1a;border-bottom:1px solid #333}.header-title h2{font-size:20px;font-weight:700;margin-bottom:8px;color:#00f2ea}.header-title p{font-size:14px;color:#888}.btn-reset-tracking{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#252525;border:1px solid #444;border-radius:8px;color:#ff9500;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-reset-tracking:hover{background:#333;border-color:#ff9500;color:#ffb340}.btn-reset-tracking:disabled{opacity:.6;cursor:not-allowed}.btn-reset-tracking .spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.test-content{flex:1;overflow-y:auto;padding:24px}.event-buttons{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:32px}.event-button{display:flex;align-items:center;gap:12px;padding:16px;background:#1a1a1a;border:2px solid #333;border-left-width:4px;border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s}.event-button:hover{background:#252525;border-color:#444;transform:translate(4px)}.event-button.active{background:#252525;border-right-color:#00f2ea;border-top-color:#00f2ea;border-bottom-color:#00f2ea;box-shadow:0 0 20px #00f2ea33}.event-icon{display:flex;align-items:center;justify-content:center}.event-label{flex:1;font-weight:500}.event-form{max-width:600px;margin:0 auto;background:#1a1a1a;border:2px solid #333;border-radius:12px;padding:24px}.event-form h3{display:flex;align-items:center;gap:12px;font-size:18px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #333}.form-field{margin-bottom:16px}.btn-trigger{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;background:linear-gradient(135deg,#00f2ea,#08f);border:none;border-radius:8px;color:#000;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s;margin-top:24px}.btn-trigger:hover{transform:translateY(-2px)}.status-message{margin-top:16px;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;text-align:center}.status-message.success{background:#00ff881a;color:#0f8;border:1px solid #00ff88}.status-message.error{background:#ff44441a;color:#f44;border:1px solid #ff4444}.empty-state{display:flex;align-items:center;justify-content:center;height:300px;color:#666;font-size:16px}.gift-select-container{display:flex;flex-direction:column;gap:12px}.gift-select{width:100%;padding:12px;background:#0d1117;border:1px solid #333;border-radius:8px;color:#e6edf3;font-size:14px;cursor:pointer}.gift-select:focus{outline:none;border-color:#ff6b6b}.selected-gift-preview{display:flex;align-items:center;gap:12px;padding:12px;background:#252525;border-radius:8px;border:1px solid #ff6b6b}.selected-gift-preview img{width:40px;height:40px;object-fit:contain}.selected-gift-preview span{font-size:14px;color:#e6edf3}.selected-gift-preview .gift-cost{margin-left:auto;color:#ff6b6b;font-weight:600}.quick-commands-section{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #333;border-radius:12px;padding:20px;margin-bottom:24px}.quick-commands-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.quick-commands-header h3{display:flex;align-items:center;gap:8px;font-size:16px;color:gold;margin:0}.quick-user-input{display:flex;align-items:center;gap:8px}.quick-user-input label{font-size:13px;color:#888}.quick-user-input input{padding:8px 12px;background:#0d1117;border:1px solid #444;border-radius:6px;color:#e6edf3;font-size:13px;width:150px}.quick-user-input input:focus{outline:none;border-color:gold}.quick-commands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.quick-command-btn{padding:12px 16px;background:#0006;border:2px solid;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.quick-command-btn:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.section-divider{display:flex;align-items:center;margin:24px 0;color:#666;font-size:13px}.section-divider:before,.section-divider:after{content:"";flex:1;height:1px;background:#333}.section-divider span{padding:0 16px}.user-sounds-panel{padding:16px;background:#1a1a1a;border-radius:8px;max-height:100%;overflow-y:auto}.user-sounds-panel.loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:#888}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #333}.panel-header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:16px;color:#fff}.panel-section{margin-bottom:20px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-header h4{margin:0;font-size:14px;color:#888}.btn-add{display:flex;align-items:center;gap:4px;padding:4px 8px;font-size:12px;background:#00f2ea;color:#000;border:none;border-radius:4px;cursor:pointer;transition:opacity .2s}.btn-add:hover{opacity:.9}.add-form{background:#252525;padding:12px;border-radius:6px;margin-bottom:12px}.add-form .input{width:100%;padding:8px 12px;margin-bottom:8px;background:#1a1a1a;border:1px solid #333;border-radius:4px;color:#fff;font-size:13px}.add-form .input:focus{outline:none;border-color:#00f2ea}.form-actions{display:flex;gap:8px;margin-top:12px}.btn-primary{flex:1;padding:8px 12px;background:#00f2ea;color:#000;border:none;border-radius:4px;cursor:pointer;font-size:13px;transition:opacity .2s}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{flex:1;padding:8px 12px;background:#252525;color:#fff;border:1px solid #333;border-radius:4px;cursor:pointer;font-size:13px}.btn-secondary:hover{background:#1a1a1a}.user-list{display:flex;flex-direction:column;gap:8px}.user-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#252525;border-radius:6px;border:1px solid #333}.user-info{display:flex;flex-direction:column;gap:2px}.user-id{font-weight:600;color:#fff;font-size:13px}.sound-file{font-size:11px;color:#888;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-actions{display:flex;gap:4px}.user-sounds-panel .btn-icon{padding:6px;background:transparent;border:none;border-radius:4px;cursor:pointer;color:#888;transition:all .2s}.user-sounds-panel .btn-icon:hover{background:#1a1a1a}.user-sounds-panel .btn-icon.play:hover{color:#00f2ea}.user-sounds-panel .btn-icon.delete:hover{color:#f44336}.btn-danger-small{padding:4px 8px;font-size:11px;background:transparent;color:#f44336;border:1px solid #f44336;border-radius:4px;cursor:pointer;transition:all .2s}.btn-danger-small:hover:not(:disabled){background:#f44336;color:#fff}.btn-danger-small:disabled{opacity:.5;cursor:not-allowed}.user-sounds-panel .help-text{font-size:11px;color:#666;margin:0 0 8px;line-height:1.4}.chat-users-list{display:flex;flex-wrap:wrap;gap:6px}.chat-user-tag{display:inline-block;padding:4px 8px;font-size:11px;background:#252525;border:1px solid #333;border-radius:4px;color:#888}.chat-user-tag.has-sound{background:#00f2ea1a;border-color:#00f2ea;color:#00f2ea}.more-users{padding:4px 8px;font-size:11px;color:#666}.user-sounds-panel .empty-state{text-align:center;padding:20px;color:#666;font-size:13px}.points-panel{height:100%;display:flex;flex-direction:column;background:#0a0a0a;color:#fff}.points-header{padding:20px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-bottom:1px solid #333}.points-header h2{margin:0 0 10px;font-size:24px;color:#00f2ea}.points-stats-bar{display:flex;gap:20px;font-size:14px;color:#888}.points-stats-bar span{display:flex;align-items:center;gap:5px}.points-tabs{display:flex;gap:0;background:#111;border-bottom:1px solid #333}.points-tabs button{flex:1;padding:12px 20px;background:transparent;border:none;color:#888;font-size:14px;cursor:pointer;transition:all .2s;border-bottom:3px solid transparent}.points-tabs button:hover{background:#1a1a1a;color:#fff}.points-tabs button.active{color:#00f2ea;background:#1a1a1a;border-bottom-color:#00f2ea}.points-error{padding:10px 20px;background:#f44;color:#fff}.points-content{flex:1;overflow-y:auto;padding:20px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.settings-section{background:#1a1a1a;border-radius:12px;padding:20px;border:1px solid #333}.settings-section h3{margin:0 0 20px;font-size:16px;color:#00f2ea;border-bottom:1px solid #333;padding-bottom:10px}.settings-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.settings-row label{color:#ccc;font-size:14px}.settings-row input[type=text],.settings-row input[type=number]{width:150px;padding:8px 12px;background:#252525;border:1px solid #444;border-radius:6px;color:#fff;font-size:14px}.settings-row input:focus{outline:none;border-color:#00f2ea}.checkbox-row input[type=checkbox]{width:20px;height:20px;cursor:pointer}.input-with-suffix{display:flex;align-items:center;gap:8px}.input-with-suffix span{color:#888}.settings-hint{font-size:12px;color:#666;margin-top:10px;line-height:1.6}.commands-list{background:#252525;padding:12px;border-radius:6px;font-size:13px;line-height:1.8}.commands-list code{background:#333;padding:2px 6px;border-radius:3px;color:#00f2ea}.users-section{display:flex;flex-direction:column;height:100%}.users-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.search-input{width:300px;padding:10px 15px;background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#fff;font-size:14px}.search-input:focus{outline:none;border-color:#00f2ea}.user-count{color:#888;font-size:14px}.users-table-wrapper{flex:1;overflow-y:auto;background:#1a1a1a;border-radius:8px;border:1px solid #333}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #333}.users-table th{background:#252525;color:#888;font-size:12px;text-transform:uppercase;font-weight:600;position:sticky;top:0}.users-table tr:hover{background:#252525}.users-table .rank{width:40px;color:#666;font-weight:700}.users-table .user-cell{display:flex;flex-direction:column;gap:2px}.users-table .nickname{color:#fff;font-weight:500}.users-table .unique-id{font-size:11px;color:#666}.users-table .points{color:#00f2ea;font-weight:600;font-family:monospace}.users-table .level{color:#ff9500}.users-table .chat-minutes{color:#888}.users-table .subscriber{text-align:center}.users-table .actions{display:flex;gap:5px}.btn-small{width:28px;height:28px;padding:0;background:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;transition:background .2s}.btn-small:hover{background:#444}.btn-add:hover{background:#0a0}.btn-remove:hover{background:#a60}.btn-delete:hover{background:#a00}.no-users{padding:40px;text-align:center;color:#666}.rewards-section{display:flex;flex-direction:column;gap:20px}.rewards-toolbar{display:flex;justify-content:flex-end}.btn-primary{padding:10px 20px;background:linear-gradient(135deg,#00f2ea,#00b4d8);border:none;border-radius:8px;color:#000;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00f2ea4d}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{padding:10px 20px;background:#333;border:none;border-radius:8px;color:#fff;cursor:pointer}.btn-secondary:hover{background:#444}.reward-form{background:#1a1a1a;border-radius:12px;padding:20px;border:1px solid #00f2ea}.reward-form h3{margin:0 0 20px;color:#00f2ea}.form-row{margin-bottom:15px}.form-row label{display:block;margin-bottom:5px;color:#888;font-size:13px}.form-row input[type=text],.form-row input[type=number],.form-row select{width:100%;padding:10px 12px;background:#252525;border:1px solid #444;border-radius:6px;color:#fff;font-size:14px}.form-row input:focus,.form-row select:focus{outline:none;border-color:#00f2ea}.form-hint{display:block;font-size:11px;color:#666;margin-top:5px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.rewards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.reward-card{background:#1a1a1a;border-radius:10px;padding:15px;border:1px solid #333;transition:border-color .2s}.reward-card:hover{border-color:#00f2ea}.reward-card.disabled{opacity:.5}.reward-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.reward-name{font-weight:600;color:#fff}.reward-cost{background:#00f2ea;color:#000;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600}.reward-description{font-size:13px;color:#888;margin:0 0 10px}.reward-info{display:flex;gap:10px;font-size:11px;color:#666}.reward-info span{background:#252525;padding:2px 6px;border-radius:3px}.reward-command{color:#00f2ea!important}.reward-actions{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #333}.reward-actions button{flex:1;padding:6px;background:#252525;border:none;border-radius:4px;cursor:pointer;transition:background .2s}.reward-actions button:hover{background:#333}.no-rewards{grid-column:1 / -1;padding:40px;text-align:center;color:#666}.import-section{max-width:700px}.import-section h3{margin:0 0 10px;color:#00f2ea}.import-hint{color:#888;margin-bottom:20px;font-size:14px;line-height:1.6}.import-hint code{background:#252525;padding:2px 6px;border-radius:3px;color:#00f2ea}.import-textarea{width:100%;padding:15px;background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#fff;font-family:monospace;font-size:13px;resize:vertical;min-height:200px}.import-textarea:focus{outline:none;border-color:#00f2ea}.import-result{padding:12px 15px;border-radius:8px;margin:15px 0;font-size:14px}.import-result.success{background:#00c86433;border:1px solid #00c864;color:#0f8}.import-result.error{background:#f443;border:1px solid #ff4444;color:#f66}.btn-import{margin-top:15px}.overlay-panel{height:100%;display:flex;flex-direction:column;background:#0f0f0f;color:#fff}.overlay-panel .message{padding:12px 20px;text-align:center;font-weight:600;animation:slideDown .3s ease}.overlay-panel .message.success{background:linear-gradient(90deg,#00c853,#00e676);color:#000}.overlay-panel .message.error{background:linear-gradient(90deg,#ff1744,#ff5252);color:#fff}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.overlay-panel .tabs{display:flex;gap:5px;padding:15px 20px;background:#1a1a1a;border-bottom:1px solid #333}.overlay-panel .tabs button{padding:10px 20px;background:#252525;border:1px solid #333;border-radius:8px;color:#888;font-size:14px;cursor:pointer;transition:all .2s}.overlay-panel .tabs button:hover{background:#333;color:#fff}.overlay-panel .tabs button.active{background:linear-gradient(135deg,#00f2ea,#00c4ff);border-color:transparent;color:#000;font-weight:600}.overlay-panel .tab-content{flex:1;overflow-y:auto;padding:20px}.urls-tab h3{margin-bottom:10px}.urls-tab .hint{color:#888;margin-bottom:20px}.url-list{display:flex;flex-direction:column;gap:12px}.url-item{background:#1a1a1a;border:1px solid #333;border-radius:10px;padding:15px;display:flex;justify-content:space-between;align-items:center;gap:15px}.url-info{display:flex;align-items:center;gap:10px;min-width:150px}.url-icon{font-size:24px}.url-name{font-weight:600}.url-actions{display:flex;gap:8px;flex:1}.url-actions input{flex:1;background:#252525;border:1px solid #444;border-radius:6px;padding:8px 12px;color:#fff;font-family:monospace;font-size:12px}.url-actions button,.url-actions a{background:#333;border:1px solid #444;border-radius:6px;padding:8px 12px;color:#fff;cursor:pointer;text-decoration:none;display:flex;align-items:center;justify-content:center;transition:all .2s}.url-actions button:hover,.url-actions a:hover{background:#444}.sync-section{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #00f2ea;border-radius:12px;padding:20px;margin-bottom:25px}.sync-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.sync-header h4{margin:0;color:#00f2ea}.sync-status{display:flex;gap:12px;align-items:center}.status-connected{color:#0f8;font-weight:600}.status-disconnected{color:#f44;font-weight:600}.status-needs-sync{color:gold;font-weight:600}.sync-hint{color:#888;margin-bottom:15px;font-size:13px}.sync-hint strong{color:#00f2ea}.sync-button{background:linear-gradient(135deg,#00f2ea,#00c4ff);border:none;border-radius:8px;padding:12px 25px;color:#000;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}.sync-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #00f2ea4d}.sync-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.remote-urls{margin-top:20px;background:#0f0f0f;border-radius:10px;padding:15px}.remote-urls h5{margin:0 0 15px;color:gold}.url-grid{display:grid;gap:10px}.remote-url-item{display:flex;align-items:center;gap:10px;background:#1a1a1a;padding:8px 12px;border-radius:6px}.remote-url-item span:first-child{min-width:120px;font-size:13px}.remote-url-item input{flex:1;background:#252525;border:1px solid #444;border-radius:4px;padding:6px 10px;color:#0f8;font-family:monospace;font-size:11px}.remote-url-item button{background:#333;border:1px solid #444;border-radius:4px;padding:6px 10px;color:#fff;cursor:pointer;transition:all .2s}.remote-url-item button:hover{background:#444}.url-item.carnival,.remote-url-item.carnival{background:linear-gradient(135deg,#1a1a2e,#2d1a3e);border-color:#ff6b9d}.url-item.winter,.remote-url-item.winter{background:linear-gradient(135deg,#1a2a3a,#1a1a2e);border-color:#74b9ff}.url-item.spring,.remote-url-item.spring{background:linear-gradient(135deg,#1a2e1a,#2e1a2e);border-color:#ff9ff3}.url-item.easter,.remote-url-item.easter{background:linear-gradient(135deg,#2e2a1a,#1a2e1a);border-color:#fdcb6e}.url-item.summer,.remote-url-item.summer{background:linear-gradient(135deg,#2e2a1a,#1a1a2e);border-color:#ffeaa7}.url-item.autumn,.remote-url-item.autumn{background:linear-gradient(135deg,#2e1a1a,#2e2a1a);border-color:#e17055}.url-item.halloween,.remote-url-item.halloween{background:linear-gradient(135deg,#1a1a1a,#2e1a2e);border-color:#a29bfe}.url-item.slot,.remote-url-item.slot{background:linear-gradient(135deg,#2a2a1a,#3a3a1a);border-color:gold}.section-divider{border:none;border-top:1px solid #333;margin:25px 0}.urls-tab h4{color:#888;margin-bottom:15px}.url-params{margin-top:30px;padding:20px;background:#1a1a1a;border-radius:10px;border:1px solid #333}.url-params h4{margin-bottom:10px;color:#00f2ea}.url-params p{color:#888;margin-bottom:15px}.url-params ul{list-style:none;padding:0}.url-params li{padding:8px 0;border-bottom:1px solid #333;font-family:monospace;font-size:13px}.url-params li strong{color:#00f2ea}.wheel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.wheel-header h3{margin:0}.wheel-header button.primary{background:linear-gradient(135deg,#00f2ea,#00c4ff);border:none;color:#000;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s}.wheel-header button.primary:hover{transform:scale(1.05)}.wheel-content{display:grid;grid-template-columns:300px 1fr;gap:20px}.wheel-list{background:#1a1a1a;border-radius:12px;padding:15px;border:1px solid #333}.wheel-list h4{margin:0 0 15px;color:#888}.no-wheels{color:#666;text-align:center;padding:20px}.wheel-item{display:flex;align-items:center;gap:12px;padding:12px;background:#252525;border:2px solid transparent;border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .2s}.wheel-item:hover{background:#333}.wheel-item.selected{border-color:#00f2ea;background:#00f2ea1a}.wheel-preview{display:flex;gap:3px}.segment-dot{width:12px;height:12px;border-radius:50%}.wheel-info{flex:1;display:flex;flex-direction:column;gap:2px}.wheel-segments{font-size:13px}.wheel-command{font-size:12px;color:#00f2ea;font-family:monospace}.wheel-actions{display:flex;gap:5px}.wheel-actions button{background:#333;border:none;padding:5px 8px;border-radius:4px;cursor:pointer;transition:all .2s}.wheel-actions button:hover{background:#444;transform:scale(1.1)}.wheel-editor{background:#1a1a1a;border-radius:12px;padding:20px;border:1px solid #333}.wheel-editor h4{margin:0 0 15px}.wheel-settings{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.setting-row{display:flex;flex-direction:column;gap:5px}.setting-row label{font-size:12px;color:#888}.setting-row input{background:#252525;border:1px solid #444;border-radius:6px;padding:8px 12px;color:#fff;font-size:14px}.segments-section{margin-bottom:20px}.segments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.segments-header h5{margin:0;color:#888}.segments-header button{background:#333;border:1px solid #444;padding:5px 12px;border-radius:6px;color:#fff;cursor:pointer;font-size:12px}.segments-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.segment-item{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#252525;padding:8px 12px;border-radius:8px}.segment-item input[type=color]{width:35px;height:35px;border:none;border-radius:6px;cursor:pointer;padding:0}.segment-item input[type=text]{flex:1;background:#333;border:1px solid #444;border-radius:6px;padding:8px 12px;color:#fff}.segment-item input[type=number]{width:60px;background:#333;border:1px solid #444;border-radius:6px;padding:8px;color:#fff;text-align:center}.segment-item select{background:#333;border:1px solid #444;border-radius:6px;padding:8px;color:#fff;cursor:pointer}.segment-item button{background:transparent;border:none;padding:5px;cursor:pointer;opacity:.5;transition:opacity .2s}.segment-item button:hover:not(:disabled){opacity:1}.segment-item button:disabled{cursor:not-allowed;opacity:.2}.segment-item .action-config-input{flex:1;min-width:150px;background:#2a2a2a;border:1px solid #00d9ff;border-radius:6px;padding:8px 12px;color:#fff;font-size:12px}.segment-item .action-config-input::placeholder{color:#666;font-style:italic}.wheel-url{margin-bottom:20px}.wheel-url label{display:block;font-size:12px;color:#888;margin-bottom:5px}.url-copy{display:flex;gap:8px}.url-copy input{flex:1;background:#252525;border:1px solid #444;border-radius:6px;padding:10px 15px;color:#00f2ea;font-family:monospace;font-size:12px}.url-copy button{background:#333;border:1px solid #444;padding:10px 15px;border-radius:6px;cursor:pointer;transition:all .2s}.url-copy button:hover{background:#444}.url-copy.remote-url input{color:#2dd36f;border-color:#2dd36f}.url-copy.remote-url button{border-color:#2dd36f}.url-copy.remote-url button:hover{background:#2dd36f33}.editor-actions{display:flex;gap:10px}.editor-actions button{padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.editor-actions button.primary{background:linear-gradient(135deg,#00f2ea,#00c4ff);border:none;color:#000}.editor-actions button:not(.primary){background:#333;border:1px solid #444;color:#fff}.editor-actions button:hover{transform:translateY(-2px)}.leaderboard-header{display:flex;gap:10px;align-items:center;margin-bottom:20px}.leaderboard-header h3{flex:1;margin:0}.leaderboard-header button{background:#333;border:1px solid #444;padding:8px 16px;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s}.leaderboard-header button:hover{background:#444}.leaderboards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.leaderboard-section{background:#1a1a1a;border-radius:12px;padding:20px;border:1px solid #333}.leaderboard-section h4{margin:0 0 15px}.no-data{color:#666;text-align:center;padding:30px}.leaderboard-list{display:flex;flex-direction:column;gap:8px}.leaderboard-entry{display:flex;align-items:center;gap:12px;padding:10px 15px;background:#252525;border-radius:8px}.leaderboard-entry.rank-1{background:linear-gradient(90deg,rgba(255,215,0,.2),transparent);border-left:3px solid #ffd700}.leaderboard-entry.rank-2{background:linear-gradient(90deg,rgba(192,192,192,.2),transparent);border-left:3px solid #c0c0c0}.leaderboard-entry.rank-3{background:linear-gradient(90deg,rgba(205,127,50,.2),transparent);border-left:3px solid #cd7f32}.leaderboard-entry .rank{width:30px;font-weight:700;color:#888}.leaderboard-entry.rank-1 .rank{color:gold}.leaderboard-entry.rank-2 .rank{color:silver}.leaderboard-entry.rank-3 .rank{color:#cd7f32}.leaderboard-entry .name{flex:1;font-weight:500}.leaderboard-entry .value{font-weight:700;color:#00f2ea}.effects-tab h3{margin-bottom:5px}.effects-tab .hint{color:#888;margin-bottom:20px}.effects-section{margin-bottom:30px}.effects-section h4{color:#00f2ea;margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid #333}.effects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.effect-card{background:#1a1a1a;border-radius:12px;padding:15px;border:1px solid #333;text-align:center;transition:all .2s}.effect-card:hover{border-color:#00f2ea;transform:translateY(-2px)}.effect-card.carnival{background:linear-gradient(135deg,#1a1a2e,#2d1a3d);border-color:#f0f3}.effect-card.carnival:hover{border-color:#f0f;box-shadow:0 5px 20px #f0f3}.effect-card.winter{background:linear-gradient(135deg,#1a2a3a,#1a3a4a);border-color:#00bfff33}.effect-card.winter:hover{border-color:#00bfff;box-shadow:0 5px 20px #00bfff33}.effect-card.spring{background:linear-gradient(135deg,#1a2a1a,#2a3a2a);border-color:#0f83}.effect-card.spring:hover{border-color:#0f8;box-shadow:0 5px 20px #0f83}.effect-card.easter{background:linear-gradient(135deg,#2a1a2a,#3a2a3a);border-color:#ffb6c133}.effect-card.easter:hover{border-color:#ffb6c1;box-shadow:0 5px 20px #ffb6c133}.effect-card.summer{background:linear-gradient(135deg,#2a2a1a,#3a3a1a);border-color:#ffd70033}.effect-card.summer:hover{border-color:gold;box-shadow:0 5px 20px #ffd70033}.effect-card.autumn{background:linear-gradient(135deg,#2a1a1a,#3a2a1a);border-color:#f803}.effect-card.autumn:hover{border-color:#f80;box-shadow:0 5px 20px #f803}.effect-card.halloween{background:linear-gradient(135deg,#1a1a1a,#2a1a2a);border-color:#f403}.effect-card.halloween:hover{border-color:#f40;box-shadow:0 5px 20px #f403}.effect-icon{font-size:40px;display:block;margin-bottom:8px}.effect-card h4{margin:0 0 5px;font-size:14px}.effect-card p{color:#888;font-size:11px;margin-bottom:12px}.effect-actions{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.effect-actions button{background:#333;border:1px solid #444;padding:6px 12px;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s;font-size:12px}.effect-actions button:hover{background:#444}.slot-tab .slot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.slot-tab .slot-header h3{margin:0}.slot-content{display:grid;grid-template-columns:300px 1fr;gap:20px}.slot-list{background:#1a1a1a;border-radius:12px;padding:15px;border:1px solid #333}.slot-list h4{margin:0 0 15px;font-size:14px;color:#888}.no-slots{color:#666;text-align:center;padding:20px}.slot-item{display:flex;align-items:center;gap:12px;padding:12px;background:#252525;border:1px solid #333;border-radius:8px;margin-bottom:10px;cursor:pointer;transition:all .2s}.slot-item:hover{border-color:gold}.slot-item.selected{border-color:gold;background:linear-gradient(135deg,#2a2a1a,#3a3a1a);box-shadow:0 0 15px #ffd70033}.slot-item.disabled{opacity:.5}.slot-preview{display:flex;gap:4px}.symbol-preview{font-size:18px;background:#1a1a1a;padding:4px;border-radius:4px}.slot-info{flex:1;display:flex;flex-direction:column;gap:2px}.slot-name{font-weight:600;font-size:14px}.slot-command{font-size:12px;color:gold}.slot-cost{font-size:11px;color:#888}.slot-actions{display:flex;gap:5px}.slot-actions button{background:#333;border:1px solid #444;padding:6px 10px;border-radius:6px;cursor:pointer;transition:all .2s}.slot-actions button:hover{background:#444}.slot-editor{background:#1a1a1a;border-radius:12px;padding:20px;border:1px solid #333}.slot-editor h4{margin:0 0 20px;color:gold}.slot-editor h5{margin:15px 0 10px;color:#888}.slot-settings{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:25px}.slot-settings .setting-row{display:flex;flex-direction:column;gap:5px}.slot-settings .setting-row label{font-size:12px;color:#888;display:flex;align-items:center;gap:8px}.slot-settings .setting-row input[type=text],.slot-settings .setting-row input[type=number],.slot-settings .setting-row select{padding:8px 12px;background:#252525;border:1px solid #444;border-radius:6px;color:#fff;font-size:14px}.slot-settings .setting-row input:focus,.slot-settings .setting-row select:focus{border-color:gold;outline:none}.symbols-section{margin-top:20px;padding-top:20px;border-top:1px solid #333}.symbols-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.symbols-header h5{margin:0;color:gold}.symbols-header button{background:#333;border:1px solid #444;padding:6px 12px;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s}.symbols-header button:hover{background:gold;color:#000}.symbols-section .hint{font-size:11px;color:#666;margin-bottom:15px}.symbols-list{display:flex;flex-direction:column;gap:8px}.symbol-header-row{display:grid;grid-template-columns:60px 1fr 80px 80px 40px;gap:8px;padding:8px;font-size:11px;color:#666;text-transform:uppercase}.symbol-item{display:grid;grid-template-columns:60px 1fr 80px 80px 40px;gap:8px;padding:8px;background:#252525;border-radius:6px;align-items:center}.symbol-item input{padding:6px 10px;background:#1a1a1a;border:1px solid #444;border-radius:4px;color:#fff;font-size:13px}.symbol-item input:focus{border-color:gold;outline:none}.symbol-item button{background:transparent;border:none;cursor:pointer;padding:4px;opacity:.6;transition:opacity .2s}.symbol-item button:hover{opacity:1}.symbol-item button:disabled{opacity:.3;cursor:not-allowed}.payout-preview{margin-top:20px;padding-top:20px;border-top:1px solid #333}.payout-preview h5{margin:0 0 15px;color:gold}.payout-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.payout-item{background:#252525;border-radius:8px;padding:12px;text-align:center;border:1px solid #333;transition:all .2s}.payout-item:hover{border-color:gold}.payout-item.jackpot{background:linear-gradient(135deg,#3a2a1a,#4a3a1a);border-color:gold;animation:jackpotPulse 2s ease-in-out infinite}@keyframes jackpotPulse{0%,to{box-shadow:0 0 5px #ffd7004d}50%{box-shadow:0 0 20px #ffd70099}}.payout-symbols{display:block;font-size:24px;margin-bottom:8px}.payout-amount{font-size:12px;color:#4caf50;font-weight:600}.payout-item.jackpot .payout-amount{color:gold;font-size:14px}.slot-url{margin-top:20px;padding-top:20px;border-top:1px solid #333}.slot-url label{font-size:12px;color:#888;display:block;margin-bottom:8px}.slot-url .url-copy{display:flex;gap:8px}.slot-url input{flex:1;padding:8px 12px;background:#252525;border:1px solid #444;border-radius:6px;color:#fff;font-size:12px;font-family:monospace}.slot-url button{background:#333;border:1px solid #444;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .2s}.slot-url button:hover{background:gold}.slot-editor .editor-actions{display:flex;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid #333}.slot-editor .editor-actions button{padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.slot-editor .editor-actions button.primary{background:linear-gradient(135deg,gold,#ff8c00);border:none;color:#000}.slot-editor .editor-actions button.primary:hover{transform:translateY(-2px);box-shadow:0 5px 20px #ffd70066}.slot-editor .editor-actions button:not(.primary){background:#333;border:1px solid #444;color:#fff}.slot-editor .editor-actions button:not(.primary):hover{background:#444}.effect-card.slot{background:linear-gradient(135deg,#2a2a1a,#3a3a1a);border-color:#ffd70033}.effect-card.slot:hover{border-color:gold;box-shadow:0 5px 20px #ffd70033}.overlay-editor-panel{display:flex;flex-direction:column;height:100%;background:var(--bg-secondary)}.overlay-toolbar{display:flex;align-items:center;gap:20px;padding:12px 16px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);flex-wrap:wrap}.toolbar-section{display:flex;align-items:center;gap:8px}.toolbar-label{font-size:12px;color:var(--text-secondary);margin-right:4px}.toolbar-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .2s ease}.toolbar-btn:hover{background:var(--bg-hover);border-color:var(--accent-color)}.toolbar-btn.primary{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.toolbar-btn.primary:hover{background:var(--accent-hover)}.toolbar-section input[type=range]{width:100px}.overlay-workspace{display:flex;flex:1;overflow:hidden}.overlay-canvas-container{flex:1;overflow:auto;padding:20px;display:flex;align-items:flex-start;justify-content:center;background:#0d0d1a;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.02) 0%,transparent 50%)}.overlay-canvas{position:relative;border:2px dashed rgba(255,255,255,.2);border-radius:4px;box-shadow:0 0 40px #00000080;overflow:hidden}.canvas-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);pointer-events:none}.canvas-info{position:absolute;bottom:8px;right:8px;padding:4px 8px;background:#000000b3;border-radius:4px;font-size:11px;color:#ffffff80}.overlay-element{position:absolute;background:#1e1e32e6;border:2px solid rgba(100,100,150,.5);border-radius:8px;cursor:move;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}.overlay-element video,.overlay-element img,.overlay-element iframe{width:100%;height:100%;object-fit:contain;border:none}.overlay-element:hover{border-color:#6496ffb3}.overlay-element.selected{border-color:#00d4ff;box-shadow:0 0 20px #00d4ff4d}.overlay-element.hidden{opacity:.4}.overlay-element .element-header{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#00000080;font-size:11px;color:#fffc;border-bottom:1px solid rgba(255,255,255,.1)}.overlay-element .element-preview{display:flex;align-items:center;justify-content:center;flex:1;padding:10px;color:#fff6;min-height:0;overflow:hidden}.overlay-element .element-preview video,.overlay-element .element-preview img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.overlay-element.video{border-color:#ff646499}.overlay-element.video.selected{border-color:#ff6464;box-shadow:0 0 20px #ff64644d}.overlay-element.video .element-header{background:#ff646433}.overlay-element.image{border-color:#64ff6499}.overlay-element.image.selected{border-color:#64ff64;box-shadow:0 0 20px #64ff644d}.overlay-element.image .element-header{background:#64ff6433}.overlay-element.text{border-color:#64c8ff99}.overlay-element.text.selected{border-color:#64c8ff;box-shadow:0 0 20px #64c8ff4d}.overlay-element.text .element-header{background:#64c8ff33}.overlay-element.alert{border-color:#ffc86499}.overlay-element.alert.selected{border-color:#ffc864;box-shadow:0 0 20px #ffc8644d}.overlay-element.alert .element-header{background:#ffc86433}.resize-handle{position:absolute;width:12px;height:12px;background:#00d4ff;border:2px solid white;border-radius:50%}.resize-handle.nw{top:-6px;left:-6px;cursor:nwse-resize}.resize-handle.ne{top:-6px;right:-6px;cursor:nesw-resize}.resize-handle.sw{bottom:-6px;left:-6px;cursor:nesw-resize}.resize-handle.se{bottom:-6px;right:-6px;cursor:nwse-resize}.overlay-properties{width:300px;background:var(--bg-primary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;overflow-y:auto}.overlay-properties h3{padding:16px;margin:0;font-size:14px;font-weight:600;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.overlay-properties h4{padding:12px 16px 8px;margin:0;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.properties-content{padding:16px;display:flex;flex-direction:column;gap:12px}.property-group{display:flex;flex-direction:column;gap:6px}.property-group.half{flex:1}.property-row{display:flex;gap:12px}.property-group label{font-size:12px;color:var(--text-secondary)}.property-group input[type=text],.property-group input[type=number],.property-group textarea{padding:8px 10px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px}.property-group input:focus,.property-group textarea:focus{border-color:var(--accent-color);outline:none}.property-group textarea{min-height:60px;resize:vertical}.property-group input[type=color]{width:100%;height:36px;padding:4px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer}.property-group .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.property-group .checkbox-label input{width:16px;height:16px;cursor:pointer}.property-actions{display:flex;gap:8px;padding-top:12px;border-top:1px solid var(--border-color)}.btn-action{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:12px;cursor:pointer;transition:all .2s ease}.btn-action:hover{background:var(--bg-hover)}.btn-action.danger{color:#ff6464;border-color:#ff64644d}.btn-action.danger:hover{background:#ff64641a}.no-selection{padding:16px;text-align:center;color:var(--text-secondary)}.no-selection p{font-size:13px;margin:0}.element-list{border-top:1px solid var(--border-color);flex:1;overflow-y:auto}.element-list-item{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;transition:background .2s ease;border-bottom:1px solid var(--border-color)}.element-list-item:hover{background:var(--bg-hover)}.element-list-item.selected{background:#00d4ff1a}.element-list-item .element-name{flex:1;font-size:13px;color:var(--text-primary)}.visibility-btn{padding:4px;background:none;border:none;color:var(--text-secondary);cursor:pointer;border-radius:4px;transition:all .2s ease}.visibility-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.obs-url-panel{padding:16px;background:#0064ff0d;border-top:2px solid rgba(0,100,255,.3);margin-top:8px}.obs-url-panel h4{font-size:13px;font-weight:600;color:#4a9eff;margin-bottom:8px;padding:0}.obs-hint{font-size:11px;color:var(--text-secondary);margin-bottom:8px}.obs-url-row{display:flex;align-items:center;gap:6px;margin-bottom:6px}.obs-url-row-small{flex-direction:column;align-items:flex-start;gap:4px;padding:6px;background:var(--bg-primary);border-radius:6px;margin-bottom:4px}.obs-url-label{font-size:11px;color:var(--text-secondary);font-weight:500}.obs-url-input{flex:1;width:100%;padding:6px 8px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:#4a9eff;font-size:11px;font-family:monospace;min-width:0}.obs-copy-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;background:#0064ff26;border:1px solid rgba(0,100,255,.4);border-radius:4px;color:#4a9eff;font-size:12px;cursor:pointer;white-space:nowrap;transition:all .2s}.obs-copy-btn:hover{background:#0064ff4d}.obs-settings-hint{font-size:11px;color:var(--text-secondary);background:var(--bg-primary);border-radius:4px;padding:8px;margin:8px 0;line-height:1.6}.obs-individual-urls{margin-top:8px}.obs-individual-urls>p{font-size:11px;color:var(--text-secondary);margin-bottom:4px}.element-active-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.element-active-dot.active{background:#0f8;box-shadow:0 0 4px #0f89}.element-active-dot.inactive{background:#555}.element-list-item.hidden-item{opacity:.5}.browser-source-info{padding:16px;background:var(--bg-tertiary);border-top:1px solid var(--border-color)}.browser-source-info h4{padding:0;margin-bottom:8px}.browser-source-info p{font-size:12px;color:var(--text-secondary);margin:4px 0}.browser-source-info code{display:block;padding:8px;background:var(--bg-primary);border-radius:4px;font-size:11px;color:var(--accent-color);word-break:break-all;margin:8px 0}.browser-source-info .hint{font-size:11px;color:var(--text-secondary);opacity:.7}.media-selector{display:flex;gap:8px}.media-selector select{flex:1;padding:8px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:13px}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.btn-icon:hover{background:var(--bg-hover);color:var(--accent-color)}.btn-test{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-test:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #22c55e66}.btn-test:disabled{opacity:.5;cursor:not-allowed}.property-hint{padding:10px;background:#eab3081a;border:1px solid rgba(234,179,8,.3);border-radius:6px;font-size:12px;color:var(--text-secondary);line-height:1.5}.property-hint strong{color:#eab308}.property-hint code{background:var(--bg-primary);padding:2px 6px;border-radius:3px;font-size:11px}.toolbar-btn.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.device-preview-frame{position:absolute;pointer-events:none;z-index:100;border:3px solid #333;border-radius:20px;background:transparent}.device-preview-frame.phone{width:calc(100% + 20px);height:calc(100% + 40px);margin:-20px -10px;border-radius:30px;border-width:8px;border-color:#2a2a2a;box-shadow:0 0 0 2px #444,inset 0 0 0 2px #1a1a1a}.device-preview-frame.tablet{width:calc(100% + 30px);height:calc(100% + 50px);margin:-25px -15px;border-radius:20px;border-width:10px;border-color:#2a2a2a;box-shadow:0 0 0 2px #444}.device-preview-frame.desktop{width:calc(100% + 40px);height:calc(100% + 60px);margin:-30px -20px;border-radius:8px;border-width:12px;border-color:#1a1a1a;box-shadow:0 20px 0 10px #333,0 30px 0 12px #222}.device-notch{position:absolute;top:-3px;left:50%;transform:translate(-50%);width:80px;height:20px;background:#1a1a1a;border-radius:0 0 12px 12px}.device-preview-frame.tablet .device-notch,.device-preview-frame.desktop .device-notch{display:none}.device-label{position:absolute;bottom:-35px;left:50%;transform:translate(-50%);font-size:12px;color:#666;white-space:nowrap}.overlay-canvas.with-preview{margin:30px}.overlay-canvas-container{position:relative}.backup-panel{padding:30px;max-width:1000px;margin:0 auto}.backup-header{text-align:center;margin-bottom:30px}.backup-header h2{font-size:28px;margin-bottom:10px;color:#fff}.backup-header p{color:#888;font-size:14px}.backup-message{padding:15px 20px;border-radius:10px;margin-bottom:25px;display:flex;align-items:center;gap:10px;font-weight:500}.backup-message.success{background:linear-gradient(135deg,#1a472a,#0d3320);border:1px solid #2dd36f;color:#2dd36f}.backup-message.error{background:linear-gradient(135deg,#4a1a1a,#330d0d);border:1px solid #ff4d4d;color:#ff4d4d}.backup-message.info{background:linear-gradient(135deg,#1a3a4a,#0d2533);border:1px solid #00d9ff;color:#00d9ff}.backup-mode-tabs{display:flex;gap:10px;margin-bottom:25px;justify-content:center}.mode-tab{padding:12px 24px;border:1px solid #333;border-radius:10px;background:#1e1e1e;color:#888;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.mode-tab:hover{border-color:#555;color:#fff}.mode-tab.active{background:linear-gradient(135deg,#00d9ff,#09c);border-color:#00d9ff;color:#000}.backup-sections{display:flex;gap:20px;margin-bottom:30px}.backup-section{flex:1;background:linear-gradient(180deg,#1e1e1e,#161616);border:1px solid #333;border-radius:15px;padding:25px;text-align:center}.section-icon{font-size:48px;margin-bottom:15px}.backup-section h3{font-size:20px;margin-bottom:10px;color:#fff}.backup-section p{color:#888;font-size:13px;margin-bottom:15px}.backup-list{list-style:none;padding:0;margin:15px 0;text-align:left}.backup-list li{padding:8px 12px;background:#252525;border-radius:8px;margin-bottom:8px;font-size:13px;color:#ccc}.backup-list.full-backup-list li{background:linear-gradient(135deg,#252525,#1a2530);border-left:3px solid #00d9ff}.backup-list.import-supports li{background:linear-gradient(135deg,#252525,#2a251a);border-left:3px solid #ff9500}.flow-selection,.category-selection{text-align:left;margin:15px 0}.flow-selection-header,.category-selection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 5px}.select-all-btn{background:#252525;border:1px solid #444;color:#ccc;padding:8px 14px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.select-all-btn:hover{background:#333;border-color:#00d9ff;color:#fff}.selected-count{font-size:12px;color:#888;background:#252525;padding:6px 12px;border-radius:15px}.flow-list,.category-list{max-height:300px;overflow-y:auto;border:1px solid #333;border-radius:10px;padding:8px;background:#1a1a1a}.flow-item,.category-item{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:6px;background:#252525;border-radius:8px;cursor:pointer;transition:all .2s;border:1px solid transparent}.flow-item:last-child,.category-item:last-child{margin-bottom:0}.flow-item:hover,.category-item:hover{background:#2a2a2a;border-color:#444}.flow-item.selected,.category-item.selected{background:linear-gradient(135deg,#1a3040,#0d2030);border-color:#00d9ff}.flow-item input[type=checkbox],.category-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#00d9ff;flex-shrink:0}.flow-name{flex:1;font-size:13px;color:#ddd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-status{font-size:12px;padding:2px 8px;border-radius:10px}.flow-status.enabled{color:#2dd36f;background:#2dd36f26}.flow-status.disabled{color:#888;background:#88888826}.category-icon{font-size:20px;flex-shrink:0}.category-info{flex:1;display:flex;flex-direction:column;gap:2px;overflow:hidden}.category-name{font-size:13px;color:#ddd;font-weight:500}.category-desc{font-size:11px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-item.selected .category-name{color:#fff}.category-item.selected .category-desc{color:#888}.loading-flows{padding:40px;text-align:center;color:#888;font-size:14px}.backup-divider{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 10px}.backup-divider span{background:#1a1a1a;padding:10px 15px;border-radius:50%;color:#666;font-size:12px;text-transform:uppercase}.import-info{background:#ffc8001a;border:1px solid rgba(255,200,0,.3);border-radius:8px;padding:12px;display:flex;align-items:center;gap:10px;margin-bottom:15px}.import-info .warning-icon{font-size:18px}.import-info span{color:#ffc800;font-size:12px}.backup-button{width:100%;padding:15px 25px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.backup-button.export{background:linear-gradient(135deg,#00d9ff,#09c);color:#000}.backup-button.export:hover:not(:disabled){background:linear-gradient(135deg,#33e0ff,#00b3e6);transform:translateY(-2px);box-shadow:0 5px 20px #00d9ff4d}.backup-button.export.full-backup{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.backup-button.export.full-backup:hover:not(:disabled){background:linear-gradient(135deg,#a66bbe,#9b59b6);box-shadow:0 5px 20px #9b59b64d}.backup-button.import{background:linear-gradient(135deg,#ff9500,#cc7a00);color:#000}.backup-button.import:hover:not(:disabled){background:linear-gradient(135deg,#fa3,#e68a00);transform:translateY(-2px);box-shadow:0 5px 20px #ff95004d}.backup-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.backup-footer{background:linear-gradient(180deg,#1e1e1e,#161616);border:1px solid #333;border-radius:15px;padding:20px 25px}.backup-footer h4{color:#fff;font-size:16px;margin-bottom:15px}.backup-footer ul{list-style:none;padding:0;margin:0}.backup-footer li{color:#888;font-size:13px;padding:6px 0 6px 20px;position:relative}.backup-footer li:before{content:"•";position:absolute;left:0;color:#00d9ff}.backup-footer li strong{color:#ccc}.flow-list::-webkit-scrollbar,.category-list::-webkit-scrollbar{width:8px}.flow-list::-webkit-scrollbar-track,.category-list::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.flow-list::-webkit-scrollbar-thumb,.category-list::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.flow-list::-webkit-scrollbar-thumb:hover,.category-list::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width: 700px){.backup-sections{flex-direction:column}.backup-divider{padding:15px 0}.backup-divider span{border-radius:20px;padding:8px 20px}.backup-mode-tabs{flex-direction:column}.mode-tab{width:100%}}.zip-backup-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#00f2ea0f,#00ff880f);border:1px solid rgba(0,242,234,.25);border-radius:10px;margin-bottom:20px;flex-wrap:wrap}.zip-backup-info{display:flex;align-items:flex-start;gap:14px;flex:1}.zip-icon{font-size:28px;flex-shrink:0;line-height:1;margin-top:2px}.zip-backup-info strong{display:block;color:#e6edf3;font-size:14px;margin-bottom:4px}.zip-backup-info p{color:#7d8590;font-size:12px;margin:0;line-height:1.5}.zip-backup-info code{background:#ffffff14;padding:1px 5px;border-radius:3px;font-family:monospace;font-size:11px;color:#00f2ea}.backup-button.zip-export{background:linear-gradient(135deg,#00f2ea,#0f8);color:#000;font-weight:700;border:none;border-radius:8px;padding:12px 20px;font-size:14px;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.backup-button.zip-export:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 15px #00f2ea4d}.backup-button.zip-export:disabled{opacity:.5;cursor:not-allowed;transform:none}.settings-panel{padding:24px;max-width:700px;margin:0 auto}.settings-loading{color:#888;font-size:14px;margin-top:40px;text-align:center}.settings-header{margin-bottom:24px}.settings-header h2{font-size:22px;font-weight:700;color:#e6edf3;margin:0 0 6px}.settings-subtitle{font-size:13px;color:#888;margin:0}.settings-message{padding:12px 16px;border-radius:8px;font-size:13px;margin-bottom:20px}.settings-message.success{background:#00ff881f;color:#0f8;border:1px solid rgba(0,255,136,.3)}.settings-message.error{background:#ff64641f;color:#ff6464;border:1px solid rgba(255,100,100,.3)}.settings-section{background:#161b22;border:1px solid #21262d;border-radius:12px;padding:20px;margin-bottom:20px}.settings-section-title{font-size:15px;font-weight:600;color:#e6edf3;margin:0 0 8px}.settings-section-desc{font-size:12px;color:#7d8590;margin:0 0 20px;line-height:1.5}.settings-field{margin-bottom:20px}.settings-field:last-child{margin-bottom:0}.settings-label{display:block;font-size:13px;font-weight:500;color:#c9d1d9;margin-bottom:8px}.settings-input-row{display:flex;align-items:center;gap:12px}.settings-input{width:120px;padding:8px 12px;background:#0d1117;border:1px solid #30363d;border-radius:6px;color:#e6edf3;font-size:14px;outline:none;transition:border-color .2s}.settings-input:focus{border-color:#00f2ea}.settings-input-hint{font-size:12px;color:#7d8590}.settings-field-desc{font-size:12px;color:#7d8590;margin:6px 0 0}.settings-field-desc code{color:#00f2ea;background:#00f2ea1a;padding:1px 6px;border-radius:4px;font-family:monospace}.settings-actions{display:flex;gap:12px;justify-content:flex-end;margin-bottom:20px}.settings-btn{padding:10px 20px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent}.settings-btn.reset{background:#21262d;border-color:#30363d;color:#c9d1d9}.settings-btn.reset:hover{background:#30363d}.settings-btn.save{background:#00f2ea;color:#000;font-weight:600}.settings-btn.save:hover{background:#00d4cc}.settings-btn.save:disabled{opacity:.6;cursor:not-allowed}.settings-info{background:#00f2ea0a;border-color:#00f2ea26}.settings-notes{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.settings-notes li{font-size:13px;color:#7d8590;padding-left:16px;position:relative;line-height:1.5}.settings-notes li:before{content:"•";position:absolute;left:4px;color:#00f2ea}.home-panel{padding:30px;max-width:900px;margin:0 auto}.home-header{text-align:center;margin-bottom:30px}.welcome-logo{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:10px}.welcome-logo h1{font-size:36px;background:linear-gradient(135deg,#00f2ea,#ff0050);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.welcome-subtitle{color:#888;font-size:16px;margin:0}.home-message{padding:12px 20px;border-radius:8px;margin-bottom:20px;font-weight:500}.home-message.success{background:#00ff8826;border:1px solid rgba(0,255,136,.3);color:#0f8}.home-message.error{background:#ff005026;border:1px solid rgba(255,0,80,.3);color:#ff0050}.tiktok-section{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:25px;margin-bottom:25px}.tiktok-section h2{margin:0 0 20px;font-size:20px;color:#fff}.connection-status{background:#0000004d;border-radius:8px;padding:15px;margin-bottom:20px}.status-indicator{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600}.status-dot{width:12px;height:12px;border-radius:50%;animation:pulse 2s infinite}.status-indicator.connected .status-dot{background:#0f8;box-shadow:0 0 10px #00ff8880}.status-indicator.disconnected .status-dot{background:#ff0050;box-shadow:0 0 10px #ff005080;animation:none}.status-indicator.connected .status-text{color:#0f8}.status-indicator.disconnected .status-text{color:#ff0050}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.connection-details{display:flex;gap:20px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);color:#aaa;font-size:14px}.connection-error{margin-top:12px;padding:10px;background:#ff00501a;border-radius:6px;color:#ff6b6b;font-size:14px}.tiktok-config{display:flex;flex-direction:column;gap:15px}.config-field{display:flex;flex-direction:column;gap:8px}.config-field label{color:#aaa;font-size:14px;font-weight:500}.config-field select,.method-select{padding:12px 15px;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:15px;cursor:pointer}.config-field select:focus,.method-select:focus{outline:none;border-color:#00f2ea}.config-field select:disabled,.method-select:disabled{opacity:.5;cursor:not-allowed}.config-field select option,.method-select option{background:#1a1a2e;color:#fff}.method-hint{color:#888;font-size:12px;margin-top:4px}.config-field.checkbox{flex-direction:row;align-items:center}.config-field.checkbox label{display:flex;align-items:center;gap:10px;cursor:pointer;color:#ccc}.config-field.checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#00f2ea}.input-with-button{display:flex;align-items:center;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:8px;overflow:hidden}.input-prefix{padding:12px 15px;background:#00f2ea1a;color:#00f2ea;font-weight:600;border-right:1px solid rgba(255,255,255,.1)}.input-with-button input{flex:1;padding:12px 15px;background:transparent;border:none;color:#fff;font-size:16px}.input-with-button input:focus{outline:none}.input-with-button input::placeholder{color:#666}.tiktok-actions{display:flex;gap:12px;margin-top:10px}.tiktok-actions button{padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.save-btn{background:#ffffff1a;color:#fff}.save-btn:hover:not(:disabled){background:#fff3}.connect-btn{background:linear-gradient(135deg,#00f2ea,#00b4d8);color:#000}.connect-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #00f2ea66}.connect-btn:disabled{opacity:.5;cursor:not-allowed}.disconnect-btn{background:#ff005033;color:#ff0050;border:1px solid rgba(255,0,80,.3)}.disconnect-btn:hover{background:#ff00504d}.stats-section{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px}.stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px}.stat-card.connected{border-color:#00ff884d;background:#00ff880d}.stat-card.disconnected{border-color:#ff00504d;background:#ff00500d}.stat-icon{font-size:32px}.stat-label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:1px}.quick-actions{margin-top:25px}.quick-actions h3{margin:0 0 15px;font-size:18px;color:#fff}.quick-actions .action-card{margin-bottom:12px}.action-card{width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;cursor:pointer;transition:all .2s ease;text-align:left}.action-card:hover{background:#ffffff0d;transform:translateY(-2px)}.action-card.primary{background:linear-gradient(135deg,#00f2ea1a,#ff00501a);border-color:#00f2ea4d}.action-card.primary:hover{background:linear-gradient(135deg,#00f2ea33,#ff005033)}.action-content{display:flex;flex-direction:column}.action-desc{font-size:13px;color:#888}.streamerbot-panel{padding:20px;max-width:1200px;margin:0 auto;height:100%;overflow-y:auto;box-sizing:border-box}.streamerbot-panel.loading{display:flex;justify-content:center;align-items:center;min-height:300px;font-size:1.2rem;color:#888}.streamerbot-panel .panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #333}.streamerbot-panel h2{margin:0;color:#00f2ea}.streamerbot-panel .connection-status{padding:8px 16px;border-radius:20px;font-weight:600;font-size:14px}.streamerbot-panel .connection-status.connected{background:#0f83;color:#0f8;border:1px solid #00ff88}.streamerbot-panel .connection-status.disconnected{background:#f443;color:#f44;border:1px solid #ff4444}.streamerbot-panel .info-box{background:#00f2ea1a;border:1px solid rgba(0,242,234,.3);border-radius:8px;padding:15px;margin-bottom:20px}.streamerbot-panel .info-box h3{margin:0 0 8px;font-size:14px;color:#888}.streamerbot-panel .info-box p{margin:5px 0}.streamerbot-panel .info-box .subtle{color:#666;font-size:12px}.streamerbot-panel .error-box{background:#ff44441a;border:1px solid rgba(255,68,68,.3);border-radius:8px;padding:15px;margin-bottom:20px;color:#ff6b6b}.streamerbot-panel .config-section,.streamerbot-panel .actions-section,.streamerbot-panel .help-section{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:20px;margin-bottom:20px}.streamerbot-panel h3{margin:0 0 15px;color:#fff;font-size:16px}.streamerbot-panel .config-row{margin-bottom:12px}.streamerbot-panel .config-row label{display:flex;align-items:center;gap:8px;cursor:pointer}.streamerbot-panel .config-row input[type=checkbox]{width:18px;height:18px;cursor:pointer}.streamerbot-panel .config-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.streamerbot-panel .config-group{background:#252525;padding:15px;border-radius:6px}.streamerbot-panel .config-group h4{margin:0 0 12px;color:#00f2ea;font-size:14px}.streamerbot-panel .input-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.streamerbot-panel .input-row label{min-width:50px;color:#888;font-size:14px}.streamerbot-panel .input-row input{flex:1;background:#1a1a1a;border:1px solid #444;border-radius:4px;padding:8px 12px;color:#fff;font-size:14px}.streamerbot-panel .input-row input:focus{outline:none;border-color:#00f2ea}.streamerbot-panel .button-row{display:flex;gap:10px;margin-top:20px}.streamerbot-panel button{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.streamerbot-panel button:disabled{opacity:.5;cursor:not-allowed}.streamerbot-panel .btn-primary{background:#00f2ea;color:#000}.streamerbot-panel .btn-primary:hover:not(:disabled){background:#00d4d4}.streamerbot-panel .btn-success{background:#0f8;color:#000}.streamerbot-panel .btn-success:hover:not(:disabled){background:#0d7}.streamerbot-panel .btn-danger{background:#f44;color:#fff}.streamerbot-panel .btn-danger:hover:not(:disabled){background:#d33}.streamerbot-panel .btn-secondary{background:#444;color:#fff}.streamerbot-panel .btn-secondary:hover:not(:disabled){background:#555}.streamerbot-panel .btn-small{padding:6px 12px;font-size:12px}.streamerbot-panel .actions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.streamerbot-panel .search-bar{margin-bottom:15px}.streamerbot-panel .search-bar input{width:100%;background:#252525;border:1px solid #444;border-radius:6px;padding:10px 15px;color:#fff;font-size:14px}.streamerbot-panel .search-bar input:focus{outline:none;border-color:#00f2ea}.streamerbot-panel .test-action-bar{display:flex;gap:10px;margin-bottom:20px;padding:15px;background:#252525;border-radius:6px}.streamerbot-panel .test-action-bar input{flex:1;background:#1a1a1a;border:1px solid #444;border-radius:4px;padding:8px 12px;color:#fff;font-size:14px}.streamerbot-panel .test-action-bar input:focus{outline:none;border-color:#00f2ea}.streamerbot-panel .actions-list{max-height:400px;overflow-y:auto}.streamerbot-panel .action-group{margin-bottom:15px}.streamerbot-panel .group-name{color:#00f2ea;font-size:12px;text-transform:uppercase;letter-spacing:1px;margin:0 0 8px;padding-bottom:5px;border-bottom:1px solid #333}.streamerbot-panel .action-item{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:#252525;border-radius:4px;margin-bottom:5px}.streamerbot-panel .action-item.disabled{opacity:.5}.streamerbot-panel .action-info{display:flex;flex-direction:column;gap:3px}.streamerbot-panel .action-name{font-weight:600;color:#fff}.streamerbot-panel .action-id{font-size:11px;color:#666;font-family:monospace}.streamerbot-panel .subaction-count{font-size:11px;color:#888}.streamerbot-panel .no-actions{text-align:center;padding:40px;color:#666}.streamerbot-panel .help-section{background:#1a1a2a;border-color:#336}.streamerbot-panel .help-section ol{margin:0;padding-left:20px;color:#aaa}.streamerbot-panel .help-section li{margin-bottom:8px;line-height:1.5}.streamerbot-panel .help-section code{background:#333;padding:2px 6px;border-radius:3px;font-family:monospace;color:#00f2ea}.streamerbot-panel .help-section .tip{margin-top:15px;padding:12px;background:#00f2ea1a;border-radius:6px;color:#00f2ea;font-size:13px}@media (max-width: 768px){.streamerbot-panel .config-grid{grid-template-columns:1fr}.streamerbot-panel .test-action-bar,.streamerbot-panel .button-row{flex-direction:column}}.keyboard-panel{padding:20px;max-width:1200px;margin:0 auto;height:100%;overflow-y:auto;box-sizing:border-box}.keyboard-panel.loading{display:flex;justify-content:center;align-items:center;min-height:300px;font-size:1.2rem;color:#888}.keyboard-panel .panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #333}.keyboard-panel h2{margin:0;color:#00f2ea}.keyboard-panel .status-badge{padding:8px 16px;border-radius:20px;font-weight:600;font-size:14px}.keyboard-panel .status-badge.ready{background:#0f83;color:#0f8;border:1px solid #00ff88}.keyboard-panel .status-badge.not-ready{background:#f443;color:#f44;border:1px solid #ff4444}.keyboard-panel .error-box{background:#ff44441a;border:1px solid rgba(255,68,68,.3);border-radius:8px;padding:15px;margin-bottom:20px;color:#ff6b6b}.keyboard-panel .result-box{padding:15px;border-radius:8px;margin-bottom:20px;font-size:14px}.keyboard-panel .result-box.success{background:#00ff881a;border:1px solid rgba(0,255,136,.3);color:#0f8}.keyboard-panel .result-box.error{background:#ff44441a;border:1px solid rgba(255,68,68,.3);color:#ff6b6b}.keyboard-panel .config-section,.keyboard-panel .keys-section,.keyboard-panel .help-section{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:20px;margin-bottom:20px}.keyboard-panel h3{margin:0 0 15px;color:#fff;font-size:14px}.keyboard-panel .keys-section h3{margin-top:20px}.keyboard-panel .keys-section h3:first-child{margin-top:0}.keyboard-panel .modifier-row,.keyboard-panel .duration-row,.keyboard-panel .selected-key-row{display:flex;align-items:center;gap:15px;margin-bottom:15px}.keyboard-panel .label{min-width:140px;color:#888;font-size:14px}.keyboard-panel .modifier-buttons{display:flex;gap:8px}.keyboard-panel .modifier-btn{padding:8px 16px;background:#333;border:1px solid #444;border-radius:6px;color:#aaa;font-weight:600;font-size:12px;cursor:pointer;transition:all .2s}.keyboard-panel .modifier-btn:hover{background:#444;color:#fff}.keyboard-panel .modifier-btn.active{background:#00f2ea;color:#000;border-color:#00f2ea}.keyboard-panel .duration-row input{width:100px;background:#252525;border:1px solid #444;border-radius:4px;padding:8px 12px;color:#fff;font-size:14px}.keyboard-panel .duration-row input:focus{outline:none;border-color:#00f2ea}.keyboard-panel .selected-key-display{display:flex;align-items:center;background:#252525;padding:10px 20px;border-radius:6px;border:2px solid #00f2ea;min-width:120px;justify-content:center}.keyboard-panel .selected-key-display .mods{color:#888;margin-right:5px}.keyboard-panel .selected-key-display .key{font-size:18px;font-weight:700;color:#00f2ea}.keyboard-panel .press-btn{padding:10px 25px;background:#00f2ea;color:#000;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.keyboard-panel .press-btn:hover:not(:disabled){background:#00d4d4}.keyboard-panel .press-btn:disabled{opacity:.5;cursor:not-allowed}.keyboard-panel .key-grid{display:flex;flex-wrap:wrap;gap:8px}.keyboard-panel .key-btn{min-width:50px;height:45px;padding:8px 12px;background:#2a2a2a;border:1px solid #444;border-radius:6px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .15s}.keyboard-panel .key-btn.small{min-width:40px;height:40px;font-size:13px}.keyboard-panel .key-btn:hover:not(:disabled){background:#3a3a3a;border-color:#00f2ea}.keyboard-panel .key-btn:active:not(:disabled){background:#00f2ea;color:#000;transform:scale(.95)}.keyboard-panel .key-btn.selected{background:#00f2ea;color:#000;border-color:#00f2ea}.keyboard-panel .key-btn:disabled{opacity:.4;cursor:not-allowed}.keyboard-panel .function-keys .key-btn{min-width:55px;background:linear-gradient(145deg,#333,#2a2a2a)}.keyboard-panel .arrow-keys{justify-content:center}.keyboard-panel .arrow-keys .key-btn{font-size:18px}.keyboard-panel .special-keys .key-btn{min-width:80px;font-size:11px}.keyboard-panel .help-section{background:#1a1a2a;border-color:#336}.keyboard-panel .help-section p{color:#aaa;line-height:1.6;margin:10px 0}.keyboard-panel .example-box{background:#252535;padding:15px;border-radius:6px;margin:15px 0;font-size:13px;color:#ccc;border-left:3px solid #00f2ea}.keyboard-panel .example-box em{color:#888}.keyboard-panel .tip{background:#00f2ea1a;padding:12px;border-radius:6px;color:#00f2ea;font-size:13px}@media (max-width: 768px){.keyboard-panel .modifier-row,.keyboard-panel .duration-row,.keyboard-panel .selected-key-row{flex-direction:column;align-items:flex-start}.keyboard-panel .label{min-width:auto;margin-bottom:8px}.keyboard-panel .key-btn{min-width:40px;height:40px;font-size:12px}}.firebot-panel{padding:20px;max-width:1200px;margin:0 auto;height:100%;overflow-y:auto;box-sizing:border-box}.firebot-panel.loading{display:flex;justify-content:center;align-items:center;min-height:300px;font-size:1.2rem;color:#888}.firebot-panel .panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #333}.firebot-panel h2{margin:0;color:#ff6a00}.firebot-panel .connection-status{padding:8px 16px;border-radius:20px;font-weight:600;font-size:14px}.firebot-panel .connection-status.connected{background:#0f83;color:#0f8;border:1px solid #00ff88}.firebot-panel .connection-status.disconnected{background:#f443;color:#f44;border:1px solid #ff4444}.firebot-panel .info-box{background:#ff6a001a;border:1px solid rgba(255,106,0,.3);border-radius:8px;padding:15px;margin-bottom:20px}.firebot-panel .info-box p{margin:4px 0}.firebot-panel .error-box{background:#ff44441a;border:1px solid rgba(255,68,68,.3);border-radius:8px;padding:15px;margin-bottom:20px;color:#ff6b6b}.firebot-panel .error-box .subtle{color:#888;font-size:12px}.firebot-panel .output-box{background:#ffffff0d;border:1px solid #444;border-radius:8px;padding:12px 16px;margin-bottom:20px;font-size:14px;color:#ccc}.firebot-panel .config-section{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:20px;margin-bottom:20px}.firebot-panel h3{margin:0 0 15px;color:#fff;font-size:16px}.firebot-panel .config-row{margin-bottom:12px}.firebot-panel .config-row label{display:flex;align-items:center;gap:8px;cursor:pointer}.firebot-panel .config-row input[type=checkbox]{width:18px;height:18px;cursor:pointer}.firebot-panel .config-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.firebot-panel .config-group{background:#252525;padding:15px;border-radius:6px}.firebot-panel .config-group h4{margin:0 0 12px;color:#ff6a00;font-size:14px}.firebot-panel .input-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.firebot-panel .input-row label{min-width:55px;color:#888;font-size:14px}.firebot-panel .input-row input{flex:1;background:#1a1a1a;border:1px solid #444;border-radius:4px;padding:8px 12px;color:#fff;font-size:14px}.firebot-panel .input-row input:focus{outline:none;border-color:#ff6a00}.firebot-panel .hint{font-size:12px;color:#777;line-height:1.5;margin:8px 0 0}.firebot-panel .button-row{display:flex;gap:10px;margin-top:20px}.firebot-panel button{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.firebot-panel button:disabled{opacity:.5;cursor:not-allowed}.firebot-panel .btn-primary{background:#ff6a00;color:#fff}.firebot-panel .btn-primary:hover:not(:disabled){background:#e05e00}.firebot-panel .btn-success{background:#0f8;color:#000}.firebot-panel .btn-success:hover:not(:disabled){background:#0d7}.firebot-panel .btn-danger{background:#f44;color:#fff}.firebot-panel .btn-danger:hover:not(:disabled){background:#d33}.firebot-panel .btn-secondary{background:#444;color:#fff}.firebot-panel .btn-secondary:hover:not(:disabled){background:#555}.firebot-panel .btn-run{padding:6px 14px;background:#ff6a00;color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s}.firebot-panel .btn-run:hover{background:#e05e00}.firebot-panel .data-section{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:20px;margin-bottom:20px}.firebot-panel .tab-bar{display:flex;gap:8px;margin-bottom:16px}.firebot-panel .tab-btn{padding:8px 18px;border-radius:6px;background:#252525;color:#aaa;border:1px solid #444}.firebot-panel .tab-btn.active{background:#ff6a0033;color:#ff6a00;border-color:#ff6a00}.firebot-panel .tab-btn:hover:not(.active){background:#333;color:#fff}.firebot-panel .search-bar{margin-bottom:15px}.firebot-panel .search-bar input{width:100%;background:#252525;border:1px solid #444;border-radius:6px;padding:10px 15px;color:#fff;font-size:14px;box-sizing:border-box}.firebot-panel .search-bar input:focus{outline:none;border-color:#ff6a00}.firebot-panel .list-section{overflow:hidden}.firebot-panel .list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:#888;font-size:13px}.firebot-panel .empty-state{text-align:center;padding:30px;color:#666;font-size:14px}.firebot-panel .items-grid{display:flex;flex-direction:column;gap:6px;max-height:400px;overflow-y:auto}.firebot-panel .item-card{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#252525;border-radius:6px;border:1px solid #333}.firebot-panel .item-card.inactive{opacity:.55}.firebot-panel .item-info{display:flex;flex-direction:column;gap:3px;min-width:0}.firebot-panel .item-name{font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.firebot-panel .item-desc{font-size:12px;color:#888}.firebot-panel .item-id{font-size:11px;color:#555;font-family:monospace}.firebot-panel .badge-inactive{font-size:11px;background:#f443;color:#ff6b6b;padding:2px 6px;border-radius:4px;width:fit-content}.firebot-panel .setup-hint{background:#1a1a2a;border:1px solid #2a2a3a;border-radius:8px;padding:20px;margin-bottom:20px}.firebot-panel .setup-hint ol{margin:10px 0 15px;padding-left:20px;color:#aaa}.firebot-panel .setup-hint li{margin-bottom:8px;line-height:1.5}@media (max-width: 768px){.firebot-panel .config-grid{grid-template-columns:1fr}.firebot-panel .button-row,.firebot-panel .tab-bar{flex-direction:column}}.phantombot-panel{display:flex;flex-direction:column;height:100%;overflow-y:auto;background:var(--bg-secondary)}.pb-loading{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-secondary)}.pb-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);flex-shrink:0}.pb-title{display:flex;align-items:center;gap:12px}.pb-icon{font-size:28px}.pb-title h2{font-size:20px;font-weight:600;margin:0}.pb-status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.pb-status-badge.online{background:#00ff8826;color:#0f8;border:1px solid rgba(0,255,136,.3)}.pb-status-badge.offline{background:#ff646426;color:#ff6464;border:1px solid rgba(255,100,100,.3)}.pb-status-badge.disabled{background:#96969626;color:#888;border:1px solid rgba(150,150,150,.3)}.pb-toggle-btn{padding:10px 20px;border-radius:8px;border:2px solid #555;background:transparent;color:#aaa;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.pb-toggle-btn.active{background:#00f2ea1a;border-color:#00f2ea;color:#00f2ea}.pb-toggle-btn:hover{border-color:#00f2ea;color:#00f2ea}.pb-body{padding:20px 24px;display:flex;flex-direction:column;gap:20px}.pb-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:20px}.pb-section-disabled{opacity:.6}.pb-section h3{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px}.pb-form{display:flex;flex-direction:column;gap:14px}.pb-field{display:flex;flex-direction:column;gap:6px}.pb-field label{font-size:13px;font-weight:500;color:var(--text-secondary)}.pb-field input[type=text],.pb-field input[type=password],.pb-input{padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s}.pb-field input:focus,.pb-input:focus{border-color:#00f2ea}.pb-hint{font-size:11px;color:var(--text-secondary);opacity:.7}.pb-password-row{display:flex;gap:8px}.pb-password-row input{flex:1;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;outline:none}.pb-password-row input:focus{border-color:#00f2ea}.pb-show-btn{padding:0 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:16px}.pb-checkbox{flex-direction:row!important;align-items:center;gap:10px!important}.pb-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.pb-checkbox label{color:var(--text-primary)!important;cursor:pointer;-webkit-user-select:none;user-select:none}.pb-actions{display:flex;gap:10px;flex-wrap:wrap}.pb-btn{padding:10px 18px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.pb-btn:hover:not(:disabled){background:var(--bg-hover);border-color:#555}.pb-btn:disabled{opacity:.4;cursor:not-allowed}.pb-btn.primary{background:#00f2ea26;border-color:#00f2ea66;color:#00f2ea}.pb-btn.primary:hover:not(:disabled){background:#00f2ea40}.pb-btn.small{padding:6px 12px;font-size:12px}.pb-panel-link{display:flex;flex-direction:column;gap:8px}.pb-open-btn{display:inline-block;padding:12px 18px;background:#4a9eff1a;border:1px solid rgba(74,158,255,.3);border-radius:8px;color:#4a9eff;text-decoration:none;font-size:13px;font-weight:500;transition:all .2s;word-break:break-all}.pb-open-btn:hover{background:#4a9eff33}.pb-warning{padding:10px 14px;background:#ff9f431a;border:1px solid rgba(255,159,67,.3);border-radius:8px;color:#ff9f43;font-size:13px;margin-bottom:12px}.pb-command-row{display:flex;gap:8px;flex-wrap:wrap}.pb-command-row .pb-input{flex:1;min-width:200px}.pb-sender{max-width:160px!important;min-width:unset!important;flex:0 0 160px!important}.pb-quick-cmds{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.pb-quick-btn{padding:5px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:12px;cursor:pointer;font-family:monospace;transition:all .2s}.pb-quick-btn:hover:not(:disabled){border-color:#00f2ea;color:#00f2ea}.pb-quick-btn:disabled{opacity:.4;cursor:not-allowed}.pb-log-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.pb-log-header h3{margin:0}.pb-log{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:10px;max-height:200px;overflow-y:auto;font-size:12px;font-family:monospace}.pb-log-empty{color:var(--text-secondary);text-align:center;padding:20px}.pb-log-entry{display:flex;gap:8px;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.04)}.pb-log-entry.err{color:#ff6464}.pb-log-entry.ok{color:var(--text-primary)}.pb-log-ts{color:var(--text-secondary);flex-shrink:0}.pb-err-text{color:#ff6464}.pb-status-footer{font-size:11px;color:var(--text-secondary);text-align:center;padding:8px;opacity:.7}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-content{display:flex;flex:1 1 0;overflow:hidden;min-height:0;position:relative;height:calc(100vh - 60px)}.main-content{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.view-tabs{display:flex;gap:8px;padding:16px 24px;background:#1a1a1a;border-bottom:1px solid #333}.tab{padding:10px 20px;background:transparent;border:none;border-bottom:2px solid transparent;color:#888;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.tab:hover{color:#fff}.tab.active{color:#00f2ea;border-bottom-color:#00f2ea}.tab.home-tab{flex:0;padding:0 15px;font-size:18px;border-right:1px solid #333;margin-right:5px}.tab.home-tab:hover{background:#00f2ea1a;color:#00f2ea}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:20px;color:#888}.empty-state h2{font-size:24px;color:#fff}.welcome-screen{display:flex;flex-direction:column;align-items:center;padding:40px 20px;height:100%;overflow-y:auto;background:linear-gradient(180deg,#0a0a0a,#111)}.welcome-header{text-align:center;margin-bottom:40px}.welcome-logo{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:8px}.logo-icon{font-size:48px}.welcome-logo h1{font-size:36px;font-weight:700;background:linear-gradient(135deg,#00f2ea,#ff006e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.welcome-subtitle{color:#666;font-size:16px;margin:0}.welcome-stats{display:flex;gap:16px;margin-bottom:40px;flex-wrap:wrap;justify-content:center}.stat-card{display:flex;align-items:center;gap:12px;background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:16px 24px;min-width:140px}.stat-card.connected{border-color:#00f2ea;background:#00f2ea0d}.stat-icon{font-size:24px}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:24px;font-weight:700;color:#fff}.stat-card.connected .stat-value{color:#00f2ea}.stat-label{font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.5px}.welcome-actions{display:flex;gap:16px;margin-bottom:40px;flex-wrap:wrap;justify-content:center}.action-card{display:flex;align-items:center;gap:16px;background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:20px 24px;cursor:pointer;transition:all .2s;text-align:left;min-width:260px}.action-card:hover{border-color:#555;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.action-card.primary{background:linear-gradient(135deg,#00f2ea1a,#0088ff1a);border-color:#00f2ea4d}.action-card.primary:hover{border-color:#00f2ea;box-shadow:0 8px 24px #00f2ea33}.action-icon{font-size:32px}.action-content{display:flex;flex-direction:column;gap:4px}.action-title{font-size:16px;font-weight:600;color:#fff}.action-desc{font-size:13px;color:#666}.recent-flows{width:100%;max-width:900px;margin-bottom:40px}.recent-flows h3{font-size:16px;color:#888;margin-bottom:16px;font-weight:500}.flow-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.flow-card{display:flex;align-items:center;gap:12px;background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:14px 16px;cursor:pointer;transition:all .2s;text-align:left}.flow-card:hover{border-color:#00f2ea;background:#1f1f1f}.flow-status{width:8px;height:8px;border-radius:50%;background:#555;flex-shrink:0}.flow-status.active{background:#0f8;box-shadow:0 0 8px #00ff8880}.flow-card .flow-name{flex:1;font-size:14px;font-weight:500;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-card .flow-category{font-size:11px;color:#666;background:#252525;padding:4px 8px;border-radius:4px}.welcome-footer{display:flex;align-items:center;gap:12px;color:#444;font-size:12px;margin-top:auto;padding-top:20px}.btn-primary{background:linear-gradient(135deg,#00f2ea,#08f);color:#000;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00f2ea4d}.btn-secondary{background:#252525;color:#fff;border:1px solid #333;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:background .2s}.btn-secondary:hover{background:#333}.btn-danger{background:#f44;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:background .2s}.btn-danger:hover{background:#f66}.input{background:#252525;border:1px solid #333;color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;width:100%}.input:focus{outline:none;border-color:#00f2ea}.select{background:#252525;border:1px solid #333;color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;width:100%;cursor:pointer}.select:focus{outline:none;border-color:#00f2ea}.label{font-size:12px;color:#888;margin-bottom:4px;display:block}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;color:#fff}#root{width:100%;height:100%;overflow:hidden}.react-flow{background:#0a0a0a}.react-flow__node{background:#1a1a1a;border:2px solid #333;border-radius:8px;padding:12px;color:#fff;font-size:14px}.react-flow__node.selected{border-color:#00f2ea;box-shadow:0 0 20px #00f2ea4d}.react-flow__handle{background:#00f2ea;width:10px;height:10px;border:2px solid #0a0a0a}.react-flow__edge-path{stroke:#00f2ea;stroke-width:2}.react-flow__controls{background:#1a1a1a;border:1px solid #333;border-radius:8px}.react-flow__controls button{background:#252525;border-bottom:1px solid #333;color:#fff}.react-flow__controls button:hover{background:#333}.react-flow__minimap{background:#1a1a1a;border:1px solid #333;border-radius:8px}.react-flow__minimap-mask{fill:#00f2ea1a}.react-flow__minimap-node{fill:#333;stroke:#00f2ea}