.lyrics-layout {
  display: grid;
  grid-template-columns: minmax(0,1.3fr) minmax(0,1fr);
  gap: var(--space-6);
  margin-bottom: var(--space-8);
}
.lyrics-editor {
  background: var(--bg-2);
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  padding: var(--space-6);
  display: flex; flex-direction: column; gap: var(--space-4);
  min-height: 420px;
}
.lyrics-result {
  flex: 1;
  background: var(--bg-1);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  padding: var(--space-5);
  font-size: 15px;
  line-height: 1.7;
  color: var(--text);
  white-space: pre-wrap;
  font-family: Georgia, serif;
  overflow-y: auto;
}
.lyrics-result:empty::before {
  content: "Здесь появится текст песни. Опиши идею справа и нажми «Создать текст».";
  color: var(--text-muted);
  font-style: italic;
  font-family: var(--font);
}
.lyrics-form {
  background: var(--bg-2);
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  padding: var(--space-6);
  display: flex; flex-direction: column; gap: var(--space-5);
}
.lyrics-actions { display: flex; gap: var(--space-3); flex-wrap: wrap; }
@media (max-width: 900px) {
  .lyrics-layout { grid-template-columns: 1fr; }
}

/* ====== МНОГО СТИЛЕЙ ====== */
.style-grid {
  display: grid;
  gap: var(--space-2);
  margin-bottom: var(--space-4);
}

.style-chip {
  padding: 8px 12px;
  border-radius: var(--radius-md);
  border: 1px solid var(--border);
  background: var(--surface);
  color: var(--text);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  text-align: center;
}

.style-chip:hover {
  border-color: var(--primary);
  background: var(--surface-hover);
}

.style-chip.active {
  background: var(--primary);
  border-color: var(--primary);
  color: white;
}

/* ====== ФОНОВОЕ ИЗОБРАЖЕНИЕ В РЕЗУЛЬТАТЕ ====== */
.lyrics-result {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.5s ease;
}

.lyrics-result::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(0px);
  transition: all 0.5s ease;
  pointer-events: none;
  opacity: 0;
}

.lyrics-result[data-has-text="true"]::before {
  opacity: 1;
  backdrop-filter: blur(8px);
}

.lyrics-result > * {
  position: relative;
  z-index: 1;
}

/* Плейсхолдер когда нет текста */
.lyrics-result:empty::after {
  content: 'Здесь появится сгенерированный текст песни...';
  display: block;
  text-align: center;
  padding: 40px;
  color: var(--text-muted);
  font-style: italic;
}

/* ====== ДИНАМИЧЕСКИЕ ФОНЫ ====== */
.lyrics-result {
  transition: background 1s ease, backdrop-filter 0.5s ease;
}

.lyrics-result[data-has-text="true"] {
  background-blend-mode: overlay;
}

.lyrics-result[data-has-text="true"]::before {
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(10px);
  opacity: 1;
}

/* ====== СТИЛИ-ЧИПЫ В ФИРМЕННОМ ДИЗАЙНЕ (золото) ====== */
.lyrics-form .style-chip {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #cfc8bb !important;
  border-radius: 10px !important;
  font-weight: 500 !important;
  transition: all 0.2s ease !important;
}

.lyrics-form .style-chip:hover {
  border-color: rgba(232, 196, 118, 0.55) !important;
  color: #f0d9a8 !important;
  background: rgba(232, 196, 118, 0.08) !important;
}

.lyrics-form .style-chip.active {
  background: linear-gradient(135deg, #f2d18b 0%, #d9ab52 100%) !important;
  border-color: transparent !important;
  color: #1a1408 !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 16px rgba(217, 171, 82, 0.35) !important;
  text-shadow: none !important;
}

/* ====== FIX ВИДИМОСТИ: текст ПОВЕРХ вуали, вуаль blur'ит только фон ====== */
.lyrics-text {
  position: relative;
  z-index: 2;
  white-space: pre-wrap;
}
.lyrics-result::before {
  z-index: 1 !important;
}

/* ====== СТРУКТУРА ПЕСНИ ====== */
.struct-block { margin-top: var(--space-4); }
.struct-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin: 8px 0 6px;
}
.struct-chip {
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.03);
  color: #cfc8bb;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
.struct-chip:hover {
  border-color: rgba(232,196,118,0.55);
  color: #f0d9a8;
}
.struct-chip.active {
  background: linear-gradient(135deg, #f2d18b 0%, #d9ab52 100%);
  border-color: transparent;
  color: #1a1408;
  font-weight: 700;
  box-shadow: 0 3px 12px rgba(217,171,82,0.3);
}
.struct-caption {
  font-size: 12px;
  color: #9a917f;
  font-style: italic;
  min-height: 18px;
  margin-top: 4px;
}

/* ====== МОДАЛЬНОЕ ОКНО В ДИЗАЙНЕ SONARO ====== */
.sz-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(5, 3, 0, 0.65);
  backdrop-filter: blur(6px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
  opacity: 0;
  transition: opacity 0.22s ease;
}
.sz-modal-overlay.show { opacity: 1; }
.sz-modal {
  width: min(420px, calc(100vw - 32px));
  background: linear-gradient(160deg, #1c1509 0%, #14100a 100%);
  border: 1px solid rgba(232, 196, 118, 0.35);
  border-radius: 18px;
  padding: 28px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.7), 0 0 40px rgba(217, 171, 82, 0.08);
  transform: scale(0.9) translateY(10px);
  transition: transform 0.22s cubic-bezier(0.34, 1.4, 0.64, 1);
  text-align: center;
}
.sz-modal-overlay.show .sz-modal { transform: scale(1) translateY(0); }
.sz-modal__icon {
  font-size: 28px;
  color: #e8c476;
  margin-bottom: 10px;
  text-shadow: 0 0 20px rgba(232, 196, 118, 0.6);
}
.sz-modal__title {
  color: #f0d9a8;
  font-weight: 700;
  font-size: 17px;
  margin-bottom: 8px;
  letter-spacing: 0.02em;
}
.sz-modal__text {
  color: #cfc8bb;
  font-size: 14px;
  line-height: 1.55;
  margin-bottom: 22px;
}
.sz-modal__actions {
  display: flex;
  gap: 10px;
  justify-content: center;
}

/* ====== БИБЛИОТЕКА ТЕКСТОВ ====== */
.lyrics-library {
  margin-top: var(--space-8);
  padding-top: var(--space-6);
  border-top: 1px solid var(--border);
}
.lyrics-library__title {
  font-size: 20px;
  font-weight: 700;
  color: var(--text);
  margin-bottom: var(--space-4);
  display: flex;
  align-items: center;
  gap: 8px;
}
.lyrics-library__title::before {
  content: '';
  display: inline-block;
  width: 17px;
  height: 19px;
  flex: 0 0 17px;
  background: currentColor;
  color: var(--primary);
  opacity: 0.95;
  clip-path: polygon(15% 0, 65% 0, 100% 30%, 100% 100%, 15% 100%);
  border-radius: 2px;
  box-shadow: inset 0 0 0 1px currentColor;
}
.lyrics-library__empty {
  text-align: center;
  padding: var(--space-8);
  color: var(--text-muted);
  border: 1px dashed var(--border);
  border-radius: var(--radius-lg);
}
.lyrics-library__empty p {
  margin: 12px 0 0;
}

/* Элемент списка */
.lyrics-item {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  margin-bottom: 10px;
  overflow: hidden;
  transition: all 0.2s ease;
}
.lyrics-item:hover {
  border-color: rgba(232, 196, 118, 0.3);
}
.lyrics-item__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px;
  cursor: pointer;
  user-select: none;
}
.lyrics-item__title {
  font-weight: 600;
  color: var(--text);
  font-size: 15px;
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
}
.lyrics-item__arrow {
  color: var(--text-muted);
  transition: transform 0.3s ease;
  font-size: 12px;
}
.lyrics-item.expanded .lyrics-item__arrow {
  transform: rotate(90deg);
}
.lyrics-item__actions {
  display: flex;
  gap: 6px;
}
.lyrics-item__btn {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid var(--border);
  background: transparent;
  color: var(--text-muted);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  font-size: 14px;
}
.lyrics-item__btn:hover {
  border-color: var(--primary);
  color: var(--primary);
  background: rgba(232, 196, 118, 0.08);
}
.lyrics-item__btn--delete:hover {
  border-color: #e74c3c;
  color: #e74c3c;
  background: rgba(231, 76, 60, 0.08);
}

.lyrics-item__body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border-top: 0 solid var(--border);
}
.lyrics-item.expanded .lyrics-item__body {
  max-height: 600px;
  border-top-width: 1px;
}
.lyrics-item__content {
  padding: 18px;
  color: var(--text);
  white-space: pre-wrap;
  line-height: 1.6;
  font-size: 14px;
  max-height: 400px;
  overflow-y: auto;
}
.lyrics-item__meta {
  padding: 10px 18px;
  background: rgba(0,0,0,0.02);
  font-size: 12px;
  color: var(--text-muted);
  display: flex;
  gap: 16px;
  border-top: 1px solid var(--border);
}

/* Модальное окно переименования */
.sz-input-field {
  width: 100%;
  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid rgba(232,196,118,0.3);
  background: rgba(0,0,0,0.3);
  color: var(--text);
  font-size: 14px;
  margin: 14px 0;
  outline: none;
  transition: border-color 0.2s;
}
.sz-input-field:focus {
  border-color: var(--primary);
}

/* ====== SVG-ИКОНКИ В СПИСКЕ ТЕКСТОВ ====== */
.lyrics-item__btn svg {
  width: 15px;
  height: 15px;
  fill: currentColor;
}
.lyrics-item__arrow {
  width: 14px;
  height: 14px;
  fill: currentColor;
  flex-shrink: 0;
}
.lyrics-item__doc {
  width: 16px;
  height: 16px;
  fill: #e8c476;
  opacity: 0.85;
  flex-shrink: 0;
}
.lyrics-item__title {
  gap: 10px;
}
.sz-modal__icon svg {
  width: 26px;
  height: 26px;
  fill: #e8c476;
  filter: drop-shadow(0 0 12px rgba(232, 196, 118, 0.6));
}

/* ====== МУЛЬТИ-ВЫБОР СТИЛЕЙ (до 3) ====== */
.style-counter {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  color: #e8c476;
  background: rgba(232, 196, 118, 0.15);
  padding: 2px 8px;
  border-radius: 10px;
  margin-left: 8px;
  font-style: normal;
}
.style-counter.maxed {
  color: #ff6b6b;
  background: rgba(255, 107, 107, 0.15);
}
.style-hint {
  font-size: 11px;
  color: var(--text-muted);
  margin-top: 6px;
  font-style: italic;
  opacity: 0.7;
}
.style-hint.warn {
  color: #ff6b6b;
  opacity: 1;
}

/* ====== ПУСТОЕ СОСТОЯНИЕ: премиум-иконка как на обложках ====== */
.lyrics-empty {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  text-align: center;
  padding: 24px;
  z-index: 2;
}
.lyrics-empty__badge {
  width: 92px;
  height: 92px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: radial-gradient(circle at 32% 26%, rgba(232,196,118,0.20), rgba(232,196,118,0.05) 58%, transparent 72%);
  border: 1px solid rgba(232,196,118,0.45);
  animation: badgePulse 3.2s ease-in-out infinite;
}
.lyrics-empty__badge::after {
  content: '';
  position: absolute;
  inset: -7px;
  border-radius: 50%;
  border: 1px dashed rgba(232,196,118,0.28);
  animation: badgeSpin 26s linear infinite;
}
.lyrics-empty__icon {
  width: 38px;
  height: 38px;
  fill: #e8c476;
  filter: drop-shadow(0 0 14px rgba(232,196,118,0.6));
}
.lyrics-empty__title {
  color: #f0d9a8;
  font-weight: 700;
  font-size: 17px;
  letter-spacing: 0.02em;
}
.lyrics-empty__sub {
  color: #9a917f;
  font-size: 13px;
  max-width: 330px;
  line-height: 1.55;
}
@keyframes badgePulse {
  0%, 100% { box-shadow: 0 0 28px rgba(232,196,118,0.12), inset 0 0 20px rgba(232,196,118,0.06); }
  50%      { box-shadow: 0 0 55px rgba(232,196,118,0.28), inset 0 0 32px rgba(232,196,118,0.13); }
}
@keyframes badgeSpin { to { transform: rotate(360deg); } }

/* ====== ГЕНЕРАЦИЯ: карандаш пишет строки ====== */
.lyrics-loading {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 18px;
  z-index: 2;
}
.lyrics-loading__scene {
  position: relative;
  width: 230px;
  height: 104px;
}
.lyrics-loading__lines { width: 100%; height: 100%; }
.ll {
  stroke: rgba(232,196,118,0.4);
  stroke-width: 3;
  stroke-linecap: round;
  stroke-dasharray: 200;
  stroke-dashoffset: 200;
}
.l1 { animation: dl1 4s linear infinite; }
.l2 { animation: dl2 4s linear infinite; }
.l3 { animation: dl3 4s linear infinite; }
.l4 { animation: dl4 4s linear infinite; }
@keyframes dl1 { 0%{stroke-dashoffset:200} 23%{stroke-dashoffset:0} 92%{stroke-dashoffset:0;opacity:1} 100%{stroke-dashoffset:0;opacity:0} }
@keyframes dl2 { 0%,25%{stroke-dashoffset:200} 48%{stroke-dashoffset:0} 92%{stroke-dashoffset:0;opacity:1} 100%{stroke-dashoffset:0;opacity:0} }
@keyframes dl3 { 0%,50%{stroke-dashoffset:200} 73%{stroke-dashoffset:0} 92%{stroke-dashoffset:0;opacity:1} 100%{stroke-dashoffset:0;opacity:0} }
@keyframes dl4 { 0%,75%{stroke-dashoffset:200} 94%{stroke-dashoffset:0} 96%{opacity:1} 100%{stroke-dashoffset:0;opacity:0} }
.lyrics-loading__pencil {
  position: absolute;
  width: 26px;
  height: 26px;
  fill: #e8c476;
  filter: drop-shadow(0 0 10px rgba(232,196,118,0.75));
  animation: pencilWrite 4s linear infinite;
}
@keyframes pencilWrite {
  0%    { left: 9%;  top: calc(22% - 24px); opacity: 1; }
  23%   { left: 79%; top: calc(22% - 24px); }
  25%   { left: 9%;  top: calc(44% - 24px); }
  48%   { left: 65%; top: calc(44% - 24px); }
  50%   { left: 9%;  top: calc(66% - 24px); }
  73%   { left: 74%; top: calc(66% - 24px); }
  75%   { left: 9%;  top: calc(88% - 24px); }
  94%   { left: 53%; top: calc(88% - 24px); }
  100%  { left: 53%; top: calc(88% - 24px); opacity: 0; }
}
.lyrics-loading__text {
  color: #f0d9a8;
  font-weight: 600;
  font-size: 15px;
}
.lyrics-loading__dots { display: flex; gap: 6px; margin-top: -10px; }
.lyrics-loading__dots span {
  width: 6px; height: 6px; border-radius: 50%;
  background: #e8c476;
  animation: dotJump 1.2s ease-in-out infinite;
}
.lyrics-loading__dots span:nth-child(2) { animation-delay: 0.15s; }
.lyrics-loading__dots span:nth-child(3) { animation-delay: 0.3s; }
@keyframes dotJump {
  0%, 100% { transform: translateY(0); opacity: 0.4; }
  50%      { transform: translateY(-6px); opacity: 1; }
}

/* старый плейсхолдер больше не показывается */
.lyrics-result:empty::after { content: none !important; }



/* SONARO_LYRICS_MOBILE_FIX_V1 */
.lyrics-layout,
.lyrics-editor,
.lyrics-form,
.lyrics-library,
.lyrics-result {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}
.lyrics-editor,
.lyrics-form {
  overflow-wrap: anywhere;
}
.lyrics-result {
  overflow-wrap: anywhere;
}
.lyrics-actions {
  align-items: stretch;
  min-width: 0;
}
.lyrics-actions .btn {
  min-width: 0;
}
.lyrics-actions .btn:disabled {
  opacity: .38;
  cursor: not-allowed;
  filter: saturate(.45);
  box-shadow: none;
  transform: none;
}
@media (max-width: 640px) {
  .lyrics-layout {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px;
    margin-bottom: 24px;
  }
  .lyrics-editor,
  .lyrics-form {
    width: 100%;
    padding: 16px;
    gap: 14px;
    border-radius: 18px;
  }
  .lyrics-editor {
    min-height: 0;
  }
  .lyrics-result {
    min-height: 220px;
    max-height: 48vh;
    padding: 14px;
    font-size: 14px;
    line-height: 1.65;
  }
  .lyrics-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  .lyrics-actions .btn {
    width: 100%;
    min-height: 42px;
    padding: 10px 8px;
    font-size: 12px;
    white-space: normal;
    line-height: 1.3;
    justify-content: center;
  }
  .lyrics-actions #lyricsUseStudio {
    grid-column: 1 / -1;
  }
  .lyrics-form textarea,
  .lyrics-form input,
  .lyrics-form select {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }
  .style-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  .style-chip,
  .struct-chip {
    min-width: 0;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
    padding: 10px 8px;
    font-size: 12px;
    line-height: 1.35;
  }
  .generate-footer {
    min-width: 0;
    gap: 12px;
  }
  .btn-generate {
    width: 100%;
    min-height: 48px;
    white-space: normal;
  }
  .lyrics-library {
    margin-top: 20px;
  }
}



/* SONARO_LYRICS_CIRCLE_FIX_V1 */
.lyrics-empty__badge {
  width: 92px !important;
  height: 92px !important;
  min-width: 92px !important;
  min-height: 92px !important;
  flex: 0 0 92px !important;
  aspect-ratio: 1 / 1;
  box-sizing: border-box;
  border-radius: 50% !important;
}
.lyrics-empty__badge::after {
  width: auto;
  height: auto;
  aspect-ratio: 1 / 1;
  border-radius: 50% !important;
  box-sizing: border-box;
}

/* SONARO_LYRICS_MOBILE_UI_V1 */
/* Чёрный фон только страницы текстов; сами карточки не меняем */
body:has(.lyrics-layout) {
  background: #000 !important;
}
body:has(.lyrics-layout) main,
body:has(.lyrics-layout) .page-content {
  background-color: #000;
}
.lyrics-mobile-toggle {
  display: none;
}
.generate-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  gap: 12px;
}
.generate-footer__cost {
  flex: 0 0 auto;
  gap: 0 !important;
}
.generate-footer__cost-label,
.generate-footer__cost-icon {
  display: none !important;
}
.generate-footer .btn-generate {
  width: auto;
  min-height: 40px;
  padding: 10px 18px;
  flex: 0 0 auto;
}
@media (max-width: 640px) {
  .lyrics-form .field:has(#lyricsStylesToggle) > .lyrics-mobile-toggle {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--text);
    font: inherit;
    font-weight: 600;
    text-align: left;
  }
  .lyrics-form .field:has(#lyricsStylesToggle) .style-grid {
    display: none;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin-top: 12px;
  }
  .lyrics-form .field:has(#lyricsStylesToggle).lyrics-styles-open .style-grid {
    display: grid;
  }
  .lyrics-mobile-toggle__arrow {
    transition: transform .2s ease;
  }
  .lyrics-styles-open .lyrics-mobile-toggle__arrow {
    transform: rotate(180deg);
  }
  .generate-footer {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    text-align: left !important;
    gap: 10px !important;
  }
  .generate-footer .btn-generate {
    width: auto !important;
    min-height: 40px;
    padding: 10px 14px;
    font-size: 13px;
  }
}


/* SONARO_LYRICS_STYLE_GOLD_V1 */
.lyrics-mobile-toggle {
  border: 1px solid rgba(212,184,122,.55) !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  background: linear-gradient(135deg, rgba(212,184,122,.13), rgba(0,255,140,.04)) !important;
  color: #f0d9a8 !important;
}
.lyrics-style-hint {
  margin-left: auto;
  color: #a8bdb5;
  font-size: 11px;
  font-weight: 400;
}
.lyrics-mobile-toggle__arrow {
  margin-left: 8px;
  color: #d4b87a;
}
.generate-footer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: 12px;
}
.generate-footer .btn-generate {
  order: 1;
}
.generate-footer .generate-footer__cost {
  order: 2;
  margin-left: 0;
  color: #d4b87a !important;
}
.generate-footer .generate-footer__cost-amount {
  color: #d4b87a !important;
  font-weight: 700;
  white-space: nowrap;
}
@media (max-width: 640px) {
  .lyrics-form .field:has(#lyricsStylesToggle) > .lyrics-mobile-toggle {
    display: flex;
    width: 100%;
    box-sizing: border-box;
  }
  .lyrics-style-hint {
    font-size: 10px;
    white-space: nowrap;
  }
  .generate-footer {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
  }
  .generate-footer .btn-generate {
    order: 1;
    width: auto !important;
    flex: 0 1 auto;
  }
  .generate-footer .generate-footer__cost {
    order: 2;
    margin-left: 0 !important;
    flex: 0 0 auto;
  }
}



/* SONARO_LYRICS_PRICE_SEPARATE_BOX_V1 */
.generate-footer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: 14px;
}
.generate-footer .btn-generate {
  order: 1;
  flex: 0 1 auto;
}
.generate-footer .generate-footer__cost {
  order: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0 !important;
  padding: 10px 14px;
  min-height: 40px;
  box-sizing: border-box;
  border: 1px solid rgba(212,184,122,.55);
  border-radius: 10px;
  background: rgba(212,184,122,.09);
  flex: 0 0 auto;
}
.generate-footer .generate-footer__cost-amount {
  color: #d4b87a !important;
  font-weight: 700;
  white-space: nowrap;
}
@media (max-width: 640px) {
  .generate-footer {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
  }
  .generate-footer .btn-generate {
    order: 1;
    width: auto !important;
    flex: 0 1 auto;
  }
  .generate-footer .generate-footer__cost {
    order: 2;
    margin-left: 0 !important;
    padding: 9px 11px;
    flex: 0 0 auto;
  }
}


/* SONARO_LYRICS_MOBILE_TITLE_ROW_V1 */
@media (max-width: 640px) {
  .lyrics-hero .lyrics-title {
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
    gap: 5px;
    white-space: nowrap;
    font-size: clamp(23px, 6.5vw, 34px);
    line-height: 1.15;
  }
  .lyrics-hero .lyrics-title br {
    display: none;
  }
  .lyrics-hero .lyrics-title span {
    display: inline;
  }
  .generate-footer {
    gap: 22px !important;
  }
}


/* SONARO_LYRICS_MOBILE_SIZE_UP_V1 */
@media (max-width: 640px) {
  .lyrics-hero .lyrics-title {
    font-size: clamp(25px, 7.1vw, 37px) !important;
    line-height: 1.2 !important;
    gap: 6px !important;
  }
  .generate-footer {
    gap: 16px !important;
  }
  .generate-footer .btn-generate {
    min-height: 48px !important;
    padding: 13px 18px !important;
    font-size: 15px !important;
    border-radius: 12px !important;
  }
  .generate-footer .generate-footer__cost {
    min-height: 48px !important;
    padding: 11px 15px !important;
    border-radius: 12px !important;
  }
  .generate-footer .generate-footer__cost-amount {
    font-size: 14px !important;
  }
}


/* SONARO_LYRICS_SECTIONS_GOLD_GREY_V1 */
.lyrics-description {
  color: #9a9a9a !important;
}
.lyrics-form .field:has(#lyricsStylesToggle) > #lyricsStylesToggle,
.lyrics-mobile-toggle {
  background: linear-gradient(135deg, rgba(212,184,122,.10), rgba(0,0,0,.96)) !important;
  border: 1px solid rgba(212,184,122,.58) !important;
  color: #e5d2a5 !important;
  box-shadow: inset 0 0 0 1px rgba(212,184,122,.04);
}
.lyrics-mobile-toggle__arrow {
  color: #d4b87a !important;
}
.lyrics-form .field:has(.struct-chip) {
  padding: 16px;
  border: 1px solid rgba(212,184,122,.24);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(212,184,122,.055), rgba(12,12,12,.98));
}
.lyrics-form .field:has(.struct-chip) > .field__label {
  display: block;
  margin-bottom: 12px;
  color: #e4d2a7;
  font-size: 15px;
  font-weight: 650;
}
.lyrics-form .generate-footer {
  margin-top: 18px !important;
  padding: 16px;
  border: 1px solid rgba(212,184,122,.3);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(212,184,122,.075), rgba(8,8,8,.98));
  box-sizing: border-box;
}
@media (max-width: 640px) {
  .lyrics-hero .lyrics-title {
    font-size: clamp(27px, 7.5vw, 40px) !important;
  }
  .lyrics-description {
    color: #9a9a9a !important;
  }
  .lyrics-form .field:has(.struct-chip) {
    padding: 13px;
    border-radius: 14px;
  }
  .lyrics-form .generate-footer {
    padding: 13px;
    gap: 14px !important;
    border-radius: 14px;
  }
  .lyrics-form .generate-footer .btn-generate {
    min-height: 50px !important;
    padding: 13px 18px !important;
  }
  .lyrics-form .generate-footer .generate-footer__cost {
    min-height: 50px !important;
    padding: 11px 14px !important;
  }
}


/* SONARO_LYRICS_STRUCTURE_CARD_AND_PRICE_GAP_V1 */
.lyrics-form .struct-block {
  display: block;
  margin-top: 18px;
  padding: 18px;
  border: 1px solid rgba(212,184,122,.38);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(212,184,122,.08), rgba(8,8,8,.98));
  box-sizing: border-box;
}
.lyrics-form .struct-block > .field__label {
  display: block;
  margin-bottom: 13px;
  color: #e4d2a7;
  font-size: 16px;
  font-weight: 650;
}
.lyrics-form .generate-footer {
  gap: 28px !important;
}
.lyrics-form .generate-footer .generate-footer__cost {
  margin-left: 8px !important;
}
@media (max-width: 640px) {
  .lyrics-form .struct-block {
    margin-top: 16px;
    padding: 14px;
    border-radius: 14px;
  }
  .lyrics-form .generate-footer {
    gap: 22px !important;
    padding: 14px !important;
  }
  .lyrics-form .generate-footer .generate-footer__cost {
    margin-left: 6px !important;
    padding: 11px 15px !important;
  }
}


/* SONARO_LYRICS_BLACK_BLOCKS_V1 */
.lyrics-form .field:has(#lyricsStylesToggle) > #lyricsStylesToggle,
.lyrics-form .lyrics-mobile-toggle,
.lyrics-form .struct-block,
.lyrics-form .field:has(.struct-chip),
.lyrics-form .generate-footer {
  background: #000 !important;
  background-image: none !important;
  box-shadow: none !important;
}

.lyrics-form .field:has(#lyricsStylesToggle) > #lyricsStylesToggle,
.lyrics-form .lyrics-mobile-toggle {
  border: 1px solid rgba(212,184,122,.5) !important;
}

.lyrics-form .struct-block,
.lyrics-form .field:has(.struct-chip),
.lyrics-form .generate-footer {
  border: 1px solid rgba(212,184,122,.28) !important;
}

.lyrics-form .struct-block > .field__label,
.lyrics-form .field:has(.struct-chip) > .field__label {
  font-size: 13px !important;
  font-weight: 500 !important;
  margin-bottom: 10px !important;
}

.lyrics-form .struct-block {
  padding: 14px !important;
  border-radius: 14px !important;
}

.lyrics-form .generate-footer {
  gap: 28px !important;
}

.lyrics-form .generate-footer .generate-footer__cost {
  margin-left: 14px !important;
  background: #000 !important;
  background-image: none !important;
  box-shadow: none !important;
}

.lyrics-form .generate-footer .btn-generate {
  background: #000 !important;
  background-image: none !important;
  box-shadow: none !important;
}

@media (max-width: 640px) {
  .lyrics-form .struct-block {
    padding: 12px !important;
  }

  .lyrics-form .generate-footer {
    gap: 18px !important;
    padding: 12px !important;
  }

  .lyrics-form .generate-footer .generate-footer__cost {
    margin-left: 8px !important;
  }
}


/* SONARO_LYRICS_STUDIO_SURFACES_V1 */
.lyrics-form .field:has(#lyricsStylesToggle) > #lyricsStylesToggle,
.lyrics-form .lyrics-mobile-toggle,
.lyrics-form .struct-block,
.lyrics-form .field:has(.struct-chip),
.lyrics-form .generate-footer,
.lyrics-form .generate-footer__cost,
.lyrics-form .generate-footer .btn-generate {
  background: #0d0f12 !important;
  background-image: none !important;
  box-shadow: none !important;
}

.lyrics-form .field:has(#lyricsStylesToggle) > #lyricsStylesToggle,
.lyrics-form .lyrics-mobile-toggle,
.lyrics-form .struct-block,
.lyrics-form .field:has(.struct-chip),
.lyrics-form .generate-footer,
.lyrics-form .generate-footer__cost {
  border: 1px solid rgba(255,255,255,.075) !important;
}

.lyrics-form .struct-block,
.lyrics-form .field:has(.struct-chip),
.lyrics-form .generate-footer,
.lyrics-form .generate-footer__cost {
  border-radius: 14px !important;
}

.lyrics-form .struct-block > .field__label,
.lyrics-form .field:has(.struct-chip) > .field__label {
  color: #e5e7eb !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

.lyrics-form .lyrics-mobile-toggle {
  color: #e5e7eb !important;
}

.lyrics-form .lyrics-mobile-toggle__arrow {
  color: #e5e7eb !important;
}

.lyrics-form .generate-footer {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

.lyrics-form .generate-footer .btn-generate {
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 12px !important;
  color: #fff !important;
}

.lyrics-form .generate-footer .generate-footer__cost {
  margin-left: auto !important;
  padding: 11px 15px !important;
  color: #e5e7eb !important;
}

.lyrics-form .generate-footer__cost-amount {
  color: #e5e7eb !important;
}

@media (max-width: 640px) {
  .lyrics-form .generate-footer {
    gap: 10px !important;
    padding: 12px !important;
  }

  .lyrics-form .generate-footer .btn-generate,
  .lyrics-form .generate-footer .generate-footer__cost {
    min-height: 48px !important;
  }
}


/* SONARO_LYRICS_GOLD_BUTTONS_V1 */

/* Тёмные отдельные блоки в стиле студии */
.lyrics-form .struct-block,
.lyrics-form .field:has(.struct-chip) {
  background: #0d0f12 !important;
  background-image: none !important;
  border: 1px solid rgba(214,178,92,.24) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

/* Заголовок структуры */
.lyrics-form .struct-block > .field__label,
.lyrics-form .field:has(.struct-chip) > .field__label {
  color: #d9c99f !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

/* Кнопки выбора стилей и структуры */
.lyrics-form #lyricsStylesToggle,
.lyrics-form .lyrics-mobile-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 38px !important;
  padding: 0 12px !important;
  color: #d9c99f !important;
  background: rgba(214,178,92,.045) !important;
  background-image: none !important;
  border: 1px solid rgba(214,178,92,.24) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

/* Стрелка в стиле «Расширенные настройки» */
.lyrics-form #lyricsStylesToggle::after,
.lyrics-form .lyrics-mobile-toggle__arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 22px !important;
  width: 22px !important;
  height: 22px !important;
  color: #e8cf8e !important;
  background: rgba(214,178,92,.07) !important;
  border: 1px solid rgba(214,178,92,.3) !important;
  border-radius: 6px !important;
  font-size: 18px !important;
}

/* Убираем общую серую карточку вокруг кнопки и цены */
.lyrics-form .generate-footer {
  display: flex !important;
  align-items: stretch !important;
  gap: 12px !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Создать текст — отдельная золотистая кнопка */
.lyrics-form .generate-footer .btn-generate {
  flex: 1 1 auto !important;
  min-height: 46px !important;
  color: #e8cf8e !important;
  background: rgba(214,178,92,.09) !important;
  background-image: none !important;
  border: 1px solid rgba(214,178,92,.35) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

/* Цена — отдельный тёмный блок с золотистой обводкой */
.lyrics-form .generate-footer .generate-footer__cost {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  color: #e8cf8e !important;
  background: #0d0f12 !important;
  background-image: none !important;
  border: 1px solid rgba(214,178,92,.24) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

.lyrics-form .generate-footer__cost-amount {
  color: #e8cf8e !important;
}

@media (max-width: 640px) {
  .lyrics-form .generate-footer {
    gap: 8px !important;
  }

  .lyrics-form .generate-footer .btn-generate,
  .lyrics-form .generate-footer .generate-footer__cost {
    min-height: 44px !important;
  }
}


/* SONARO_LYRICS_FINAL_FIX_V2 */

/* Поля формы — без серой и зеленоватой заливки */
.lyrics-form > .field,
.lyrics-form > .struct-block {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Отдельные тёмные поверхности */
.lyrics-form #lyricsPrompt,
.lyrics-form .struct-block {
  background-color: #0d0f12 !important;
  background-image: none !important;
}

/* Структура — отдельная карточка, без зелёного оттенка */
.lyrics-form .struct-block {
  padding: 14px !important;
  border: 1px solid rgba(232,207,142,.16) !important;
  border-radius: 12px !important;
}

/* Стоимость и кнопка не объединены серым фоном */
.lyrics-form .generate-footer,
.lyrics-form .generate-footer__cost,
.lyrics-form .generate-footer__cost-text {
  background-image: none !important;
  box-shadow: none !important;
}
.lyrics-form .generate-footer {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
.lyrics-form .generate-footer__cost-text {
  background: transparent !important;
  border: 0 !important;
}

/* Используем настоящую стрелку из HTML, не псевдоэлемент */
.lyrics-form #lyricsStylesToggle::after {
  content: none !important;
}
.lyrics-form .lyrics-mobile-toggle__arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: auto !important;
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
  color: #e8cf8e !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

/* Заголовок структуры */
.lyrics-form .struct-block > .field__label {
  display: block !important;
  margin-bottom: 10px !important;
  color: #d9c99f !important;
  font-size: 12px !important;
}


/* SONARO_LYRICS_MATCH_STUDIO_V1 */

/* Поле ввода: чёрный фон и тонкая золотая рамка */
.lyrics-form #lyricsPrompt {
  color: #f5f0e5 !important;
  background: #08090b !important;
  background-image: none !important;
  border: 1px solid rgba(214,178,92,.38) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
.lyrics-form #lyricsPrompt::placeholder {
  color: #85817a !important;
}

/* Переключатель стилей: золотая рамка */
.lyrics-form #lyricsStylesToggle {
  color: #e0c17c !important;
  background: linear-gradient(105deg,rgba(185,148,81,.12),rgba(224,193,124,.08) 52%,rgba(196,160,92,.12)) !important;
  border: 1px solid rgba(238,210,151,.55) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

/* Аккуратный золотой шеврон */
.lyrics-form #lyricsStylesToggle::after {
  content: none !important;
}
.lyrics-form #lyricsStylesToggle .lyrics-mobile-toggle__arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
  margin-left: auto !important;
  color: #e0c17c !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-size: 0 !important;
}
.lyrics-form #lyricsStylesToggle .lyrics-mobile-toggle__arrow::before {
  content: "" !important;
  display: block !important;
  width: 8px !important;
  height: 8px !important;
  border-right: 2px solid #e0c17c !important;
  border-bottom: 2px solid #e0c17c !important;
  transform: rotate(45deg) translate(-2px,-2px) !important;
  transition: transform .18s ease !important;
}
.lyrics-form #lyricsStylesToggle[aria-expanded="true"] .lyrics-mobile-toggle__arrow::before {
  transform: rotate(225deg) translate(-2px,-2px) !important;
}

/* Кнопка создания текста — точная золотая заливка Studio */
.lyrics-form .generate-footer .btn-generate {
  color: #1b170f !important;
  background: linear-gradient(105deg,#b99451,#e0c17c 52%,#c4a05c) !important;
  background-image: linear-gradient(105deg,#b99451,#e0c17c 52%,#c4a05c) !important;
  border: 1px solid rgba(238,210,151,.65) !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.20) !important;
}
.lyrics-form .generate-footer .btn-generate:hover {
  filter: brightness(1.06) !important;
}

/* Стоимость остаётся отдельным элементом */
.lyrics-form .generate-footer,
.lyrics-form .generate-footer__cost,
.lyrics-form .generate-footer__cost-text {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
.lyrics-form .generate-footer__cost {
  border: 1px solid rgba(214,178,92,.24) !important;
  border-radius: 10px !important;
}
.lyrics-form .generate-footer__cost-amount {
  color: #e0c17c !important;
}

/* Структура — отдельный тёмный блок */
.lyrics-form .struct-block {
  color: #f5f0e5 !important;
  background: #0b0c0e !important;
  background-image: none !important;
  border: 1px solid rgba(214,178,92,.24) !important;
  border-radius: 12px !important;
}
.lyrics-form .struct-block > .field__label {
  color: #d9c99f !important;
  font-size: 12px !important;
}


/* SONARO LYRICS DESKTOP WORKSPACE V1 */
@media (min-width: 901px) {
  body:has(.lyrics-dashboard) main {
    width: 100%;
    max-width: 1600px;
    margin-inline: auto;
    padding-inline: clamp(28px, 3vw, 56px);
    box-sizing: border-box;
  }

  .lyrics-dashboard {
    width: 100%;
    max-width: 1500px;
    margin-inline: auto;
  }

  .lyrics-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 28px;
    margin-bottom: 30px;
  }

  .lyrics-hero .lyrics-intro {
    min-width: 0;
  }

  .lyrics-hero .lyrics-title {
    white-space: nowrap;
    font-size: clamp(42px, 4vw, 64px);
    line-height: 1.04;
  }

  .lyrics-hero .lyrics-stats {
    align-self: end;
  }

  .lyrics-layout {
    grid-template-columns: minmax(380px, .92fr) minmax(0, 1.08fr);
    align-items: stretch;
    gap: 24px;
    margin-bottom: 30px;
  }

  .lyrics-form {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
    padding: 26px;
  }

  .lyrics-editor {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    min-height: 680px;
    padding: 26px;
  }

  .lyrics-result {
    min-height: 500px;
  }

  .lyrics-library {
    width: 100%;
    margin-top: 28px;
  }
}


/* SONARO_LYRICS_INLINE_EDITOR_AND_ACTION_ICONS_V1 */
.lyrics-inline-edit {
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-height: 320px;
  padding: 18px;
  resize: vertical;
  border: 1px solid rgba(232,196,118,.35);
  border-radius: 12px;
  outline: none;
  background: rgba(8,8,8,.72);
  color: var(--text-primary, #f5f2eb);
  font: inherit;
  line-height: 1.75;
  white-space: pre-wrap;
}
.lyrics-inline-edit:focus {
  border-color: var(--border-gold-strong, #e8c476);
  box-shadow: 0 0 0 3px rgba(232,196,118,.08);
}
.lyrics-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.lyrics-action-icon {
  display: block;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}


/* SONARO_LYRICS_INLINE_LIBRARY_EDITOR_V1 */
.lyrics-item__btn {
  color: #e8c476 !important;
  background: rgba(232,196,118,.10) !important;
  border-color: rgba(232,196,118,.45) !important;
}
.lyrics-item__btn svg {
  width: 17px !important;
  height: 17px !important;
  fill: currentColor !important;
  opacity: 1 !important;
}
.lyrics-item__inline-editor {
  display: block;
  box-sizing: border-box;
  width: calc(100% - 32px);
  min-height: 240px;
  margin: 16px;
  padding: 14px;
  border: 1px solid #e8c476;
  border-radius: 10px;
  background: #101010;
  color: #f5f2eb;
  font: inherit;
  line-height: 1.7;
  resize: vertical;
}
.lyrics-item__inline-editor[hidden],
.lyrics-item__content[hidden] {
  display: none !important;
}
.lyrics-item__body-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 16px 16px;
}
.lyrics-item__body-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 38px;
  padding: 9px 13px;
  border: 1px solid rgba(232,196,118,.45);
  border-radius: 9px;
  background: #17140e;
  color: #f2d28b;
  cursor: pointer;
}
.lyrics-item__body-btn--studio {
  background: #e8c476;
  color: #17120a;
  font-weight: 600;
}
.lyrics-item__body-btn svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.lyrics-item.expanded .lyrics-item__body {
  max-height: 1200px;
}


/* SONARO_LYRICS_COMPACT_BUTTONS_AND_VISIBLE_ICONS_V1 */

/* Контрастные контурные SVG в кнопках карточек */
.lyrics-item__btn {
  width: 29px !important;
  height: 29px !important;
  min-width: 29px;
  padding: 0 !important;
  color: #f2d28b !important;
  background: rgba(232,196,118,.09) !important;
  border: 1px solid rgba(232,196,118,.42) !important;
}
.lyrics-item__btn svg {
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  opacity: 1 !important;
}
.lyrics-item__title .lyrics-item__doc {
  display: block !important;
  width: 17px !important;
  height: 17px !important;
  fill: none !important;
  stroke: #e8c476 !important;
  stroke-width: 1.7 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  opacity: 1 !important;
}
.lyrics-item__arrow {
  color: #e8c476 !important;
}

/* Компактные кнопки под сохранённым текстом */
.lyrics-item__body-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px !important;
  padding: 0 12px 12px !important;
}
.lyrics-item__body-btn {
  min-height: 30px !important;
  padding: 6px 9px !important;
  gap: 5px !important;
  border-radius: 7px !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 500;
}
.lyrics-item__body-btn svg {
  width: 14px !important;
  height: 14px !important;
  flex: 0 0 14px;
}
.lyrics-item__inline-editor {
  min-height: 180px;
  margin: 12px !important;
  width: calc(100% - 24px) !important;
}


/* SONARO_LYRICS_COMPACT_HERO_V1 */
.lyrics-hero {
  gap: 16px !important;
  margin-bottom: 18px !important;
  padding: 18px 22px !important;
  min-height: 0 !important;
  box-sizing: border-box;
}
.lyrics-hero .lyrics-kicker {
  margin-bottom: 7px !important;
  font-size: 10px !important;
  line-height: 1.25 !important;
}
.lyrics-hero .lyrics-title {
  margin: 0 !important;
  font-size: clamp(30px, 3.2vw, 44px) !important;
  line-height: 1.04 !important;
}
.lyrics-hero .lyrics-description {
  max-width: 600px;
  margin: 8px 0 0 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}
@media (max-width: 640px) {
  .lyrics-hero {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 9px !important;
    margin-bottom: 14px !important;
    padding: 13px 14px !important;
  }
  .lyrics-hero .lyrics-kicker {
    margin-bottom: 5px !important;
    font-size: 9px !important;
  }
  .lyrics-hero .lyrics-title {
    font-size: clamp(22px, 6vw, 30px) !important;
    line-height: 1.08 !important;
    gap: 4px !important;
  }
  .lyrics-hero .lyrics-description {
    margin-top: 6px !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
  }
}


/* SONARO: slow breathing paper icon in the lyrics empty state */
.lyrics-empty__icon{overflow:visible;fill:none;filter:drop-shadow(0 0 9px rgba(232,196,118,.32))}
.lyrics-empty__icon .lyrics-paper{stroke:#e8c476;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;fill:rgba(232,196,118,.045);transform-origin:24px 24px;animation:sonaroPaperUnfold 7s ease-in-out infinite}
.lyrics-empty__icon .lyrics-paper-fold{stroke:#e8c476;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;fill:none;transform-origin:28px 14px;animation:sonaroPaperFold 7s ease-in-out infinite}
.lyrics-empty__icon .lyrics-paper-line{stroke:rgba(232,196,118,.72);stroke-width:1.55;stroke-linecap:round;fill:none;stroke-dasharray:18;stroke-dashoffset:0;animation:sonaroPaperLines 7s ease-in-out infinite}
@keyframes sonaroPaperUnfold{0%,12%,88%,100%{transform:scaleY(.86) scaleX(.94)}38%,62%{transform:scaleY(1) scaleX(1)}}
@keyframes sonaroPaperFold{0%,12%,88%,100%{transform:rotate(-7deg)}38%,62%{transform:rotate(0)}}
@keyframes sonaroPaperLines{0%,14%,88%,100%{opacity:.45;stroke-dashoffset:18}38%,62%{opacity:1;stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.lyrics-empty__icon .lyrics-paper,.lyrics-empty__icon .lyrics-paper-fold,.lyrics-empty__icon .lyrics-paper-line{animation:none}}