refactor(tools): consolidate common CSS for HTML tools

Extract common styles from various tool HTML files (timeline, spectral, cnn_v2_test, etc.) into a shared stylesheet.

This reduces code duplication and improves maintainability of the tool frontends.

- Create a new 'tools/common/style.css' to house the shared rules.
- Update all tool HTML files to link to the new stylesheet.
- Remove redundant inline styles from individual HTML files.

1 files changed, 1 insertions, 41 deletions

diff --git a/tools/shader_editor/index.html b/tools/shader_editor/index.html
index bad0abb..d93a595 100644
--- a/tools/shader_editor/index.html
+++ b/tools/shader_editor/index.html
@@ -4,26 +4,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>WGSL Shader Editor</title>
+    <link rel="stylesheet" href="../common/style.css">
     <style>
-* {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-}
-
-body {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", monospace;
-    background: #1e1e1e;
-    color: #d4d4d4;
-    overflow: hidden;
-    height: 100vh;
-}
-
-.container {
-    display: flex;
-    height: 100vh;
-}
-
 .preview-pane {
     flex: 0 0 57%;
     background: #252526;
@@ -89,26 +71,13 @@ body {
 }
 
 .control-group button {
-    background: #0e639c;
-    color: #fff;
-    border: none;
     padding: 6px 12px;
-    border-radius: 3px;
-    cursor: pointer;
     font-size: 13px;
 }
 
-.control-group button:hover {
-    background: #1177bb;
-}
-
 .control-group input[type="number"],
 .control-group select {
-    background: #3c3c3c;
-    color: #d4d4d4;
-    border: 1px solid #3e3e42;
     padding: 4px 8px;
-    border-radius: 3px;
     font-size: 13px;
 }
 
@@ -153,19 +122,10 @@ body {
 }
 
 .editor-header button {
-    background: #0e639c;
-    color: #fff;
-    border: none;
     padding: 6px 12px;
-    border-radius: 3px;
-    cursor: pointer;
     font-size: 13px;
 }
 
-.editor-header button:hover {
-    background: #1177bb;
-}
-
 .editor-container {
     flex: 1;
     position: relative;