.matrix-grid[data-v-005e171e]{background:#111;border:4px solid #222;border-radius:8px;box-shadow:0 0 30px #000c,0 0 10px #58a6ff1a;cursor:crosshair;flex-direction:column;overflow:hidden;padding:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.matrix-grid[data-v-005e171e],.matrix-row[data-v-005e171e]{display:flex;gap:2px}.matrix-cell[data-v-005e171e]{background-color:var(--matrix-bg);border-radius:4px;box-shadow:inset 0 0 2px #000c;height:22px;position:relative;transition:transform .05s;width:22px}.led-inner[data-v-005e171e]{background:linear-gradient(135deg,#fff3,#fff0 50%);border-radius:2px;bottom:2px;left:2px;pointer-events:none;position:absolute;right:2px;top:2px}.matrix-cell[data-v-005e171e]:hover{box-shadow:0 0 8px #fff6;transform:scale(1.1);z-index:10}.toolbar[data-v-89096f09]{gap:20px;height:100%}.tool-section[data-v-89096f09],.toolbar[data-v-89096f09]{display:flex;flex-direction:column}.tool-section[data-v-89096f09]{gap:10px}label[data-v-89096f09]{color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.color-picker[data-v-89096f09]{height:44px;padding:4px}.intensity-control[data-v-89096f09]{display:flex;flex-direction:column;gap:4px}.intensity-control label[data-v-89096f09]{color:var(--text-secondary);font-size:.65rem}.intensity-control input[type=range][data-v-89096f09]{accent-color:var(--accent-color);width:100%}.button-group[data-v-89096f09]{display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr}.tool-btn[data-v-89096f09]{position:relative}.shortcut-hint[data-v-89096f09]{background-color:var(--accent-color);border-radius:3px;bottom:2px;color:#000;font-family:monospace;font-size:.55rem;font-weight:800;opacity:.8;padding:1px 3px;pointer-events:none;position:absolute;right:2px}.button-group-vertical[data-v-89096f09]{display:flex;flex-direction:column;gap:8px}.btn.active[data-v-89096f09]{background:var(--accent-color);border-color:var(--accent-color);box-shadow:0 0 12px #58a6ff66;color:#000}.btn.active svg[data-v-89096f09]{stroke:#000}.timeline-container[data-v-166708e4]{align-items:center;display:flex;gap:24px;height:100%}.playback-controls[data-v-166708e4]{border-right:1px solid var(--border-color);gap:16px;min-width:120px;padding-right:24px}.fps-control[data-v-166708e4],.playback-controls[data-v-166708e4]{display:flex;flex-direction:column}.fps-control[data-v-166708e4]{gap:4px}.fps-control label[data-v-166708e4]{color:var(--text-secondary);font-size:.75rem}.fps-control input[type=range][data-v-166708e4]{accent-color:var(--accent-color);width:100%}.frames-list[data-v-166708e4]{align-items:center;display:flex;flex:1;gap:12px;overflow-x:auto;padding:8px 0;scroll-behavior:smooth}.frames-list[data-v-166708e4]::-webkit-scrollbar{height:8px}.frames-list[data-v-166708e4]::-webkit-scrollbar-track{background:#0003;border-radius:4px}.frames-list[data-v-166708e4]::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.frame-thumbnail[data-v-166708e4]{align-items:center;background:#111;border:2px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;flex:0 0 80px;height:50px;justify-content:center;overflow:visible;position:relative;transition:all .2s}.frame-thumbnail[data-v-166708e4]:hover{border-color:var(--text-secondary)}.frame-thumbnail.active[data-v-166708e4]{border-color:var(--accent-color);box-shadow:0 0 0 2px #58a6ff4d}.frame-number[data-v-166708e4]{align-items:center;background:#000c;border:1px solid var(--border-color);border-radius:50%;color:#fff;display:flex;font-size:.6rem;height:16px;justify-content:center;left:-8px;position:absolute;top:-8px;width:16px;z-index:10}.thumbnail-grid[data-v-166708e4]{display:flex;flex-direction:column;height:100%;padding:2px;width:100%}.tb-row[data-v-166708e4]{display:flex;flex:1}.tb-cell[data-v-166708e4]{flex:1}.delete-btn[data-v-166708e4]{align-items:center;background:#f85149;border:none;border-radius:50%;color:#fff;cursor:pointer;display:none;height:16px;justify-content:center;position:absolute;right:-8px;top:-8px;width:16px;z-index:10}.frame-thumbnail:hover .delete-btn[data-v-166708e4]{display:flex}.add-frame-actions[data-v-166708e4]{display:flex;gap:8px;margin-left:12px}.add-frame-actions .btn[data-v-166708e4]{height:44px;padding:0;width:44px}.app-container[data-v-6cb5ded8]{display:flex;flex-direction:column;gap:16px;height:100vh;margin:0 auto;max-width:1600px;padding:16px}.header[data-v-6cb5ded8]{justify-content:space-between;padding:16px 24px}.actions[data-v-6cb5ded8],.header[data-v-6cb5ded8]{align-items:center;display:flex}.animation-name-input[data-v-6cb5ded8]{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:monospace;font-size:.9rem;margin-right:12px;padding:8px 12px;width:180px}.animation-name-input[data-v-6cb5ded8]:focus{border-color:var(--accent-color);outline:none}.logo[data-v-6cb5ded8]{align-items:center;display:flex;gap:12px}.logo-dot[data-v-6cb5ded8]{animation:pulse-6cb5ded8 2s ease-in-out infinite;background:var(--accent-color);border-radius:50%;box-shadow:0 0 12px #58a6ffcc,0 0 24px #bd56ff66;height:12px;width:12px}@keyframes pulse-6cb5ded8{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}to{opacity:.8;transform:scale(.95)}}.header h1[data-v-6cb5ded8]{background:linear-gradient(90deg,#c9d1d9,#8b949e);-webkit-background-clip:text;font-size:1.4rem;font-weight:600;letter-spacing:-.5px;-webkit-text-fill-color:transparent}.main-content[data-v-6cb5ded8]{flex-direction:column}.main-content[data-v-6cb5ded8],.workspace[data-v-6cb5ded8]{display:flex;flex:1;gap:16px;min-height:0}.toolbar-wrapper[data-v-6cb5ded8]{display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding:20px;width:260px}.timeline-wrapper h3[data-v-6cb5ded8],.toolbar-wrapper h3[data-v-6cb5ded8]{color:var(--text-secondary);font-size:.85rem;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.matrix-wrapper[data-v-6cb5ded8]{align-items:center;display:flex;flex:1;justify-content:center;overflow:auto;padding:24px;position:relative}.timeline-wrapper[data-v-6cb5ded8]{display:flex;flex-direction:column;height:180px;padding:16px 20px}
