button.tool-chat-btn,a.tool-chat-btn,.tool-chat-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 14px;border-radius:9px;border:1px solid rgba(139,92,246,.4)!important;background:linear-gradient(135deg,#5b46b0,#7c5cdb)!important;color:#fff!important;font-family:inherit;font-size:12px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;box-shadow:0 1px 2px #4c1d9559,inset 0 1px #ffffff24;transition:filter .15s ease,box-shadow .15s ease,transform .1s ease}button.tool-chat-btn:hover,a.tool-chat-btn:hover,.tool-chat-btn:hover{filter:brightness(1.1);border-color:#8b5cf6a6;box-shadow:0 2px 12px #7c3aed73,inset 0 1px #fff3}button.tool-chat-btn:active,a.tool-chat-btn:active,.tool-chat-btn:active{transform:translateY(1px);filter:brightness(.98)}button.tool-chat-btn svg,a.tool-chat-btn svg,.tool-chat-btn svg{width:15px;height:15px;flex:0 0 auto;stroke:currentColor}#animations-page{--ink-0: #000000;--ink-07: #070707;--ink-0a: #0a0a0a;--ink-0d: #0d0d0d;--ink-11: #111111;--ink-15: #151515;--ink-1a: #1a1a1a;--ink-1f: #1f1f1f;--ink-22: #222222;--ink-25: #252525;--ink-2a: #2a2a2a;--ink-33: #333333;--ink-3a: #3a3a3a;--ink-44: #444444;--ink-55: #555555;--ink-66: #666666;--ink-77: #777777;--ink-88: #888888;--ink-99: #999999;--ink-aa: #aaaaaa;--ink-bb: #bbbbbb;--ink-cc: #cccccc;--ink-dd: #dddddd;--ink-ee: #eeeeee;--ink-ff: #ffffff;display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:var(--ink-0a);color:var(--ink-ee);z-index:10;overflow:hidden}#animations-page.open{display:flex;flex-direction:column}#animations-root{position:relative;flex:1;min-height:0;overflow:hidden}.animations-editor{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--ink-0a);color:var(--ink-ee);font-family:Inter,system-ui,sans-serif}.animations-toolbar-top{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--ink-0a);border-bottom:1px solid var(--ink-1a);flex-shrink:0;overflow-x:auto}.animations-project-title{font-size:13px;font-weight:600;color:var(--ink-cc);margin-right:8px;white-space:nowrap}.animations-toolbar-tools,.animations-toolbar-add,.animations-toolbar-right{display:flex;align-items:center;gap:4px}.animations-toolbar-right{margin-left:auto}.animations-tool-btn{background:none;border:1px solid transparent;color:var(--ink-aa);cursor:pointer;padding:5px 7px;border-radius:4px;display:flex;align-items:center}.animations-tool-btn:hover{background:var(--ink-22);color:var(--ink-ff)}.animations-tool-btn.active{background:var(--ink-33);color:var(--ink-ff);border-color:var(--ink-55)}.animations-btn{background:var(--ink-1a);border:1px solid var(--ink-33);color:var(--ink-cc);cursor:pointer;padding:4px 10px;border-radius:4px;font-size:12px;display:flex;align-items:center;gap:4px;white-space:nowrap}.animations-btn:hover{background:var(--ink-25);color:var(--ink-ff)}.animations-btn-primary{background:var(--ink-ff);color:var(--ink-0);border-color:var(--ink-ff);font-weight:600}.animations-btn-primary:hover{background:var(--ink-dd)}.animations-zoom-label{font-size:11px;color:var(--ink-88);min-width:40px;text-align:center}.animations-back-btn{background:transparent;border:1px solid transparent;color:var(--ink-aa);cursor:pointer;padding:4px 6px;border-radius:4px;display:flex;align-items:center;justify-content:center}.animations-back-btn:hover{color:var(--ink-ff);background:var(--ink-22)}.animations-close-btn{background:transparent;border:1px solid transparent;color:var(--ink-aa);cursor:pointer;padding:4px 6px;border-radius:4px;display:flex;align-items:center;justify-content:center;margin-left:4px}.animations-close-btn:hover{color:var(--ink-ff);background:var(--ink-22)}.animations-comp-tabs{display:flex;align-items:center;gap:0;border-bottom:1px solid var(--ink-1a);background:var(--ink-0a);padding:0 8px;flex-shrink:0;overflow-x:auto}.animations-comp-tab{padding:6px 16px;font-size:12px;color:var(--ink-88);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap}.animations-comp-tab:hover{color:var(--ink-cc)}.animations-comp-tab.active{color:var(--ink-ff);border-bottom-color:var(--ink-ff)}.animations-comp-add{color:var(--ink-55);font-size:16px;padding:4px 12px}.animations-comp-add:hover{color:var(--ink-ff)}.animations-main-area{display:flex;flex:1;min-height:0;overflow:hidden}.animations-layers-panel{width:200px;border-right:1px solid var(--ink-1a);display:flex;flex-direction:column;background:var(--ink-0a);flex-shrink:0}.animations-canvas-area{flex:1;position:relative;overflow:hidden;background:var(--ink-11)}.animations-canvas-wrapper{width:100%;height:100%;position:relative;overflow:hidden}.animations-canvas{position:absolute;transform-origin:0 0;overflow:hidden}.animations-properties-panel{width:260px;border-left:1px solid var(--ink-1a);display:flex;flex-direction:column;background:var(--ink-0a);flex-shrink:0;overflow-y:auto}.animations-panel-header{padding:8px 12px;font-size:11px;text-transform:uppercase;color:var(--ink-66);letter-spacing:.5px;border-bottom:1px solid var(--ink-1a)}.animations-panel-empty{padding:20px;color:var(--ink-55);text-align:center;font-size:12px}.animations-timeline{border-top:1px solid var(--ink-1a);background:var(--ink-0a);height:220px;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden}.animations-timeline-toolbar{display:flex;align-items:center;gap:6px;padding:4px 10px;border-bottom:1px solid var(--ink-1a);flex-shrink:0}.animations-timeline-area{flex:1;position:relative;overflow:auto}.animations-time-display{font-size:11px;color:var(--ink-88);font-family:Space Mono,monospace;margin-left:4px}.animations-toolbar-divider{width:1px;height:18px;background:var(--ink-2a);margin:0 4px}.animations-projects-shell{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--ink-0a);color:var(--ink-ee);font-family:Inter,system-ui,sans-serif}.animations-projects-topbar{display:flex;align-items:center;gap:16px;padding:12px 20px;border-bottom:1px solid var(--ink-1a);background:var(--ink-0d)}.animations-logo{font:700 18px/1 Inter,sans-serif;letter-spacing:2px}.animations-sub{font:11px/1 Inter,sans-serif;letter-spacing:1px;color:var(--ink-88);padding:3px 8px;border:1px solid var(--ink-2a);border-radius:999px}.animations-spacer{flex:1}.animations-projects-body{flex:1;overflow-y:auto;padding:24px}.animations-section-title{font:700 13px/1 Inter,sans-serif;letter-spacing:1.5px;color:var(--ink-88);margin:0 0 16px}.animations-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.animations-card{background:var(--ink-15);border:1px solid var(--ink-22);border-radius:10px;padding:18px;cursor:pointer;transition:border-color .12s,transform .12s}.animations-card:hover{border-color:var(--ink-44);transform:translateY(-2px)}.animations-card-name{font:600 16px/1.3 Inter,sans-serif;color:var(--ink-ff);margin-bottom:8px}.animations-card-meta{font:12px/1.5 Inter,sans-serif;color:var(--ink-88)}.animations-empty{text-align:center;color:var(--ink-66);padding:60px 20px}.animations-loading{text-align:center;color:var(--ink-88);padding:60px 20px;font:12px/1.5 Inter,sans-serif;letter-spacing:1px}.animations-error{text-align:center;color:#f88;padding:60px 20px}.animations-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;display:none;align-items:center;justify-content:center;z-index:200}.animations-modal-overlay.open{display:flex}.animations-modal-sheet{background:var(--ink-15);border:1px solid var(--ink-2a);border-radius:12px;width:min(480px,92vw);padding:24px;display:flex;flex-direction:column;gap:12px}.animations-modal-title{font:700 16px/1.2 Inter,sans-serif;color:var(--ink-ff);margin:0 0 8px}.animations-input,.animations-select{background:var(--ink-0d);color:var(--ink-ee);border:1px solid var(--ink-2a);border-radius:6px;padding:8px 10px;font:13px/1.2 Inter,sans-serif;width:100%}.animations-input:focus,.animations-select:focus{outline:none;border-color:var(--ink-55)}.animations-modal-row{display:flex;gap:10px}.animations-modal-field{flex:1;display:flex;flex-direction:column;gap:4px}.animations-modal-field label{font-size:11px;color:var(--ink-88);letter-spacing:.5px}.animations-modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}