:root{--bg-dark: #121212;--bg-panel: #1e1e1e;--bg-panel-header: #252526;--bg-input: #333333;--bg-hover: #3e3e42;--text-primary: #e0e0e0;--text-secondary: #9e9e9e;--text-muted: #666666;--accent-primary: #ff6b00;--accent-hover: #ff8533;--accent-active: #cc5500;--accent-success: #00cc66;--accent-warning: #ffaa00;--accent-error: #ff4444;--accent-info: #00d2ff;--border-color: #3e3e42;--border-light: #505050;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--toolbar-width: 50px;--sidebar-width: 300px;--header-height: 48px;--timeline-height: 60px;--radius-sm: 4px;--radius-md: 6px;--transition-fast: .25s cubic-bezier(.4, 0, .2, 1)}@media(max-width:599px){:root{--sidebar-width: min(85vw, 360px);--toolbar-width: 0px;--header-height: 56px;--timeline-height: 70px}}@media(min-width:600px)and (max-width:899px){:root{--sidebar-width: min(60vw, 400px);--toolbar-width: 0px;--header-height: 56px;--timeline-height: 70px}}*{box-sizing:border-box;margin:0;padding:0}body,html,#root{width:100%;height:100dvh;overflow:hidden;background-color:var(--bg-dark);color:var(--text-primary);font-family:Outfit,sans-serif;-webkit-user-select:none;user-select:none}button{border:none;background:none;color:inherit;cursor:pointer;font-family:inherit}input{border:none;outline:none;background:none;color:inherit;font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.mobile-only{display:none}@media(max-width:899px){.mobile-only{display:block}.desktop-only{display:none}.sidebar-drawer{position:absolute;right:0;top:0;bottom:0;z-index:1000;width:var(--sidebar-width);transition:transform var(--transition-fast);box-shadow:-5px 0 25px #0009}.sidebar-closed{transform:translate(100%)}.toolbar-drawer{display:block;width:100%;height:auto;border-right:none}.toolbar-drawer::-webkit-scrollbar{display:none}.toolbar-drawer{-ms-overflow-style:none;scrollbar-width:none}}@keyframes fadeInUp{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
