fix: update design - colors, remove texts

web/src/lib/components/CatalogHeader.svelte

@@ -7,7 +7,6 @@
 
 <div class="catalog-head">
 	<div>
-		<div class="eyebrow">EASY-PNG-TOOLS / CATALOG</div>
 		<h1>Tool catalog</h1>
 		<p>
 			Focused utilities for working with PNG. Inspect, transform, and export —
@@ -28,12 +27,6 @@
 		gap: var(--space-xxl);
 		flex-wrap: wrap;
 	}
-	.eyebrow {
-		font: var(--font-size-s) var(--font-mono);
-		letter-spacing: var(--space-text-xl);
-		color: var(--color-text-muted);
-		margin-bottom: var(--space-m);
-	}
 	h1 {
 		margin: 0;
 		font-size: var(--font-size-2xl);

web/src/lib/components/SchemaToolView.svelte

@@ -160,11 +160,9 @@
 	<div class="schema-tool">
 		<header class="header">
 			<div class="title-block">
-				<span class="eyebrow">PNG PROCESSING <span>/</span> SINGLE TOOL</span>
 				<h1>{tool.title}</h1>
 				<p class="lede">{tool.description}</p>
 			</div>
-			<span class="status"><i></i> LIVE PREVIEW</span>
 		</header>
 
 		<div class="workspace">
@@ -221,14 +219,11 @@
 		line-height: 1.1;
 		color: var(--color-text);
 	}
-	.eyebrow,
-	.label,
-	.status {
+	.label {
 		font: var(--font-size-s) var(--font-mono);
 		letter-spacing: var(--space-text-l);
 		color: var(--color-text-muted);
 	}
-	.eyebrow span,
 	.label {
 		color: var(--color-main);
 	}
@@ -239,19 +234,6 @@
 		font-size: var(--font-size-s);
 		line-height: 1.5;
 	}
-	.status {
-		display: inline-flex;
-		align-items: center;
-		gap: var(--space-m);
-		align-self: flex-start;
-		white-space: nowrap;
-	}
-	.status i {
-		width: var(--size-border-thick);
-		height: var(--size-border-thick);
-		border-radius: 50%;
-		background: var(--color-success);
-	}
 	.workspace {
 		display: grid;
 		grid-template-columns: minmax(var(--size-workspace-min), 1fr) minmax(