:root{--bg-base: #0f1115;--bg-panel: rgba(26, 29, 36, .6);--bg-panel-hover: rgba(35, 39, 48, .8);--border-color: rgba(255, 255, 255, .08);--text-primary: #e2e8f0;--text-secondary: #94a3b8;--accent-color: #6366f1;--accent-hover: #818cf8;--accent-glow: rgba(99, 102, 241, .4);--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .25), 0 4px 6px -2px rgba(0, 0, 0, .15);--glass-blur: blur(12px);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}input,textarea,[contenteditable]{-webkit-user-select:auto;user-select:auto}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-base);color:var(--text-primary);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glass-panel{background:var(--bg-panel);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);border-radius:12px}.glass-button{background:transparent;color:var(--text-secondary);border:none;padding:8px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.glass-button:hover{background:var(--bg-panel-hover);color:var(--text-primary)}.glass-button.active{background:var(--accent-color);color:#fff;box-shadow:0 0 10px var(--accent-glow)}.glass-button:disabled{opacity:.5;cursor:not-allowed}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.resize-handle{width:8px;cursor:col-resize;display:flex;justify-content:center;align-items:center;background:transparent;transition:background var(--transition-fast)}.resize-handle:hover,.resize-handle:active{background:#ffffff1a}.resize-handle-vertical{height:8px;cursor:row-resize;display:flex;justify-content:center;align-items:center;background:transparent;transition:background var(--transition-fast)}.resize-handle-vertical:hover,.resize-handle-vertical:active{background:#ffffff1a}.menu-bar{display:flex;align-items:center;padding:0 16px;gap:16px;height:48px;border-radius:0;border-left:none;border-right:none;border-top:none}.main-canvas-area{position:relative;border-radius:12px;overflow:auto;min-height:0}.canvas-wrapper{position:relative;background-image:linear-gradient(45deg,#2a2e37 25%,transparent 25%),linear-gradient(-45deg,#2a2e37 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#2a2e37 75%),linear-gradient(-45deg,transparent 75%,#2a2e37 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;background-color:#1f2229;box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}.layer-canvas{position:absolute;top:0;left:0;pointer-events:none}.sidebar{display:flex;flex-direction:column;gap:8px;padding:12px 8px;align-items:center}.timeline{display:flex;flex-direction:column;border-radius:0;border-left:none;border-right:none;border-bottom:none;height:100%}