- feat: Enhance LyricSearch and Memes components with new features and styling improvements

Bump major version -> 0.3

src/assets/styles/global.css

@@ -232,8 +232,35 @@ Custom
 }
 
 #lyric-search-input {
-  margin-right: 1.5%;
-  padding-bottom: 1rem;
+  margin: 0;
+  padding: 0;
+}
+
+.lyric-search-input-wrapper {
+  position: relative;
+  width: 100%;
+  max-width: 900px;
+}
+
+.lyric-search-input-wrapper .p-autocomplete {
+  width: 100%;
+}
+
+.lyric-search-input-wrapper .p-autocomplete-input {
+  padding-right: 2.5rem;
+}
+
+.input-status-icon {
+  position: absolute;
+  right: 0.85rem;
+  top: 0;
+  bottom: 0;
+  transform: none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  pointer-events: none;
+  transition: opacity 0.2s ease, color 0.2s ease;
 }
 
 #lyrics-info {
@@ -253,6 +280,54 @@ Custom
   transition: background 0.3s;
 }
 
+.lyrics-toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  gap: 0.75rem;
+  margin-bottom: 1rem;
+}
+
+.lyrics-title {
+  font-weight: 600;
+  flex: 1;
+  text-align: left;
+}
+
+.lyrics-actions {
+  display: flex;
+  align-items: center;
+  gap: 0.35rem;
+}
+
+.text-size-buttons {
+  display: flex;
+  border: 1px solid rgba(79, 70, 229, 0.25);
+  border-radius: 999px;
+  overflow: hidden;
+  background: rgba(79, 70, 229, 0.06);
+}
+
+.text-size-btn {
+  background: transparent;
+  border: none;
+  color: inherit;
+  padding: 0.15rem 0.5rem;
+  font-size: 0.85rem;
+  cursor: pointer;
+  transition: background 0.2s, color 0.2s;
+}
+
+.text-size-btn.text-size-large {
+  font-size: 0.95rem;
+}
+
+.text-size-btn.active {
+  background: rgba(79, 70, 229, 0.15);
+  font-weight: 600;
+}
+
 .lyrics-content {
   line-height: 2.0;
   font-family: 'Inter', sans-serif;
@@ -260,6 +335,22 @@ Custom
   white-space: pre-wrap;
 }
 
+.lyrics-content-large {
+  font-size: 1.08rem;
+  line-height: 1.85;
+}
+
+.lyrics-action-button {
+  color: inherit;
+  border: 1px solid transparent;
+  padding: 0.25rem;
+}
+
+.lyrics-action-button:hover {
+  border-color: rgba(79, 70, 229, 0.2);
+  background: rgba(79, 70, 229, 0.08);
+}
+
 .lyrics-card-dark {
   background-color: oklch(from rgba(18, 18, 18, 2.0) calc(l + 0.05) c h);
 }
@@ -298,6 +389,26 @@ Custom
   outline: none;
 }
 
+.lyric-search-input.has-error .p-autocomplete-input {
+  border-color: #f87171;
+}
+
+.lyric-search-input.has-ready .p-autocomplete-input {
+  border-color: #34d399;
+}
+
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
 .d-dark > * {
   background-color: rgba(35, 35, 35, 0.9);
   color: #ffffff;