diff --git a/cps.html b/cps.html
index b8c45cf..4ca9a52 100644
--- a/cps.html
+++ b/cps.html
@@ -44,7 +44,7 @@
transition: color 0.2s;
background: rgba(15,15,15,0.7);
padding: 0.4rem 0.8rem;
- border-radius: 6px;
+ border-radius: 3px;
border: 1px solid #333;
}
@@ -60,7 +60,7 @@
background: rgba(15,15,15,0.7);
color: #666;
border: 1px solid #333;
- border-radius: 6px;
+ border-radius: 3px;
font-family: 'Inter', sans-serif;
font-weight: 700;
font-size: 0.75rem;
@@ -163,6 +163,10 @@
.top-bar { padding: 0.5rem 0.75rem; }
}
+
+
+
diff --git a/draw.html b/draw.html
index a52a33a..c071692 100644
--- a/draw.html
+++ b/draw.html
@@ -42,7 +42,7 @@
.draw-canvas-wrap canvas {
max-width: 100%;
max-height: 100%;
- border-radius: 12px;
+ border-radius: 4px;
box-shadow: 0 0 60px rgba(74,74,138,0.15);
cursor: crosshair;
background: #fff;
@@ -74,7 +74,7 @@
transition: color 0.2s;
background: rgba(15,15,15,0.7);
padding: 0.4rem 0.8rem;
- border-radius: 6px;
+ border-radius: 3px;
border: 1px solid #333;
}
@@ -90,7 +90,7 @@
padding: 1.2rem;
background: rgba(20,20,35,0.85);
border: 1px solid #2a2a4a;
- border-radius: 12px;
+ border-radius: 4px;
max-height: 90vh;
overflow-y: auto;
flex-shrink: 0;
@@ -98,7 +98,7 @@
}
.draw-settings::-webkit-scrollbar { width: 4px; }
- .draw-settings::-webkit-scrollbar-thumb { background: #333; border-radius: 2px; }
+ .draw-settings::-webkit-scrollbar-thumb { background: #333; border-radius: 1px; }
.settings-title {
color: #aaa;
@@ -156,7 +156,7 @@
width: 100%;
height: 3px;
background: #2a2a4a;
- border-radius: 2px;
+ border-radius: 1px;
outline: none;
cursor: pointer;
}
@@ -198,7 +198,7 @@
background: transparent;
color: #666;
border: 1px solid #333;
- border-radius: 6px;
+ border-radius: 3px;
font-family: 'Inter', sans-serif;
font-weight: 600;
font-size: 0.55rem;
@@ -223,7 +223,7 @@
.recent-swatch {
width: 20px;
height: 20px;
- border-radius: 3px;
+ border-radius: 2px;
border: 2px solid transparent;
cursor: pointer;
transition: border-color 0.15s;
@@ -237,7 +237,7 @@
background: transparent;
color: #666;
border: 1px solid #333;
- border-radius: 6px;
+ border-radius: 3px;
font-family: 'Inter', sans-serif;
font-weight: 700;
font-size: 0.6rem;
@@ -272,6 +272,10 @@
.recent-swatch { width: 16px; height: 16px; }
}
+
+
+
+
diff --git a/fluid.html b/fluid.html
index 3469799..b8140da 100644
--- a/fluid.html
+++ b/fluid.html
@@ -43,7 +43,7 @@
max-width: 100%;
max-height: 100%;
aspect-ratio: 1;
- border-radius: 12px;
+ border-radius: 2px;
box-shadow: 0 0 60px rgba(74,74,138,0.15);
cursor: crosshair;
}
@@ -74,7 +74,7 @@
transition: color 0.2s;
background: rgba(15,15,15,0.7);
padding: 0.4rem 0.8rem;
- border-radius: 6px;
+ border-radius: 3px;
border: 1px solid #333;
}
@@ -104,14 +104,14 @@
padding: 1.2rem;
background: rgba(20,20,35,0.85);
border: 1px solid #2a2a4a;
- border-radius: 12px;
+ border-radius: 2px;
max-height: 90vh;
overflow-y: auto;
flex-shrink: 0;
}
.fluid-settings::-webkit-scrollbar { width: 4px; }
- .fluid-settings::-webkit-scrollbar-thumb { background: #333; border-radius: 2px; }
+ .fluid-settings::-webkit-scrollbar-thumb { background: #333; border-radius: 1px; }
.settings-title {
color: #aaa;
@@ -151,7 +151,7 @@
width: 100%;
height: 3px;
background: #2a2a4a;
- border-radius: 2px;
+ border-radius: 1px;
outline: none;
cursor: pointer;
}
@@ -197,7 +197,7 @@
.palette-swatch {
width: 28px;
height: 20px;
- border-radius: 4px;
+ border-radius: 2px;
border: 2px solid transparent;
cursor: pointer;
transition: all 0.2s;
@@ -220,7 +220,7 @@
background: transparent;
color: #666;
border: 1px solid #333;
- border-radius: 6px;
+ border-radius: 3px;
font-family: 'Inter', sans-serif;
font-weight: 700;
font-size: 0.6rem;
@@ -254,6 +254,10 @@
.settings-info { font-size: 0.5rem; }
}
+
+
+
+
diff --git a/fractal.html b/fractal.html
index 02d9a4e..383d27c 100644
--- a/fractal.html
+++ b/fractal.html
@@ -43,7 +43,7 @@
background: transparent;
color: #666;
border: 1px solid #333;
- border-radius: 6px;
+ border-radius: 3px;
font-family: 'Inter', sans-serif;
font-weight: 600;
font-size: 0.7rem;
@@ -76,7 +76,7 @@
max-width: 100%;
max-height: 75vh;
aspect-ratio: 1;
- border-radius: 12px;
+ border-radius: 4px;
box-shadow: 0 0 60px rgba(74,74,138,0.2);
image-rendering: pixelated;
}
@@ -123,7 +123,7 @@
transition: color 0.2s;
background: rgba(15,15,15,0.7);
padding: 0.4rem 0.8rem;
- border-radius: 6px;
+ border-radius: 3px;
border: 1px solid #333;
}
@@ -136,7 +136,7 @@
font-weight: 700;
background: rgba(15,15,15,0.7);
padding: 0.4rem 0.8rem;
- border-radius: 6px;
+ border-radius: 3px;
border: 1px solid #333;
}
@@ -152,6 +152,10 @@
.fractal-sidebar button { padding: 0.3rem 0.5rem; font-size: 0.5rem; }
}
+
+
+
+
diff --git a/index.html b/index.html
index da85ebb..49309a0 100644
--- a/index.html
+++ b/index.html
@@ -34,7 +34,7 @@
.video-wrapper video {
width: 100%;
height: auto;
- border-radius: 12px;
+ border-radius: 4px;
box-shadow: 0 4px 40px rgba(0,0,0,0.6);
}
@@ -54,7 +54,7 @@
background: #1a1a2e;
color: #e0e0e0;
border: 1px solid #333;
- border-radius: 8px;
+ border-radius: 4px;
font-family: 'Inter', sans-serif;
font-weight: 800;
font-size: 0.85rem;
@@ -84,6 +84,10 @@
.action-btn { padding: 0.5rem 0.6rem; font-size: 0.6rem; }
}
+
+
+
+
diff --git a/info.html b/info.html
index 70e8e4b..b62a248 100644
--- a/info.html
+++ b/info.html
@@ -42,7 +42,7 @@
transition: color 0.2s;
background: rgba(15,15,15,0.7);
padding: 0.4rem 0.8rem;
- border-radius: 6px;
+ border-radius: 3px;
border: 1px solid #333;
}
@@ -107,7 +107,7 @@
background: #1a1a2e;
color: #e0e0e0;
border: 1px solid #333;
- border-radius: 6px;
+ border-radius: 3px;
font-family: 'Inter', sans-serif;
font-weight: 700;
font-size: 0.7rem;
@@ -142,6 +142,10 @@
.row .val { font-size: 0.65rem; }
}
+
+
+
+
diff --git a/reaction.html b/reaction.html
index d58a938..02c4072 100644
--- a/reaction.html
+++ b/reaction.html
@@ -44,7 +44,7 @@
transition: color 0.2s;
background: rgba(15,15,15,0.7);
padding: 0.4rem 0.8rem;
- border-radius: 6px;
+ border-radius: 3px;
border: 1px solid #333;
}
@@ -58,7 +58,7 @@
align-items: center;
justify-content: center;
cursor: pointer;
- transition: background 0.15s;
+
}
#reactionArea.waiting {
@@ -132,7 +132,7 @@
background: #1a1a2e;
color: #e0e0e0;
border: 1px solid #333;
- border-radius: 8px;
+ border-radius: 4px;
font-family: 'Inter', sans-serif;
font-weight: 800;
font-size: 0.85rem;
@@ -164,6 +164,10 @@
.result-box .value { font-size: 1.1rem; }
}
+
+
+
+
diff --git a/wave.html b/wave.html
index bcbbf6d..5a0c332 100644
--- a/wave.html
+++ b/wave.html
@@ -43,7 +43,7 @@
max-width: 100%;
max-height: 100%;
aspect-ratio: 1;
- border-radius: 12px;
+ border-radius: 2px;
box-shadow: 0 0 60px rgba(74,74,138,0.15);
cursor: crosshair;
}
@@ -72,7 +72,7 @@
transition: color 0.2s;
background: rgba(15,15,15,0.7);
padding: 0.4rem 0.8rem;
- border-radius: 6px;
+ border-radius: 3px;
border: 1px solid #333;
}
@@ -86,14 +86,14 @@
padding: 1.2rem;
background: rgba(20,20,35,0.85);
border: 1px solid #2a2a4a;
- border-radius: 12px;
+ border-radius: 2px;
max-height: 90vh;
overflow-y: auto;
flex-shrink: 0;
}
.settings::-webkit-scrollbar { width: 4px; }
- .settings::-webkit-scrollbar-thumb { background: #333; border-radius: 2px; }
+ .settings::-webkit-scrollbar-thumb { background: #333; border-radius: 1px; }
.settings-title {
color: #aaa;
@@ -129,7 +129,7 @@
width: 100%;
height: 3px;
background: #2a2a4a;
- border-radius: 2px;
+ border-radius: 1px;
outline: none;
cursor: pointer;
}
@@ -170,7 +170,7 @@
.palette-swatch {
width: 28px; height: 20px;
- border-radius: 4px;
+ border-radius: 2px;
border: 2px solid transparent;
cursor: pointer;
transition: all 0.2s;
@@ -184,7 +184,7 @@
background: transparent;
color: #666;
border: 1px solid #333;
- border-radius: 6px;
+ border-radius: 3px;
font-family: 'Inter', sans-serif;
font-weight: 700;
font-size: 0.6rem;
@@ -216,6 +216,10 @@
.s-group input[type="range"]::-moz-range-thumb { width: 16px; height: 16px; }
}
+
+
+
+