Merge pull request #4 from Cranmellar/feat/z-oscillation

style: declutter Lissajous preview and side panels

Author: Cranmellar

src/components/LissajousPreview.tsx

@@ -150,12 +150,12 @@ export function LissajousPreview({ params }: Props) {
 
     // Metrics caption
     ctx.save();
-    ctx.font = '700 8px GSCode, monospace';
-    ctx.fillStyle = 'rgba(15,15,20,0.32)';
+    ctx.font = '700 12px GSCode, monospace';
+    ctx.fillStyle = 'rgba(15,15,20,0.45)';
     ctx.textAlign = 'left';
     ctx.fillText(
       `N ${lissAmpN.toFixed(1)}mm  λ${lissWlN}mm   T ${lissAmpT.toFixed(1)}mm  λ${lissWlT}mm   δ${(lissDelta * 180 / Math.PI).toFixed(0)}°`,
-      8, H - 7,
+      10, H - 9,
     );
     ctx.restore();
   }, [params]);
@@ -182,10 +182,6 @@ export function LissajousPreview({ params }: Props) {
 
   return (
     <div style={{ display: 'flex', flexDirection: 'column', height: '100%' }}>
-      <div className="toolbar">
-        <span className="toolbar-title">Marco del extrusor</span>
-        <span className="toolbar-hint">T = tangente · N = normal · punto = dirección</span>
-      </div>
       <canvas ref={canvasRef} className="lissajous-canvas" style={{ flex: 1 }} />
     </div>
   );

src/index.css

@@ -119,7 +119,6 @@ html, body, #root { height: 100%; overflow: hidden; }
 .app-banner {
   flex-shrink: 0;
   padding: 14px 16px 10px;
-  border-bottom: 2px solid var(--ink);
 }
 .app-banner img {
   width: 100%;
@@ -273,10 +272,8 @@ html, body, #root { height: 100%; overflow: hidden; }
 /* ── Sections — Swiss chapter structure ──────────────────────────────────── */
 .section {
   padding: 0 0 6px;
-  border-top: 1.5px solid var(--ink);  /* chapter rule */
   margin-top: 0;
 }
-.section:first-child { border-top: none; }
 .section:last-child { padding-bottom: 10px; }
 
 .section-title {
@@ -363,7 +360,6 @@ html, body, #root { height: 100%; overflow: hidden; }
   text-transform: uppercase;
   letter-spacing: 0.22em;
   color: var(--ink);
-  border-bottom: 2px solid var(--ink);   /* strong Swiss rule */
 }
 
 /* ── Buttons — rectangular, border-based ─────────────────────────────────── */