:root{--primary: #b55172;--primary-dark: #9a4562;--success: #28a745;--danger: #dc3545;--background: #f5f5f5;--surface: #ffffff;--border: #e0e0e0;--text-primary: #333;--text-secondary: #666;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 20px;--spacing-xl: 32px;--start-message-height: 0px;--toolbar-height: 60px;--functional-bar-height: 44px;--statusbar-height: 32px;--sidebar-width: 454px;--sidebar-collapsed-width: 60px;--transition-speed: .3s;--border-radius: 6px;--box-shadow: 0 2px 8px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}html{touch-action:manipulation;-ms-touch-action:manipulation}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--background);color:var(--text-primary);overflow:hidden;touch-action:manipulation;-ms-touch-action:manipulation}.editor-app{display:grid;grid-template-rows:auto var(--toolbar-height) 1fr var(--statusbar-height);height:100vh;height:100dvh;width:100vw}#messageStartFrame{grid-row:1}#editorToolbar{grid-row:2}#editorMain{grid-row:3}#editorStatusbar{grid-row:4}.editor-main{display:grid;grid-template-columns:var(--sidebar-width) 1fr;overflow:hidden;background:var(--background);transition:grid-template-columns var(--transition-speed) ease}.editor-main.sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed-width) 1fr}.editor-main.sidebar-hidden{grid-template-columns:0 1fr}.btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border);background:var(--surface);color:var(--text-primary);border-radius:var(--border-radius);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex;align-items:center;gap:var(--spacing-xs);white-space:nowrap}.btn:hover{background:#f8f8f8;border-color:#ccc}.btn:active{background:#e8e8e8;transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn-success{background:var(--success);color:#fff;border-color:var(--success)}.btn-success:hover{background:#218838;border-color:#218838}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover{background:#c82333;border-color:#c82333}.btn-secondary{background:#6c757d;color:#fff;border-color:#6c757d}.btn-secondary:hover{background:#5a6268;border-color:#5a6268}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:13px}.btn-icon{padding:var(--spacing-sm);width:40px;height:40px;justify-content:center}.btn-block{width:100%;justify-content:center}.btn .icon{font-size:16px;line-height:1}.desktop-toggle-sidebar .icon{font-size:20px!important}.filter-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border);border-radius:var(--border-radius);background:var(--surface);font-size:14px;cursor:pointer;outline:none;transition:border-color .2s}.filter-select:hover{border-color:#ccc}.filter-select:focus{border-color:var(--primary)}.hidden{display:none!important}.loading{opacity:.6;pointer-events:none}.scrollable{overflow-y:auto;overflow-x:hidden}.scrollable::-webkit-scrollbar{width:8px}.scrollable::-webkit-scrollbar-track{background:#f1f1f1}.scrollable::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.scrollable::-webkit-scrollbar-thumb:hover{background:#999}.global-loader{position:fixed;top:0;left:0;width:100%;height:3px;z-index:9999;pointer-events:none;opacity:0;transition:opacity .3s ease}.global-loader.active{opacity:1}.global-loader-bar{height:100%;background:var(--primary);animation:globalLoaderProgress 1.5s ease-in-out infinite}@keyframes globalLoaderProgress{0%{width:0%;margin-left:0%}50%{width:40%;margin-left:30%}to{width:0%;margin-left:100%}}