/* ============================================================================
   fa-subset.css — drop-in replacement for the full Font Awesome stylesheet.

   The Vocal Remover page only ever renders 9 Font Awesome icons (all inside the
   "My Files" panel + file-mode badges). Loading the full FA stylesheet from a
   CDN (~73 KB CSS + a ~150 KB solid webfont, on a second origin, render-blocking)
   for 9 glyphs was the single largest "unused CSS" + render-blocking cost on the
   page. This file ships only those 9 glyphs as inline SVG masks tinted with
   `currentColor` — ~2 KB, same-origin, cacheable, no webfont download.

   Markup is unchanged: <i class="fas fa-download"></i> still works. Each glyph
   class only sets the --svg custom property; the base rule paints it.
   ========================================================================== */

.fa,
.fas,
.fa-solid {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
          mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}

/* download — direct-download badge + bundle export */
.fa-download {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'/%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3Cpath d='M5 20h14'/%3E%3C/svg%3E");
}

/* sliders-h — mixer-mode badge */
.fa-sliders-h {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M3 7h10'/%3E%3Cpath d='M19 7h2'/%3E%3Cpath d='M3 12h4'/%3E%3Cpath d='M13 12h8'/%3E%3Cpath d='M3 17h10'/%3E%3Cpath d='M19 17h2'/%3E%3C/g%3E%3Cg fill='%23000'%3E%3Ccircle cx='16' cy='7' r='2.6'/%3E%3Ccircle cx='10' cy='12' r='2.6'/%3E%3Ccircle cx='16' cy='17' r='2.6'/%3E%3C/g%3E%3C/svg%3E");
}

/* grip-vertical — drag handle */
.fa-grip-vertical {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Ccircle cx='9' cy='6' r='1.7'/%3E%3Ccircle cx='15' cy='6' r='1.7'/%3E%3Ccircle cx='9' cy='12' r='1.7'/%3E%3Ccircle cx='15' cy='12' r='1.7'/%3E%3Ccircle cx='9' cy='18' r='1.7'/%3E%3Ccircle cx='15' cy='18' r='1.7'/%3E%3C/svg%3E");
}

/* pen — rename / edit title */
.fa-pen {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19 9a2.12 2.12 0 0 0-3-3L5 17z'/%3E%3Cpath d='M14 7l3 3'/%3E%3C/svg%3E");
}

/* trash — delete file */
.fa-trash {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16'/%3E%3Cpath d='M9 7V5h6v2'/%3E%3Cpath d='M6.5 7l1 13h9l1-13'/%3E%3Cpath d='M10 11v6M14 11v6'/%3E%3C/svg%3E");
}

/* chevron-left — pager prev */
.fa-chevron-left {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 5l-7 7 7 7'/%3E%3C/svg%3E");
}

/* chevron-right — pager next */
.fa-chevron-right {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E");
}

/* check — confirm title edit */
.fa-check {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 6'/%3E%3C/svg%3E");
}

/* times — cancel title edit */
.fa-times {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E");
}