{"id":865,"date":"2026-07-08T18:32:31","date_gmt":"2026-07-08T18:32:31","guid":{"rendered":"https:\/\/wantedsix.com\/?page_id=865"},"modified":"2026-07-08T19:32:35","modified_gmt":"2026-07-08T19:32:35","slug":"creators","status":"publish","type":"page","link":"https:\/\/wantedsix.com\/de\/creators\/","title":{"rendered":"Creators"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"865\" class=\"elementor elementor-865\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e547f11 e-con e-atomic-element e-flexbox-base e-1566d72 \" data-id=\"e547f11\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e547f11\" data-e-type=\"e-flexbox\" data-id=\"e547f11\">\n    <div class=\"elementor-element elementor-element-260dc90 e-con-full e-flex e-con e-parent\" data-id=\"260dc90\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d01392f elementor-widget elementor-widget-heading\" data-id=\"d01392f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Meet The Creators<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8e963fb elementor-widget elementor-widget-heading\" data-id=\"8e963fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Discover voices. Follow creators. Build the community.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f23bf79 elementor-widget elementor-widget-text-editor\" data-id=\"f23bf79\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"PDq2pG_selectionAnchorContainer\" data-start=\"598\" data-end=\"787\">Find the creators behind the Wanted Six ecosystem, follow their channels and connect with the people building hype, guides, reactions and community moments around GTA 6.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-770db02 e-con-full e-flex e-con e-child\" data-id=\"770db02\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f4b30be elementor-widget elementor-widget-button\" data-id=\"f4b30be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M413.1 222.5l22.2 22.2c9.4 9.4 9.4 24.6 0 33.9L241 473c-9.4 9.4-24.6 9.4-33.9 0L12.7 278.6c-9.4-9.4-9.4-24.6 0-33.9l22.2-22.2c9.5-9.5 25-9.3 34.3.4L184 343.4V56c0-13.3 10.7-24 24-24h32c13.3 0 24 10.7 24 24v287.4l114.8-120.5c9.3-9.8 24.8-10 34.3-.4z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Explore Creators<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-040cd02 e-con e-atomic-element e-flexbox-base e-b3ccd3a \" data-id=\"040cd02\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"040cd02\" data-e-type=\"e-flexbox\" data-id=\"040cd02\">\n    \t\t<div class=\"elementor-element elementor-element-82c0d77 elementor-widget elementor-widget-html\" data-id=\"82c0d77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- WANTED SIX GLOBAL STATS SECTION - CREATORS DIRECTORY -->\r\n<section\r\n  class=\"wsx-stats-section\"\r\n  data-wsx-module=\"global-stats\"\r\n  data-page-context=\"creators\"\r\n  data-stats-endpoint=\"\"\r\n  data-refresh-interval=\"0\"\r\n  aria-label=\"Wanted Six Creator Stats\"\r\n>\r\n  <div class=\"wsx-stats-grid\">\r\n\r\n    <!-- Card 1 -->\r\n    <article class=\"wsx-stat-card wsx-pink-card\" data-stat-key=\"registered_creators\">\r\n      <div class=\"wsx-stat-icon wsx-pink\">\r\n        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n          <circle cx=\"24\" cy=\"22\" r=\"9\"><\/circle>\r\n          <path d=\"M8 56c2-13 9-20 22-20s20 7 22 20\"><\/path>\r\n          <path d=\"M42 16l4 8 9 1.2-6.5 6.2 1.6 8.8L42 36l-8.1 4.2 1.6-8.8L29 25.2 38 24l4-8z\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-stat-content\">\r\n        <div class=\"wsx-stat-number\" data-stat-value>1<\/div>\r\n        <div class=\"wsx-stat-title\">Registered Creators<\/div>\r\n        <div class=\"wsx-stat-subtitle\">Listed in the directory<\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- Card 2 -->\r\n    <article class=\"wsx-stat-card wsx-cyan-card\" data-stat-key=\"verified_creators\">\r\n      <div class=\"wsx-stat-icon wsx-cyan\">\r\n        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n          <path d=\"M32 8l20 10v14c0 13-8 22-20 28-12-6-20-15-20-28V18l20-10z\"><\/path>\r\n          <path d=\"M23 33l6 6 13-16\"><\/path>\r\n          <path d=\"M24 50h16\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-stat-content\">\r\n        <div class=\"wsx-stat-number\" data-stat-value>1<\/div>\r\n        <div class=\"wsx-stat-title\">Verified Profiles<\/div>\r\n        <div class=\"wsx-stat-subtitle\">Approved creator accounts<\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- Card 3 -->\r\n    <article class=\"wsx-stat-card wsx-purple-card\" data-stat-key=\"connected_channels\">\r\n      <div class=\"wsx-stat-icon wsx-purple\">\r\n        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n          <rect x=\"8\" y=\"16\" width=\"48\" height=\"32\" rx=\"6\"><\/rect>\r\n          <path d=\"M28 27l12 5-12 5V27z\"><\/path>\r\n          <path d=\"M18 56h28\"><\/path>\r\n          <path d=\"M32 48v8\"><\/path>\r\n          <path d=\"M12 8h40\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-stat-content\">\r\n        <div class=\"wsx-stat-number\" data-stat-value>7<\/div>\r\n        <div class=\"wsx-stat-title\">Connected Links<\/div>\r\n        <div class=\"wsx-stat-subtitle\">Channels & social profiles<\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- Card 4 -->\r\n    <article class=\"wsx-stat-card wsx-orange-card\" data-stat-key=\"open_collabs\">\r\n      <div class=\"wsx-stat-icon wsx-orange\">\r\n        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n          <path d=\"M20 34a10 10 0 1 0 0-20 10 10 0 0 0 0 20z\"><\/path>\r\n          <path d=\"M44 34a10 10 0 1 0 0-20 10 10 0 0 0 0 20z\"><\/path>\r\n          <path d=\"M6 56c2-11 8-17 18-17s16 6 18 17\"><\/path>\r\n          <path d=\"M30 56c2-11 8-17 18-17 5 0 9 1.5 12 5\"><\/path>\r\n          <path d=\"M29 27h6\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-stat-content\">\r\n        <div class=\"wsx-stat-number\" data-stat-value>1<\/div>\r\n        <div class=\"wsx-stat-title\">Open Collabs<\/div>\r\n        <div class=\"wsx-stat-subtitle\">Creators open for requests<\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      const root = document.currentScript.closest('.wsx-stats-section');\r\n      if (!root) return;\r\n\r\n      const endpoint = root.dataset.statsEndpoint || '';\r\n      const refreshInterval = Number(root.dataset.refreshInterval || 0);\r\n      const cards = Array.from(root.querySelectorAll('[data-stat-key]'));\r\n\r\n      function formatValue(value) {\r\n        if (typeof value === 'number') {\r\n          return value.toLocaleString('en-US');\r\n        }\r\n\r\n        const raw = String(value || '').trim();\r\n        const numeric = Number(raw.replace(\/[^\\d.]\/g, ''));\r\n\r\n        if (!raw) return '0';\r\n\r\n        if (!Number.isNaN(numeric) && \/^\\d+(\\.\\d+)?$\/.test(raw.replace(\/,\/g, ''))) {\r\n          return numeric.toLocaleString('en-US');\r\n        }\r\n\r\n        return raw;\r\n      }\r\n\r\n      function updateStats(payload) {\r\n        if (!payload || typeof payload !== 'object') return;\r\n\r\n        const data = payload.stats && typeof payload.stats === 'object'\r\n          ? payload.stats\r\n          : payload;\r\n\r\n        cards.forEach(function (card) {\r\n          const key = card.dataset.statKey;\r\n          const valueTarget = card.querySelector('[data-stat-value]');\r\n\r\n          if (!key || !valueTarget || data[key] === undefined) return;\r\n\r\n          valueTarget.textContent = formatValue(data[key]);\r\n        });\r\n      }\r\n\r\n      function loadStats() {\r\n        if (!endpoint) return;\r\n\r\n        fetch(endpoint, {\r\n          method: 'GET',\r\n          headers: {\r\n            'Accept': 'application\/json'\r\n          }\r\n        })\r\n          .then(function (response) {\r\n            if (!response.ok) throw new Error('Stats request failed');\r\n            return response.json();\r\n          })\r\n          .then(updateStats)\r\n          .catch(function () {\r\n            console.info('Wanted Six creator stats endpoint not available yet.');\r\n          });\r\n      }\r\n\r\n      loadStats();\r\n\r\n      if (endpoint && refreshInterval >= 10000) {\r\n        setInterval(loadStats, refreshInterval);\r\n      }\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap');\r\n\r\n  .wsx-stats-section {\r\n    --wsx-bg: #050816;\r\n    --wsx-panel: rgba(7, 11, 26, 0.82);\r\n    --wsx-panel-2: rgba(12, 18, 45, 0.76);\r\n    --wsx-border: rgba(255, 255, 255, 0.13);\r\n    --wsx-hot: #ff2e9a;\r\n    --wsx-cyan: #19e3ff;\r\n    --wsx-purple: #a855f7;\r\n    --wsx-orange: #ff8a3d;\r\n    --wsx-text: #f6f8ff;\r\n    --wsx-muted: #b8c0e0;\r\n\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n    color: var(--wsx-text);\r\n  }\r\n\r\n  .wsx-stats-section *,\r\n  .wsx-stats-section *::before,\r\n  .wsx-stats-section *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .wsx-stats-grid {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0;\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    gap: 20px;\r\n  }\r\n\r\n  .wsx-stat-card {\r\n    position: relative;\r\n    min-height: 122px;\r\n    padding: 22px 24px;\r\n    border-radius: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n    overflow: hidden;\r\n    background:\r\n      radial-gradient(circle at 20% 0%, rgba(255, 46, 154, 0.13), transparent 34%),\r\n      radial-gradient(circle at 85% 12%, rgba(25, 227, 255, 0.10), transparent 32%),\r\n      linear-gradient(135deg, rgba(12, 18, 45, 0.84), rgba(7, 11, 26, 0.96));\r\n    border: 1px solid var(--wsx-border);\r\n    box-shadow:\r\n      0 24px 80px rgba(0, 0, 0, 0.34),\r\n      inset 0 0 0 1px rgba(255, 255, 255, 0.025);\r\n    backdrop-filter: blur(18px);\r\n    -webkit-backdrop-filter: blur(18px);\r\n    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;\r\n  }\r\n\r\n  .wsx-stat-card:hover {\r\n    transform: translateY(-4px);\r\n    border-color: rgba(255, 46, 154, 0.36);\r\n    box-shadow:\r\n      0 28px 88px rgba(0, 0, 0, 0.42),\r\n      0 0 30px rgba(255, 46, 154, 0.10),\r\n      inset 0 0 0 1px rgba(255, 255, 255, 0.03);\r\n  }\r\n\r\n  .wsx-stat-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(120deg, rgba(255,255,255,0.06), transparent 24%, transparent 68%, rgba(255,255,255,0.025));\r\n    pointer-events: none;\r\n  }\r\n\r\n  .wsx-stat-card::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n    top: 18px;\r\n    bottom: 18px;\r\n    width: 3px;\r\n    border-radius: 999px;\r\n    opacity: 0.95;\r\n    background: linear-gradient(180deg, transparent, var(--wsx-hot), transparent);\r\n  }\r\n\r\n  .wsx-pink-card {\r\n    border-color: rgba(255, 46, 154, 0.34);\r\n  }\r\n\r\n  .wsx-cyan-card {\r\n    border-color: rgba(25, 227, 255, 0.28);\r\n    background:\r\n      radial-gradient(circle at 18% 0%, rgba(25, 227, 255, 0.12), transparent 36%),\r\n      radial-gradient(circle at 88% 12%, rgba(255, 46, 154, 0.08), transparent 32%),\r\n      linear-gradient(135deg, rgba(8, 29, 43, 0.76), rgba(7, 11, 26, 0.96));\r\n  }\r\n\r\n  .wsx-cyan-card::after {\r\n    background: linear-gradient(180deg, transparent, var(--wsx-cyan), transparent);\r\n  }\r\n\r\n  .wsx-purple-card {\r\n    border-color: rgba(168, 85, 247, 0.34);\r\n    background:\r\n      radial-gradient(circle at 80% 12%, rgba(168, 85, 247, 0.18), transparent 38%),\r\n      radial-gradient(circle at 18% 0%, rgba(255, 46, 154, 0.09), transparent 34%),\r\n      linear-gradient(135deg, rgba(18, 24, 58, 0.88), rgba(9, 13, 32, 0.96));\r\n  }\r\n\r\n  .wsx-purple-card::after {\r\n    background: linear-gradient(180deg, transparent, var(--wsx-purple), transparent);\r\n  }\r\n\r\n  .wsx-orange-card {\r\n    border-color: rgba(255, 138, 61, 0.34);\r\n    background:\r\n      radial-gradient(circle at 80% 16%, rgba(255, 138, 61, 0.17), transparent 38%),\r\n      radial-gradient(circle at 18% 0%, rgba(255, 46, 154, 0.10), transparent 34%),\r\n      linear-gradient(135deg, rgba(22, 16, 32, 0.88), rgba(7, 11, 26, 0.96));\r\n  }\r\n\r\n  .wsx-orange-card::after {\r\n    background: linear-gradient(180deg, transparent, var(--wsx-orange), transparent);\r\n  }\r\n\r\n  .wsx-stat-icon {\r\n    position: relative;\r\n    z-index: 1;\r\n    width: 62px;\r\n    height: 62px;\r\n    flex: 0 0 62px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 18px;\r\n    background: rgba(255, 255, 255, 0.045);\r\n    border: 1px solid rgba(255, 255, 255, 0.10);\r\n  }\r\n\r\n  .wsx-stat-icon svg {\r\n    width: 42px;\r\n    height: 42px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 3;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .wsx-pink {\r\n    color: var(--wsx-hot);\r\n    filter: drop-shadow(0 0 10px rgba(255, 46, 154, 0.8));\r\n  }\r\n\r\n  .wsx-cyan {\r\n    color: var(--wsx-cyan);\r\n    filter: drop-shadow(0 0 10px rgba(25, 227, 255, 0.7));\r\n  }\r\n\r\n  .wsx-purple {\r\n    color: var(--wsx-purple);\r\n    filter: drop-shadow(0 0 10px rgba(168, 85, 247, 0.72));\r\n  }\r\n\r\n  .wsx-orange {\r\n    color: var(--wsx-orange);\r\n    filter: drop-shadow(0 0 10px rgba(255, 138, 61, 0.72));\r\n  }\r\n\r\n  .wsx-stat-content {\r\n    position: relative;\r\n    z-index: 1;\r\n    min-width: 0;\r\n  }\r\n\r\n  .wsx-stat-number {\r\n    color: var(--wsx-text);\r\n    font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n    font-size: clamp(34px, 2.4vw, 48px);\r\n    line-height: 0.9;\r\n    font-weight: 900;\r\n    letter-spacing: -0.01em;\r\n    text-shadow: 0 0 14px rgba(245, 247, 255, 0.22);\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .wsx-stat-title {\r\n    margin-top: 9px;\r\n    color: var(--wsx-text);\r\n    font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n    font-size: 24px;\r\n    line-height: 0.95;\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    letter-spacing: -0.01em;\r\n  }\r\n\r\n  .wsx-stat-subtitle {\r\n    margin-top: 7px;\r\n    color: var(--wsx-muted);\r\n    font-size: 13px;\r\n    line-height: 1.35;\r\n    font-weight: 500;\r\n  }\r\n\r\n  @media (max-width: 1366px) {\r\n    .wsx-stats-grid {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .wsx-stats-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 14px;\r\n    }\r\n\r\n    .wsx-stat-card {\r\n      min-height: 106px;\r\n      padding: 18px;\r\n      gap: 16px;\r\n      border-radius: 16px;\r\n    }\r\n\r\n    .wsx-stat-icon {\r\n      width: 54px;\r\n      height: 54px;\r\n      flex-basis: 54px;\r\n      border-radius: 16px;\r\n    }\r\n\r\n    .wsx-stat-icon svg {\r\n      width: 36px;\r\n      height: 36px;\r\n    }\r\n\r\n    .wsx-stat-number {\r\n      font-size: 34px;\r\n    }\r\n\r\n    .wsx-stat-title {\r\n      font-size: 21px;\r\n    }\r\n\r\n    .wsx-stat-subtitle {\r\n      font-size: 13px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 420px) {\r\n    .wsx-stat-card {\r\n      align-items: flex-start;\r\n    }\r\n\r\n    .wsx-stat-number {\r\n      font-size: 31px;\r\n    }\r\n\r\n    .wsx-stat-title {\r\n      font-size: 20px;\r\n    }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-fdc1bd1 e-con e-atomic-element e-flexbox-base e-fdc1bd1-55608d3 \" data-id=\"fdc1bd1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fdc1bd1\" data-e-type=\"e-flexbox\" data-id=\"fdc1bd1\">\n    \t\t<div class=\"elementor-element elementor-element-b42fa63 elementor-widget elementor-widget-html\" data-id=\"b42fa63\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- WANTED SIX CREATORS DIRECTORY - REGISTERED CREATORS \/ FIXED VERSION -->\r\n<section\r\n  class=\"wsx-creators-directory\"\r\n  data-wsx-module=\"creators-directory\"\r\n  data-page-context=\"creators\"\r\n  data-creators-endpoint=\"\"\r\n  data-creator-apply-endpoint=\"\"\r\n  data-creator-profile-base-url=\"https:\/\/wantedsix.com\/creators\/\"\r\n  data-creator-dashboard-url=\"https:\/\/app.wantedsix.com\/creator\/dashboard\"\r\n  data-season-id=\"prelaunch-s01\"\r\n  data-user-id=\"\"\r\n  aria-label=\"Wanted Six Creators Directory\"\r\n>\r\n  <style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap');\r\n\r\n    .wsx-creators-directory,\r\n    .wsx-creators-directory * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .wsx-creators-directory {\r\n      \/* FIX: make this element a size-container so breakpoints below react\r\n         to the ACTUAL rendered width (e.g. inside a narrow Elementor column),\r\n         not the browser viewport width. This is the main fix for\r\n         \"not responsive\" when embedded in a narrower section\/column. *\/\r\n      container-type: inline-size;\r\n      container-name: wsx;\r\n\r\n      --wsx-bg: #050816;\r\n      --wsx-panel: rgba(7, 11, 26, 0.82);\r\n      --wsx-panel-2: rgba(12, 18, 45, 0.76);\r\n      --wsx-border: rgba(255, 255, 255, 0.13);\r\n      --wsx-hot: #ff2e9a;\r\n      --wsx-cyan: #19e3ff;\r\n      --wsx-purple: #a855f7;\r\n      --wsx-orange: #ff8a3d;\r\n      --wsx-text: #f6f8ff;\r\n      --wsx-muted: #b8c0e0;\r\n      --wsx-soft: rgba(184, 192, 224, 0.78);\r\n\r\n      width: 100%;\r\n      max-width: 100%;\r\n      margin: 0;\r\n      padding: 0;\r\n      color: var(--wsx-text);\r\n      font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n      position: relative;\r\n    }\r\n\r\n    .wsx-creators-directory a,\r\n    .wsx-creators-directory button,\r\n    .wsx-creators-directory input,\r\n    .wsx-creators-directory select,\r\n    .wsx-creators-directory textarea {\r\n      font: inherit;\r\n    }\r\n\r\n    .wsx-creators-directory button {\r\n      cursor: pointer;\r\n      border: 0;\r\n    }\r\n\r\n    \/* FIX: hard reset in case the theme applies global rules to\r\n       img\/box-sizing\/line-height inside widgets *\/\r\n    .wsx-creators-directory img {\r\n      box-sizing: border-box !important;\r\n      max-width: none;\r\n      border: 0;\r\n      vertical-align: top;\r\n    }\r\n\r\n    .wsx-creators-shell {\r\n      width: 100%;\r\n      max-width: 100%;\r\n      margin: 0;\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1fr) 360px;\r\n      gap: 22px;\r\n      align-items: start;\r\n    }\r\n\r\n    .wsx-creators-main,\r\n    .wsx-creators-side-card,\r\n    .wsx-featured-creator,\r\n    .wsx-creator-card {\r\n      position: relative;\r\n      overflow: hidden;\r\n      background:\r\n        radial-gradient(circle at 18% 0%, rgba(255, 46, 154, 0.14), transparent 36%),\r\n        radial-gradient(circle at 88% 10%, rgba(25, 227, 255, 0.10), transparent 34%),\r\n        linear-gradient(135deg, rgba(12, 18, 45, 0.84), rgba(7, 11, 26, 0.96));\r\n      border: 1px solid var(--wsx-border);\r\n      box-shadow:\r\n        0 24px 80px rgba(0, 0, 0, 0.38),\r\n        inset 0 0 0 1px rgba(255, 255, 255, 0.025);\r\n      backdrop-filter: blur(18px);\r\n      -webkit-backdrop-filter: blur(18px);\r\n    }\r\n\r\n    .wsx-creators-main {\r\n      min-width: 0;\r\n      padding: 22px;\r\n      border-radius: 18px;\r\n    }\r\n\r\n    .wsx-creators-main::before,\r\n    .wsx-creators-side-card::before,\r\n    .wsx-featured-creator::before,\r\n    .wsx-creator-card::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 0;\r\n      pointer-events: none;\r\n      background: linear-gradient(120deg, rgba(255,255,255,0.06), transparent 24%, transparent 68%, rgba(255,255,255,0.025));\r\n    }\r\n\r\n    .wsx-creators-main > *,\r\n    .wsx-creators-side-card > *,\r\n    .wsx-featured-creator > *,\r\n    .wsx-creator-card > * {\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    .wsx-creators-topbar {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1fr) 300px;\r\n      gap: 18px;\r\n      align-items: center;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .wsx-kicker {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      width: fit-content;\r\n      margin-bottom: 10px;\r\n      padding: 7px 10px;\r\n      border-radius: 999px;\r\n      color: var(--wsx-cyan);\r\n      background: rgba(25, 227, 255, 0.08);\r\n      border: 1px solid rgba(25, 227, 255, 0.24);\r\n      font-size: 12px;\r\n      line-height: 1;\r\n      font-weight: 800;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.12em;\r\n    }\r\n\r\n    .wsx-kicker-dot {\r\n      width: 7px;\r\n      height: 7px;\r\n      border-radius: 999px;\r\n      background: var(--wsx-hot);\r\n      box-shadow: 0 0 14px rgba(255, 46, 154, 0.95);\r\n    }\r\n\r\n    .wsx-creators-heading {\r\n      margin: 0;\r\n      color: #fff;\r\n      font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n      font-size: clamp(34px, 3.2vw, 58px);\r\n      line-height: 0.9;\r\n      font-weight: 900;\r\n      letter-spacing: -0.025em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .wsx-creators-copy {\r\n      max-width: 780px;\r\n      margin: 12px 0 0;\r\n      color: var(--wsx-muted);\r\n      font-size: 15px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    .wsx-creator-portal-card {\r\n      padding: 16px;\r\n      border-radius: 16px;\r\n      overflow: hidden;\r\n      background:\r\n        radial-gradient(circle at 20% 0%, rgba(255, 46, 154, 0.20), transparent 44%),\r\n        radial-gradient(circle at 90% 22%, rgba(25, 227, 255, 0.16), transparent 42%),\r\n        linear-gradient(135deg, rgba(10, 17, 42, 0.94), rgba(5, 8, 22, 0.98));\r\n      border: 1px solid rgba(255, 46, 154, 0.32);\r\n      box-shadow: 0 0 32px rgba(255, 46, 154, 0.10);\r\n    }\r\n\r\n    .wsx-creator-portal-label {\r\n      color: var(--wsx-muted);\r\n      font-size: 12px;\r\n      font-weight: 800;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.12em;\r\n    }\r\n\r\n    .wsx-creator-portal-title {\r\n      margin-top: 7px;\r\n      color: #fff;\r\n      font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n      font-size: 36px;\r\n      line-height: 0.95;\r\n      font-weight: 900;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .wsx-creator-portal-sub {\r\n      margin-top: 8px;\r\n      color: var(--wsx-soft);\r\n      font-size: 13px;\r\n      line-height: 1.45;\r\n    }\r\n\r\n    .wsx-creator-portal-pills {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 7px;\r\n      margin-top: 12px;\r\n    }\r\n\r\n    .wsx-creator-portal-pill {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      min-height: 26px;\r\n      padding: 0 9px;\r\n      border-radius: 999px;\r\n      color: #dffbff;\r\n      background: rgba(25, 227, 255, 0.08);\r\n      border: 1px solid rgba(25, 227, 255, 0.20);\r\n      font-size: 11px;\r\n      font-weight: 900;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.08em;\r\n    }\r\n\r\n    .wsx-creators-stats {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, minmax(0, 1fr));\r\n      gap: 12px;\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    .wsx-creator-stat {\r\n      padding: 14px;\r\n      border-radius: 14px;\r\n      background: rgba(255, 255, 255, 0.045);\r\n      border: 1px solid rgba(255, 255, 255, 0.10);\r\n    }\r\n\r\n    .wsx-creator-stat strong {\r\n      display: block;\r\n      color: #fff;\r\n      font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n      font-size: 31px;\r\n      line-height: 0.95;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .wsx-creator-stat span {\r\n      display: block;\r\n      margin-top: 8px;\r\n      color: var(--wsx-muted);\r\n      font-size: 13px;\r\n      line-height: 1.35;\r\n    }\r\n\r\n    .wsx-creators-controls {\r\n      display: grid;\r\n      grid-template-columns: minmax(220px, 1fr) 170px 170px 170px;\r\n      gap: 12px;\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    .wsx-creators-field {\r\n      min-width: 0;\r\n      position: relative;\r\n    }\r\n\r\n    .wsx-creators-field input,\r\n    .wsx-creators-field select {\r\n      width: 100%;\r\n      min-height: 48px;\r\n      padding: 0 14px;\r\n      border-radius: 14px;\r\n      outline: 0;\r\n      color: #fff;\r\n      background: rgba(5, 8, 22, 0.74);\r\n      border: 1px solid rgba(255, 255, 255, 0.14);\r\n      box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02);\r\n    }\r\n\r\n    .wsx-creators-field input::placeholder {\r\n      color: rgba(184, 192, 224, 0.72);\r\n    }\r\n\r\n    .wsx-creators-field select {\r\n      appearance: none;\r\n      -webkit-appearance: none;\r\n      color-scheme: dark;\r\n      background-image:\r\n        linear-gradient(45deg, transparent 50%, rgba(25,227,255,0.95) 50%),\r\n        linear-gradient(135deg, rgba(25,227,255,0.95) 50%, transparent 50%);\r\n      background-position: calc(100% - 18px) 20px, calc(100% - 12px) 20px;\r\n      background-size: 6px 6px, 6px 6px;\r\n      background-repeat: no-repeat;\r\n    }\r\n\r\n    .wsx-creators-field select option {\r\n      background: #080d23;\r\n      color: #fff;\r\n    }\r\n\r\n    .wsx-creators-tabs {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 9px;\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    .wsx-creators-tab {\r\n      min-height: 38px;\r\n      padding: 0 14px;\r\n      border-radius: 999px;\r\n      color: var(--wsx-muted);\r\n      background: rgba(255, 255, 255, 0.045);\r\n      border: 1px solid rgba(255, 255, 255, 0.12);\r\n      font-size: 13px;\r\n      font-weight: 800;\r\n      transition: transform .2s ease, border-color .2s ease, color .2s ease, background .2s ease;\r\n    }\r\n\r\n    .wsx-creators-tab:hover,\r\n    .wsx-creators-tab.is-active {\r\n      color: #fff;\r\n      transform: translateY(-1px);\r\n      background: linear-gradient(135deg, rgba(255,46,154,0.26), rgba(25,227,255,0.12));\r\n      border-color: rgba(255, 46, 154, 0.38);\r\n    }\r\n\r\n    .wsx-featured-creator {\r\n      border-radius: 18px;\r\n      margin-bottom: 20px;\r\n      border-color: rgba(255, 46, 154, 0.30);\r\n    }\r\n\r\n    \/* ============================================================\r\n       FIX START: banner containers now explicitly establish a\r\n       positioning context (position: relative) so the absolutely\r\n       positioned image + gradient overlay inside are anchored to\r\n       THIS box and not to a distant ancestor. This, together with\r\n       the image rule fix below, removes the black bar.\r\n       ============================================================ *\/\r\n    .wsx-featured-banner,\r\n    .wsx-creator-card-banner {\r\n      position: relative;\r\n      width: 100%;\r\n      background:\r\n        radial-gradient(circle at 20% 12%, rgba(255,46,154,0.20), transparent 42%),\r\n        radial-gradient(circle at 85% 20%, rgba(25,227,255,0.16), transparent 40%),\r\n        #050816;\r\n      overflow: hidden;\r\n      isolation: isolate;\r\n    }\r\n\r\n    .wsx-featured-banner {\r\n      aspect-ratio: 5.8 \/ 1;\r\n      min-height: 150px;\r\n      max-height: 245px;\r\n      border-bottom: 1px solid rgba(255,255,255,0.12);\r\n    }\r\n\r\n    .wsx-creator-card-banner {\r\n      aspect-ratio: 5.6 \/ 1;\r\n      min-height: 92px;\r\n      max-height: 128px;\r\n      border-bottom: 1px solid rgba(255,255,255,0.10);\r\n    }\r\n\r\n    .wsx-banner-bg,\r\n    .wsx-card-banner-bg {\r\n      display: none;\r\n    }\r\n\r\n    \/* ============================================================\r\n       FIX: this is the actual bug that caused the black bar.\r\n       Many WP themes \/ plugins ship a global rule like\r\n       \"img { height: auto !important; max-width: 100%; }\".\r\n       That overrides \"height: 100%\" here, so the banner image\r\n       shrinks to its own natural aspect ratio and leaves the rest\r\n       of the banner box showing its plain dark background = the\r\n       black bar you saw.\r\n\r\n       Fix: position the image absolutely with inset:0 and !important\r\n       on every sizing property. Per spec, an absolutely positioned\r\n       replaced element with top+bottom (both from inset:0) both set\r\n       has its height computed to fill the gap even if a theme rule\r\n       says height:auto \u2014 this can't be overridden by outside CSS.\r\n       ============================================================ *\/\r\n    .wsx-banner-img,\r\n    .wsx-card-banner-img {\r\n      position: absolute !important;\r\n      inset: 0 !important;\r\n      width: 100% !important;\r\n      height: 100% !important;\r\n      max-width: none !important;\r\n      max-height: none !important;\r\n      margin: 0 !important;\r\n      display: block !important;\r\n      object-fit: cover !important;\r\n      object-position: center 18%;\r\n      padding: 0;\r\n      background: transparent;\r\n      transform: scale(1.08);\r\n      transform-origin: center top;\r\n    }\r\n\r\n    .wsx-featured-banner::after,\r\n    .wsx-creator-card-banner::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 2;\r\n      pointer-events: none;\r\n      background:\r\n        linear-gradient(180deg, rgba(5, 8, 22, 0.00), rgba(5, 8, 22, 0.28)),\r\n        radial-gradient(circle at 16% 40%, rgba(255,46,154,0.14), transparent 42%),\r\n        radial-gradient(circle at 88% 30%, rgba(25,227,255,0.10), transparent 38%);\r\n    }\r\n\r\n    .wsx-featured-profile-row {\r\n      display: grid;\r\n      grid-template-columns: 112px minmax(0, 1fr) auto;\r\n      gap: 18px;\r\n      align-items: end;\r\n      padding: 0 22px 22px;\r\n      margin-top: -42px;\r\n      position: relative;\r\n      z-index: 3;\r\n    }\r\n\r\n    .wsx-featured-avatar {\r\n      width: 112px;\r\n      height: 112px;\r\n      border-radius: 28px;\r\n      overflow: hidden;\r\n      background: rgba(5, 8, 22, 0.82);\r\n      border: 1px solid rgba(255, 255, 255, 0.28);\r\n      box-shadow:\r\n        0 0 34px rgba(255, 46, 154, 0.28),\r\n        0 16px 34px rgba(0, 0, 0, 0.35);\r\n      z-index: 4;\r\n    }\r\n\r\n    .wsx-featured-avatar img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      display: block;\r\n    }\r\n\r\n    .wsx-featured-info {\r\n      min-width: 0;\r\n      padding-top: 58px;\r\n    }\r\n\r\n    .wsx-creator-badges {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 8px;\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    .wsx-creator-badge {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      width: fit-content;\r\n      min-height: 28px;\r\n      padding: 0 10px;\r\n      border-radius: 999px;\r\n      color: #fff;\r\n      background: rgba(255, 255, 255, 0.06);\r\n      border: 1px solid rgba(255, 255, 255, 0.13);\r\n      font-size: 11px;\r\n      font-weight: 900;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.08em;\r\n    }\r\n\r\n    .wsx-creator-badge.hot {\r\n      background: rgba(255, 46, 154, 0.15);\r\n      border-color: rgba(255, 46, 154, 0.35);\r\n      color: #ffd4ec;\r\n    }\r\n\r\n    .wsx-creator-badge.cyan {\r\n      background: rgba(25, 227, 255, 0.11);\r\n      border-color: rgba(25, 227, 255, 0.30);\r\n      color: #c8fbff;\r\n    }\r\n\r\n    .wsx-creator-badge.purple {\r\n      background: rgba(168, 85, 247, 0.13);\r\n      border-color: rgba(168, 85, 247, 0.32);\r\n      color: #ead7ff;\r\n    }\r\n\r\n    .wsx-featured-title,\r\n    .wsx-creator-card-title {\r\n      margin: 0;\r\n      color: #fff;\r\n      font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n      font-weight: 900;\r\n      letter-spacing: -0.01em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .wsx-featured-title {\r\n      font-size: clamp(38px, 3.8vw, 68px);\r\n      line-height: 0.86;\r\n    }\r\n\r\n    .wsx-featured-handle,\r\n    .wsx-creator-card-handle {\r\n      margin-top: 7px;\r\n      color: var(--wsx-cyan);\r\n      font-size: 13px;\r\n      line-height: 1.3;\r\n      font-weight: 900;\r\n      letter-spacing: 0.05em;\r\n    }\r\n\r\n    .wsx-featured-text {\r\n      max-width: 900px;\r\n      margin: 14px 0 0;\r\n      color: var(--wsx-muted);\r\n      font-size: 15px;\r\n      line-height: 1.65;\r\n    }\r\n\r\n    .wsx-featured-actions {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 10px;\r\n      justify-content: flex-end;\r\n      align-items: end;\r\n      padding-top: 58px;\r\n    }\r\n\r\n    .wsx-side-cta {\r\n      margin-top: 22px;\r\n    }\r\n\r\n    .wsx-btn-primary,\r\n    .wsx-btn-secondary {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 9px;\r\n      min-height: 44px;\r\n      padding: 0 16px;\r\n      border-radius: 14px;\r\n      font-size: 13px;\r\n      font-weight: 900;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.08em;\r\n      text-decoration: none !important;\r\n      white-space: nowrap;\r\n      text-align: center;\r\n      transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, opacity .2s ease;\r\n    }\r\n\r\n    .wsx-btn-primary {\r\n      color: #fff !important;\r\n      background: linear-gradient(90deg, #ed25c2, #ff8451);\r\n      box-shadow: 0 12px 34px rgba(255, 46, 154, 0.22);\r\n    }\r\n\r\n    .wsx-btn-secondary {\r\n      color: #dffbff !important;\r\n      background: rgba(25, 227, 255, 0.08);\r\n      border: 1px solid rgba(25, 227, 255, 0.24);\r\n    }\r\n\r\n    .wsx-btn-primary:hover,\r\n    .wsx-btn-secondary:hover {\r\n      transform: translateY(-2px);\r\n    }\r\n\r\n    .wsx-social-row {\r\n      display: flex;\r\n      flex-wrap: nowrap;\r\n      align-items: center;\r\n      gap: 8px;\r\n      margin-top: 16px;\r\n      max-width: 100%;\r\n      overflow-x: auto;\r\n      overflow-y: hidden;\r\n      scrollbar-width: none;\r\n    }\r\n\r\n    .wsx-social-row::-webkit-scrollbar {\r\n      display: none;\r\n    }\r\n\r\n    .wsx-social-icon {\r\n      width: 36px;\r\n      height: 36px;\r\n      min-width: 36px;\r\n      border-radius: 999px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: #dffbff !important;\r\n      text-decoration: none !important;\r\n      background: rgba(25, 227, 255, 0.08);\r\n      border: 1px solid rgba(25, 227, 255, 0.22);\r\n      box-shadow: inset 0 0 0 1px rgba(255,255,255,0.025);\r\n      transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;\r\n    }\r\n\r\n    .wsx-social-icon svg {\r\n      width: 17px;\r\n      height: 17px;\r\n      display: block;\r\n      fill: currentColor;\r\n    }\r\n\r\n    .wsx-social-icon:hover {\r\n      transform: translateY(-2px);\r\n      border-color: rgba(255, 46, 154, 0.42);\r\n      background: rgba(255, 46, 154, 0.12);\r\n      box-shadow: 0 0 18px rgba(255, 46, 154, 0.12);\r\n    }\r\n\r\n    .wsx-sr-only {\r\n      position: absolute;\r\n      width: 1px;\r\n      height: 1px;\r\n      padding: 0;\r\n      margin: -1px;\r\n      overflow: hidden;\r\n      clip: rect(0, 0, 0, 0);\r\n      white-space: nowrap;\r\n      border: 0;\r\n    }\r\n\r\n    .wsx-creators-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      gap: 16px;\r\n    }\r\n\r\n    .wsx-creator-card {\r\n      border-radius: 18px;\r\n      min-width: 0;\r\n      display: flex;\r\n      flex-direction: column;\r\n      border-color: rgba(255,255,255,0.12);\r\n      transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;\r\n    }\r\n\r\n    .wsx-creator-card:hover {\r\n      transform: translateY(-4px);\r\n      border-color: rgba(255, 46, 154, 0.34);\r\n      box-shadow: 0 26px 80px rgba(0,0,0,0.46), 0 0 28px rgba(255, 46, 154, 0.10);\r\n    }\r\n\r\n    .wsx-creator-card.is-hidden {\r\n      display: none;\r\n    }\r\n\r\n    .wsx-creator-card-avatar {\r\n      width: 74px;\r\n      height: 74px;\r\n      margin: -36px 0 0 16px;\r\n      z-index: 4;\r\n      border-radius: 20px;\r\n      overflow: hidden;\r\n      border: 1px solid rgba(255,255,255,0.24);\r\n      background: rgba(5,8,22,0.88);\r\n      box-shadow: 0 0 24px rgba(255,46,154,0.22);\r\n      position: relative;\r\n    }\r\n\r\n    .wsx-creator-card-avatar img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      display: block;\r\n    }\r\n\r\n    .wsx-creator-card-body {\r\n      display: flex;\r\n      flex-direction: column;\r\n      flex: 1;\r\n      padding: 14px 16px 16px;\r\n      min-width: 0;\r\n    }\r\n\r\n    .wsx-creator-card-title {\r\n      font-size: 28px;\r\n      line-height: 0.92;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .wsx-creator-card-text {\r\n      margin: 11px 0 0;\r\n      color: var(--wsx-muted);\r\n      font-size: 13px;\r\n      line-height: 1.55;\r\n      min-height: 61px;\r\n    }\r\n\r\n    .wsx-creator-meta-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 9px;\r\n      margin-top: 14px;\r\n    }\r\n\r\n    .wsx-creator-meta {\r\n      min-width: 0;\r\n      padding: 9px 10px;\r\n      border-radius: 12px;\r\n      background: rgba(255,255,255,0.045);\r\n      border: 1px solid rgba(255,255,255,0.10);\r\n    }\r\n\r\n    .wsx-creator-meta span {\r\n      display: block;\r\n      color: var(--wsx-soft);\r\n      font-size: 11px;\r\n      font-weight: 800;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.08em;\r\n    }\r\n\r\n    .wsx-creator-meta strong {\r\n      display: block;\r\n      margin-top: 5px;\r\n      color: #fff;\r\n      font-size: 13px;\r\n      line-height: 1.2;\r\n      font-weight: 900;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .wsx-creator-card-actions {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 10px;\r\n      margin-top: auto;\r\n      padding-top: 16px;\r\n    }\r\n\r\n    .wsx-creator-card-actions .wsx-btn-primary,\r\n    .wsx-creator-card-actions .wsx-btn-secondary {\r\n      width: 100%;\r\n      min-height: 42px;\r\n    }\r\n\r\n    .wsx-creators-empty {\r\n      display: none;\r\n      padding: 34px 20px;\r\n      border-radius: 18px;\r\n      text-align: center;\r\n      color: var(--wsx-muted);\r\n      background: rgba(255,255,255,0.045);\r\n      border: 1px solid rgba(255,255,255,0.12);\r\n      margin-top: 18px;\r\n    }\r\n\r\n    .wsx-creators-empty.is-visible {\r\n      display: block;\r\n    }\r\n\r\n    .wsx-creators-side {\r\n      min-width: 0;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 16px;\r\n      position: sticky;\r\n      top: 96px;\r\n    }\r\n\r\n    .wsx-creators-side-card {\r\n      border-radius: 18px;\r\n      padding: 18px;\r\n    }\r\n\r\n    .wsx-side-title {\r\n      margin: 0 0 13px;\r\n      color: #fff;\r\n      font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n      font-size: 26px;\r\n      line-height: 1;\r\n      font-weight: 900;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .wsx-side-panel {\r\n      padding: 16px;\r\n      border-radius: 16px;\r\n      background:\r\n        radial-gradient(circle at 18% 18%, rgba(168, 85, 247, 0.20), transparent 45%),\r\n        rgba(255,255,255,0.045);\r\n      border: 1px solid rgba(168, 85, 247, 0.26);\r\n    }\r\n\r\n    .wsx-side-panel-title {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 12px;\r\n      color: #fff;\r\n      font-size: 15px;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .wsx-side-panel-title span {\r\n      color: var(--wsx-cyan);\r\n    }\r\n\r\n    .wsx-side-mini-list {\r\n      display: grid;\r\n      gap: 9px;\r\n      margin-top: 14px;\r\n    }\r\n\r\n    .wsx-side-mini-item {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      gap: 10px;\r\n      color: var(--wsx-muted);\r\n      font-size: 12px;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .wsx-side-mini-item strong {\r\n      color: #fff;\r\n    }\r\n\r\n    .wsx-side-list {\r\n      display: grid;\r\n      gap: 10px;\r\n      margin: 0;\r\n      padding: 0;\r\n      list-style: none;\r\n    }\r\n\r\n    .wsx-side-list li {\r\n      display: grid;\r\n      grid-template-columns: 34px minmax(0, 1fr);\r\n      gap: 10px;\r\n      align-items: start;\r\n      color: var(--wsx-muted);\r\n      font-size: 13px;\r\n      line-height: 1.45;\r\n    }\r\n\r\n    .wsx-side-list i {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 34px;\r\n      height: 34px;\r\n      border-radius: 12px;\r\n      color: #fff;\r\n      font-style: normal;\r\n      font-weight: 900;\r\n      background: linear-gradient(135deg, rgba(255,46,154,0.34), rgba(25,227,255,0.14));\r\n      border: 1px solid rgba(255,255,255,0.13);\r\n    }\r\n\r\n    .wsx-side-list strong {\r\n      display: block;\r\n      color: #fff;\r\n      font-size: 13px;\r\n      line-height: 1.3;\r\n      margin-bottom: 3px;\r\n    }\r\n\r\n    .wsx-creator-modal {\r\n      position: fixed;\r\n      inset: 0;\r\n      z-index: 99999;\r\n      display: none;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 20px;\r\n      background: rgba(3, 5, 14, 0.76);\r\n      backdrop-filter: blur(12px);\r\n      -webkit-backdrop-filter: blur(12px);\r\n    }\r\n\r\n    .wsx-creator-modal.is-open {\r\n      display: flex;\r\n    }\r\n\r\n    .wsx-modal-panel {\r\n      width: min(720px, 100%);\r\n      max-height: calc(100vh - 40px);\r\n      overflow: auto;\r\n      border-radius: 22px;\r\n      background:\r\n        radial-gradient(circle at 12% 0%, rgba(255,46,154,0.18), transparent 36%),\r\n        linear-gradient(135deg, rgba(12,18,45,0.96), rgba(5,8,22,0.98));\r\n      border: 1px solid rgba(255, 46, 154, 0.28);\r\n      box-shadow: 0 32px 120px rgba(0,0,0,0.68);\r\n    }\r\n\r\n    .wsx-modal-head {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      gap: 16px;\r\n      align-items: flex-start;\r\n      padding: 22px 22px 16px;\r\n      border-bottom: 1px solid rgba(255,255,255,0.10);\r\n    }\r\n\r\n    .wsx-modal-head h3 {\r\n      margin: 0;\r\n      color: #fff;\r\n      font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n      font-size: 36px;\r\n      line-height: 0.95;\r\n      font-weight: 900;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .wsx-modal-head p {\r\n      margin: 8px 0 0;\r\n      color: var(--wsx-muted);\r\n      font-size: 14px;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    .wsx-modal-close {\r\n      width: 42px;\r\n      height: 42px;\r\n      border-radius: 14px;\r\n      color: #fff;\r\n      background: rgba(255,255,255,0.06);\r\n      border: 1px solid rgba(255,255,255,0.12);\r\n      font-size: 24px;\r\n      line-height: 1;\r\n      flex: 0 0 auto;\r\n    }\r\n\r\n    .wsx-creator-form {\r\n      display: grid;\r\n      gap: 15px;\r\n      padding: 20px 22px 22px;\r\n    }\r\n\r\n    .wsx-form-row {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 13px;\r\n    }\r\n\r\n    .wsx-form-field label {\r\n      display: block;\r\n      margin: 0 0 8px;\r\n      color: #fff;\r\n      font-size: 13px;\r\n      font-weight: 900;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.08em;\r\n    }\r\n\r\n    .wsx-form-field input,\r\n    .wsx-form-field select,\r\n    .wsx-form-field textarea {\r\n      width: 100%;\r\n      min-height: 48px;\r\n      padding: 0 14px;\r\n      border-radius: 14px;\r\n      outline: 0;\r\n      color: #fff;\r\n      background: rgba(5, 8, 22, 0.76);\r\n      border: 1px solid rgba(255,255,255,0.14);\r\n    }\r\n\r\n    .wsx-form-field select {\r\n      color-scheme: dark;\r\n    }\r\n\r\n    .wsx-form-field textarea {\r\n      min-height: 112px;\r\n      padding: 13px 14px;\r\n      resize: vertical;\r\n    }\r\n\r\n    .wsx-form-field input::placeholder,\r\n    .wsx-form-field textarea::placeholder {\r\n      color: rgba(184,192,224,0.68);\r\n    }\r\n\r\n    .wsx-checkline {\r\n      display: grid;\r\n      grid-template-columns: 18px minmax(0, 1fr);\r\n      gap: 10px;\r\n      color: var(--wsx-muted);\r\n      font-size: 13px;\r\n      line-height: 1.45;\r\n    }\r\n\r\n    .wsx-checkline input {\r\n      width: 18px;\r\n      height: 18px;\r\n      accent-color: var(--wsx-hot);\r\n      margin: 1px 0 0;\r\n    }\r\n\r\n    .wsx-form-actions {\r\n      display: flex;\r\n      gap: 10px;\r\n      justify-content: flex-end;\r\n      flex-wrap: wrap;\r\n      padding-top: 4px;\r\n    }\r\n\r\n    .wsx-toast {\r\n      position: fixed;\r\n      left: 50%;\r\n      bottom: 22px;\r\n      z-index: 100000;\r\n      transform: translateX(-50%) translateY(20px);\r\n      opacity: 0;\r\n      pointer-events: none;\r\n      max-width: min(520px, calc(100vw - 32px));\r\n      padding: 13px 16px;\r\n      border-radius: 14px;\r\n      color: #fff;\r\n      background: rgba(7, 11, 26, 0.94);\r\n      border: 1px solid rgba(25, 227, 255, 0.24);\r\n      box-shadow: 0 18px 60px rgba(0,0,0,0.45);\r\n      font-size: 13px;\r\n      font-weight: 800;\r\n      transition: opacity .22s ease, transform .22s ease;\r\n    }\r\n\r\n    .wsx-toast.is-visible {\r\n      opacity: 1;\r\n      transform: translateX(-50%) translateY(0);\r\n    }\r\n\r\n    .wsx-creators-api-example {\r\n      display: none;\r\n    }\r\n\r\n    \/* ============================================================\r\n       FIX: breakpoints switched from @media (viewport width) to\r\n       @container (actual rendered width of .wsx-creators-directory).\r\n       This makes the layout react correctly no matter how narrow\r\n       the surrounding Elementor column\/section is, which is what\r\n       \"not responsive\" almost always means for embedded widgets.\r\n\r\n       If a very old browser doesn't support container queries,\r\n       the @supports fallback below re-applies the same rules via\r\n       @media as a safety net.\r\n       ============================================================ *\/\r\n    @container wsx (max-width: 1280px) {\r\n      .wsx-creators-shell {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .wsx-creators-side {\r\n        position: static;\r\n        display: grid;\r\n        grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      }\r\n    }\r\n\r\n    @container wsx (max-width: 1080px) {\r\n      .wsx-creators-topbar {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .wsx-featured-profile-row {\r\n        grid-template-columns: 100px minmax(0, 1fr);\r\n      }\r\n\r\n      .wsx-featured-actions {\r\n        grid-column: 1 \/ -1;\r\n        justify-content: flex-start;\r\n        padding-top: 0;\r\n      }\r\n\r\n      .wsx-creators-controls,\r\n      .wsx-creators-stats {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      }\r\n\r\n      .wsx-creators-grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      }\r\n\r\n      .wsx-creators-side {\r\n        grid-template-columns: 1fr;\r\n      }\r\n    }\r\n\r\n    @container wsx (max-width: 767px) {\r\n      .wsx-creators-main {\r\n        padding: 14px;\r\n        border-radius: 16px;\r\n      }\r\n\r\n      .wsx-creators-topbar {\r\n        gap: 14px;\r\n        margin-bottom: 16px;\r\n      }\r\n\r\n      .wsx-kicker {\r\n        font-size: 10px;\r\n        padding: 6px 9px;\r\n        margin-bottom: 8px;\r\n      }\r\n\r\n      .wsx-creators-heading {\r\n        font-size: 30px;\r\n        line-height: 0.94;\r\n        letter-spacing: -0.015em;\r\n      }\r\n\r\n      .wsx-creators-copy {\r\n        font-size: 12.8px;\r\n        line-height: 1.48;\r\n        margin-top: 9px;\r\n      }\r\n\r\n      .wsx-creator-portal-card {\r\n        padding: 14px;\r\n      }\r\n\r\n      .wsx-creator-portal-label {\r\n        font-size: 10px;\r\n      }\r\n\r\n      .wsx-creator-portal-title {\r\n        font-size: 27px;\r\n      }\r\n\r\n      .wsx-creator-portal-sub {\r\n        font-size: 12px;\r\n        line-height: 1.4;\r\n      }\r\n\r\n      .wsx-creator-portal-pill {\r\n        font-size: 10px;\r\n        min-height: 24px;\r\n        padding: 0 8px;\r\n      }\r\n\r\n      .wsx-creators-controls,\r\n      .wsx-creators-stats,\r\n      .wsx-creators-grid,\r\n      .wsx-form-row {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .wsx-creator-stat {\r\n        padding: 13px;\r\n      }\r\n\r\n      .wsx-creator-stat strong {\r\n        font-size: 29px;\r\n      }\r\n\r\n      .wsx-creator-stat span {\r\n        font-size: 12px;\r\n      }\r\n\r\n      .wsx-creators-tabs {\r\n        flex-wrap: nowrap;\r\n        overflow-x: auto;\r\n        padding-bottom: 4px;\r\n        scrollbar-width: none;\r\n      }\r\n\r\n      .wsx-creators-tabs::-webkit-scrollbar {\r\n        display: none;\r\n      }\r\n\r\n      .wsx-creators-tab {\r\n        white-space: nowrap;\r\n        flex: 0 0 auto;\r\n        min-height: 35px;\r\n        font-size: 12px;\r\n        padding: 0 12px;\r\n      }\r\n\r\n      .wsx-featured-banner {\r\n        aspect-ratio: 4.7 \/ 1;\r\n        min-height: 96px;\r\n        max-height: 118px;\r\n      }\r\n\r\n      .wsx-creator-card-banner {\r\n        aspect-ratio: 4.8 \/ 1;\r\n        min-height: 82px;\r\n        max-height: 86px;\r\n      }\r\n\r\n      .wsx-banner-img,\r\n      .wsx-card-banner-img {\r\n        object-position: center 16%;\r\n        transform: scale(1.12);\r\n      }\r\n\r\n      .wsx-featured-profile-row {\r\n        grid-template-columns: 68px minmax(0, 1fr);\r\n        gap: 11px;\r\n        padding: 0 14px 16px;\r\n        margin-top: -27px;\r\n      }\r\n\r\n      .wsx-featured-avatar {\r\n        width: 68px;\r\n        height: 68px;\r\n        border-radius: 18px;\r\n      }\r\n\r\n      .wsx-featured-info {\r\n        padding-top: 33px;\r\n      }\r\n\r\n      .wsx-creator-badges {\r\n        gap: 6px;\r\n        margin-bottom: 9px;\r\n      }\r\n\r\n      .wsx-creator-badge {\r\n        min-height: 23px;\r\n        padding: 0 8px;\r\n        font-size: 9.5px;\r\n        letter-spacing: 0.055em;\r\n      }\r\n\r\n      .wsx-featured-title {\r\n        font-size: 31px;\r\n        line-height: 0.9;\r\n      }\r\n\r\n      .wsx-featured-handle,\r\n      .wsx-creator-card-handle {\r\n        font-size: 11.5px;\r\n      }\r\n\r\n      .wsx-featured-text,\r\n      .wsx-creator-card-text {\r\n        font-size: 12.5px;\r\n        line-height: 1.48;\r\n        margin-top: 9px;\r\n      }\r\n\r\n      .wsx-social-row {\r\n        gap: 7px;\r\n        margin-top: 13px;\r\n      }\r\n\r\n      .wsx-social-icon {\r\n        width: 33px;\r\n        height: 33px;\r\n        min-width: 33px;\r\n      }\r\n\r\n      .wsx-social-icon svg {\r\n        width: 15.5px;\r\n        height: 15.5px;\r\n      }\r\n\r\n      .wsx-featured-actions {\r\n        flex-direction: column;\r\n        gap: 10px;\r\n        width: 100%;\r\n        padding-top: 4px;\r\n        margin-top: 2px;\r\n      }\r\n\r\n      .wsx-featured-actions,\r\n      .wsx-creator-card-actions {\r\n        grid-column: 1 \/ -1;\r\n        width: 100%;\r\n      }\r\n\r\n      .wsx-featured-actions .wsx-btn-primary,\r\n      .wsx-featured-actions .wsx-btn-secondary,\r\n      .wsx-creator-card-actions .wsx-btn-primary,\r\n      .wsx-creator-card-actions .wsx-btn-secondary,\r\n      .wsx-form-actions .wsx-btn-primary,\r\n      .wsx-form-actions .wsx-btn-secondary {\r\n        width: 100%;\r\n      }\r\n\r\n      .wsx-featured-actions .wsx-btn-primary,\r\n      .wsx-featured-actions .wsx-btn-secondary,\r\n      .wsx-creator-card-actions .wsx-btn-primary,\r\n      .wsx-creator-card-actions .wsx-btn-secondary {\r\n        min-height: 44px;\r\n        font-size: 12.5px;\r\n        letter-spacing: 0.08em;\r\n      }\r\n\r\n      .wsx-creator-card-title {\r\n        font-size: 24px;\r\n        line-height: 0.94;\r\n      }\r\n\r\n      .wsx-creator-card-text {\r\n        min-height: auto;\r\n      }\r\n\r\n      .wsx-creator-meta-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .wsx-side-title {\r\n        font-size: 22px;\r\n      }\r\n\r\n      .wsx-side-cta {\r\n        margin-top: 24px;\r\n      }\r\n\r\n      .wsx-side-cta .wsx-btn-primary {\r\n        width: 100%;\r\n        min-height: 44px;\r\n      }\r\n\r\n      .wsx-creators-side-card {\r\n        padding: 16px;\r\n      }\r\n\r\n      .wsx-side-list li {\r\n        font-size: 12.5px;\r\n      }\r\n\r\n      .wsx-modal-head {\r\n        padding: 18px 18px 14px;\r\n      }\r\n\r\n      .wsx-modal-head h3 {\r\n        font-size: 29px;\r\n      }\r\n\r\n      .wsx-modal-head p {\r\n        font-size: 12.8px;\r\n      }\r\n\r\n      .wsx-creator-form {\r\n        padding: 18px;\r\n      }\r\n    }\r\n\r\n    @container wsx (max-width: 420px) {\r\n      .wsx-featured-banner {\r\n        aspect-ratio: 4.4 \/ 1;\r\n        min-height: 88px;\r\n        max-height: 104px;\r\n      }\r\n\r\n      .wsx-creator-card-banner {\r\n        aspect-ratio: 4.55 \/ 1;\r\n        min-height: 78px;\r\n        max-height: 90px;\r\n      }\r\n\r\n      .wsx-banner-img,\r\n      .wsx-card-banner-img {\r\n        object-position: center 14%;\r\n        transform: scale(1.16);\r\n      }\r\n\r\n      .wsx-featured-title {\r\n        font-size: 30px;\r\n      }\r\n\r\n      .wsx-creators-heading {\r\n        font-size: 29px;\r\n      }\r\n    }\r\n\r\n    \/* Fallback for browsers without container query support:\r\n       re-apply the exact same rules via classic viewport media\r\n       queries so nothing breaks on very old browsers. *\/\r\n    @supports not (container-type: inline-size) {\r\n      @media (max-width: 1280px) {\r\n        .wsx-creators-shell { grid-template-columns: 1fr; }\r\n        .wsx-creators-side {\r\n          position: static;\r\n          display: grid;\r\n          grid-template-columns: repeat(3, minmax(0, 1fr));\r\n        }\r\n      }\r\n\r\n      @media (max-width: 1080px) {\r\n        .wsx-creators-topbar { grid-template-columns: 1fr; }\r\n        .wsx-featured-profile-row { grid-template-columns: 100px minmax(0, 1fr); }\r\n        .wsx-featured-actions { grid-column: 1 \/ -1; justify-content: flex-start; padding-top: 0; }\r\n        .wsx-creators-controls, .wsx-creators-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n        .wsx-creators-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n        .wsx-creators-side { grid-template-columns: 1fr; }\r\n      }\r\n\r\n      @media (max-width: 767px) {\r\n        .wsx-creators-controls, .wsx-creators-stats, .wsx-creators-grid, .wsx-form-row {\r\n          grid-template-columns: 1fr;\r\n        }\r\n        .wsx-featured-profile-row {\r\n          grid-template-columns: 68px minmax(0, 1fr);\r\n          margin-top: -27px;\r\n        }\r\n        .wsx-featured-avatar { width: 68px; height: 68px; border-radius: 18px; }\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"wsx-creators-shell\">\r\n    <main class=\"wsx-creators-main\">\r\n      <div class=\"wsx-creators-topbar\">\r\n        <div>\r\n          <div class=\"wsx-kicker\">\r\n            <span class=\"wsx-kicker-dot\"><\/span>\r\n            Creator Directory\r\n          <\/div>\r\n\r\n          <h2 class=\"wsx-creators-heading\">Meet The Creators<\/h2>\r\n\r\n          <p class=\"wsx-creators-copy\">\r\n            Discover every creator registered on Wanted Six. Each profile is prepared for the future creator dashboard, where creators can edit their profile, banner, avatar, bio, videos, social links and collaboration status.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-creator-portal-card\">\r\n          <div class=\"wsx-creator-portal-label\">Future Dashboard<\/div>\r\n          <div class=\"wsx-creator-portal-title\">Creator Login<\/div>\r\n          <div class=\"wsx-creator-portal-sub\">\r\n            One profile per creator. Multiple channels and social links stay inside that creator profile.\r\n          <\/div>\r\n\r\n          <div class=\"wsx-creator-portal-pills\">\r\n            <span class=\"wsx-creator-portal-pill\">Profiles<\/span>\r\n            <span class=\"wsx-creator-portal-pill\">Videos<\/span>\r\n            <span class=\"wsx-creator-portal-pill\">Socials<\/span>\r\n            <span class=\"wsx-creator-portal-pill\">Collabs<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-creators-stats\">\r\n        <div class=\"wsx-creator-stat\">\r\n          <strong data-stat-value=\"registered_creators\">1<\/strong>\r\n          <span>Registered creators<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-creator-stat\">\r\n          <strong data-stat-value=\"verified_creators\">1<\/strong>\r\n          <span>Verified profiles<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-creator-stat\">\r\n          <strong data-stat-value=\"connected_channels\">7<\/strong>\r\n          <span>Connected links<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-creator-stat\">\r\n          <strong data-stat-value=\"open_collabs\">1<\/strong>\r\n          <span>Open for collabs<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-creators-controls\">\r\n        <div class=\"wsx-creators-field\">\r\n          <input type=\"search\" placeholder=\"Search creators, handles, platforms...\" data-creators-search>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-creators-field\">\r\n          <select data-creators-type aria-label=\"Filter by creator type\">\r\n            <option value=\"all\">All Types<\/option>\r\n            <option value=\"news\">News<\/option>\r\n            <option value=\"analysis\">Analysis<\/option>\r\n            <option value=\"streamer\">Streamer<\/option>\r\n            <option value=\"clips\">Clips<\/option>\r\n            <option value=\"guides\">Guides<\/option>\r\n            <option value=\"creator\">Creator<\/option>\r\n          <\/select>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-creators-field\">\r\n          <select data-creators-platform aria-label=\"Filter by platform\">\r\n            <option value=\"all\">All Platforms<\/option>\r\n            <option value=\"youtube\">YouTube<\/option>\r\n            <option value=\"tiktok\">TikTok<\/option>\r\n            <option value=\"instagram\">Instagram<\/option>\r\n            <option value=\"twitch\">Twitch<\/option>\r\n            <option value=\"multi\">Multi Platform<\/option>\r\n          <\/select>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-creators-field\">\r\n          <select data-creators-status aria-label=\"Filter by creator status\">\r\n            <option value=\"all\">All Status<\/option>\r\n            <option value=\"featured\">Featured<\/option>\r\n            <option value=\"verified\">Verified<\/option>\r\n            <option value=\"open\">Open Collab<\/option>\r\n            <option value=\"pending\">Pending<\/option>\r\n          <\/select>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-creators-tabs\">\r\n        <button class=\"wsx-creators-tab is-active\" type=\"button\" data-creators-tab=\"all\">All<\/button>\r\n        <button class=\"wsx-creators-tab\" type=\"button\" data-creators-tab=\"featured\">Featured<\/button>\r\n        <button class=\"wsx-creators-tab\" type=\"button\" data-creators-tab=\"verified\">Verified<\/button>\r\n        <button class=\"wsx-creators-tab\" type=\"button\" data-creators-tab=\"youtube\">YouTube<\/button>\r\n        <button class=\"wsx-creators-tab\" type=\"button\" data-creators-tab=\"multi\">Multi Platform<\/button>\r\n        <button class=\"wsx-creators-tab\" type=\"button\" data-creators-tab=\"open\">Open Collab<\/button>\r\n      <\/div>\r\n\r\n      <article class=\"wsx-featured-creator\" data-featured-creator><\/article>\r\n\r\n      <div class=\"wsx-creators-grid\" data-creators-grid><\/div>\r\n\r\n      <div class=\"wsx-creators-empty\" data-creators-empty>\r\n        No creators found. Once creators register, their profiles will appear here automatically.\r\n      <\/div>\r\n    <\/main>\r\n\r\n    <aside class=\"wsx-creators-side\">\r\n      <div class=\"wsx-creators-side-card\">\r\n        <h3 class=\"wsx-side-title\">Directory Logic<\/h3>\r\n\r\n        <div class=\"wsx-side-panel\">\r\n          <div class=\"wsx-side-panel-title\">\r\n            One Card = One Creator\r\n            <span>Correct<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-side-mini-list\">\r\n            <div class=\"wsx-side-mini-item\">\r\n              <span>Creator profiles<\/span>\r\n              <strong>Dynamic<\/strong>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-side-mini-item\">\r\n              <span>Social links<\/span>\r\n              <strong>Inside profile<\/strong>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-side-mini-item\">\r\n              <span>Dashboard editing<\/span>\r\n              <strong>Prepared<\/strong>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-side-mini-item\">\r\n              <span>Endpoint rendering<\/span>\r\n              <strong>Ready<\/strong>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-side-cta\">\r\n          <button class=\"wsx-btn-primary\" type=\"button\" data-creator-apply-open data-action-type=\"creator-application\">\r\n            Apply As Creator\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-creators-side-card\">\r\n        <h3 class=\"wsx-side-title\">Creator Data Fields<\/h3>\r\n\r\n        <ul class=\"wsx-side-list\">\r\n          <li>\r\n            <i>1<\/i>\r\n            <div>\r\n              <strong>Profile<\/strong>\r\n              Display name, handle, slug, bio, type, platform, status and language.\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li>\r\n            <i>2<\/i>\r\n            <div>\r\n              <strong>Media<\/strong>\r\n              Avatar, banner, featured video, gallery, thumbnails and embeds.\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li>\r\n            <i>3<\/i>\r\n            <div>\r\n              <strong>Social Links<\/strong>\r\n              YouTube, TikTok, Instagram, Twitch, Discord and custom links stay inside the profile.\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li>\r\n            <i>4<\/i>\r\n            <div>\r\n              <strong>Dashboard<\/strong>\r\n              Creators can later update everything from app.wantedsix.com.\r\n            <\/div>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-creators-side-card\">\r\n        <h3 class=\"wsx-side-title\">App Integration<\/h3>\r\n\r\n        <ul class=\"wsx-side-list\">\r\n          <li>\r\n            <i>A<\/i>\r\n            <div>\r\n              <strong>GET Creators<\/strong>\r\n              Use <code>data-creators-endpoint<\/code> to return all registered creator profiles.\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li>\r\n            <i>B<\/i>\r\n            <div>\r\n              <strong>Creator Dashboard<\/strong>\r\n              Each creator profile can be edited through dashboard permissions.\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li>\r\n            <i>C<\/i>\r\n            <div>\r\n              <strong>Public Routing<\/strong>\r\n              Profile links use <code>\/creators\/{slug}\/<\/code> and can later route into the app.\r\n            <\/div>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/aside>\r\n  <\/div>\r\n\r\n  <div class=\"wsx-creator-modal\" data-creator-modal aria-hidden=\"true\">\r\n    <div class=\"wsx-modal-panel\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"wsxCreatorModalTitle\">\r\n      <div class=\"wsx-modal-head\">\r\n        <div>\r\n          <h3 id=\"wsxCreatorModalTitle\" data-creator-modal-title>Apply As Creator<\/h3>\r\n          <p data-creator-modal-subtitle>Submit your creator request. Later this connects to the Wanted Six creator dashboard.<\/p>\r\n        <\/div>\r\n\r\n        <button class=\"wsx-modal-close\" type=\"button\" data-creator-modal-close aria-label=\"Close creator modal\">\u00d7<\/button>\r\n      <\/div>\r\n\r\n      <form class=\"wsx-creator-form\" data-creator-form>\r\n        <input type=\"hidden\" name=\"action_type\" data-creator-form-action>\r\n        <input type=\"hidden\" name=\"creator_payload\" data-creator-payload>\r\n\r\n        <div class=\"wsx-form-row\">\r\n          <div class=\"wsx-form-field\">\r\n            <label for=\"wsxCreatorName\">Creator Name<\/label>\r\n            <input id=\"wsxCreatorName\" name=\"display_name\" type=\"text\" placeholder=\"Your creator name\" required>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-form-field\">\r\n            <label for=\"wsxCreatorHandle\">Handle<\/label>\r\n            <input id=\"wsxCreatorHandle\" name=\"handle\" type=\"text\" placeholder=\"@yourhandle\" required>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-form-row\">\r\n          <div class=\"wsx-form-field\">\r\n            <label for=\"wsxCreatorEmail\">Email<\/label>\r\n            <input id=\"wsxCreatorEmail\" name=\"email\" type=\"email\" placeholder=\"you@example.com\" required>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-form-field\">\r\n            <label for=\"wsxCreatorPlatform\">Main Platform<\/label>\r\n            <select id=\"wsxCreatorPlatform\" name=\"main_platform\" required>\r\n              <option value=\"\">Choose platform<\/option>\r\n              <option value=\"youtube\">YouTube<\/option>\r\n              <option value=\"tiktok\">TikTok<\/option>\r\n              <option value=\"instagram\">Instagram<\/option>\r\n              <option value=\"twitch\">Twitch<\/option>\r\n              <option value=\"multi\">Multi Platform<\/option>\r\n            <\/select>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-form-field\">\r\n          <label for=\"wsxCreatorProfileUrl\">Main Channel \/ Profile URL<\/label>\r\n          <input id=\"wsxCreatorProfileUrl\" name=\"profile_url\" type=\"url\" placeholder=\"https:\/\/youtube.com\/@yourchannel\">\r\n        <\/div>\r\n\r\n        <div class=\"wsx-form-field\">\r\n          <label for=\"wsxCreatorSocials\">Social Links<\/label>\r\n          <textarea id=\"wsxCreatorSocials\" name=\"social_links\" placeholder=\"Add YouTube, TikTok, Instagram, Twitch, Discord or custom links.\"><\/textarea>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-form-field\">\r\n          <label for=\"wsxCreatorBio\">Short Bio<\/label>\r\n          <textarea id=\"wsxCreatorBio\" name=\"bio\" placeholder=\"Tell us what you create and why you should be listed on Wanted Six.\"><\/textarea>\r\n        <\/div>\r\n\r\n        <label class=\"wsx-checkline\">\r\n          <input type=\"checkbox\" name=\"confirm_creator_flow\" required>\r\n          <span>I confirm that this is a static demo request and will later be handled through the Wanted Six creator dashboard\/account system.<\/span>\r\n        <\/label>\r\n\r\n        <div class=\"wsx-form-actions\">\r\n          <button class=\"wsx-btn-secondary\" type=\"button\" data-creator-modal-close>Cancel<\/button>\r\n          <button class=\"wsx-btn-primary\" type=\"submit\">Submit Request<\/button>\r\n        <\/div>\r\n      <\/form>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"wsx-toast\" data-wsx-toast><\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      const root = document.currentScript.closest('.wsx-creators-directory');\r\n      if (!root) return;\r\n\r\n      const featuredTarget = root.querySelector('[data-featured-creator]');\r\n      const grid = root.querySelector('[data-creators-grid]');\r\n      const empty = root.querySelector('[data-creators-empty]');\r\n      const searchInput = root.querySelector('[data-creators-search]');\r\n      const typeSelect = root.querySelector('[data-creators-type]');\r\n      const platformSelect = root.querySelector('[data-creators-platform]');\r\n      const statusSelect = root.querySelector('[data-creators-status]');\r\n      const tabs = Array.from(root.querySelectorAll('[data-creators-tab]'));\r\n      const modal = root.querySelector('[data-creator-modal]');\r\n      const creatorForm = root.querySelector('[data-creator-form]');\r\n      const toast = root.querySelector('[data-wsx-toast]');\r\n\r\n      let activeTab = 'all';\r\n      let toastTimer = null;\r\n\r\n      const fallbackCreators = [\r\n        {\r\n          id: 'olegator',\r\n          display_name: 'Olegator',\r\n          handle: '@Olegatorvc',\r\n          slug: 'olegator',\r\n          creator_type: 'analysis',\r\n          platform: 'youtube',\r\n          status: 'featured',\r\n          is_featured: true,\r\n          is_verified: true,\r\n          is_open_collab: true,\r\n          avatar_url: 'https:\/\/wantedsix.com\/wp-content\/uploads\/2026\/07\/channels4_profile.jpg',\r\n          banner_url: 'https:\/\/wantedsix.com\/wp-content\/uploads\/2026\/07\/channels4_banner.jpg',\r\n          profile_url: 'https:\/\/www.youtube.com\/@Olegatorvc',\r\n          bio: 'GTA 6 creator profile for news, analysis, theories, reactions, highlights and community-driven content.',\r\n          tags: ['GTA 6', 'News', 'Analysis', 'YouTube'],\r\n          stats: {\r\n            primary: 'GTA 6',\r\n            secondary: 'YouTube'\r\n          },\r\n          social_links: {\r\n            youtube: 'https:\/\/www.youtube.com\/@Olegatorvc',\r\n            uebergaming: 'https:\/\/linktr.ee\/uebergaming',\r\n            instagram: 'https:\/\/www.instagram.com\/uebergaming\/',\r\n            tiktok: 'https:\/\/www.tiktok.com\/@uebergaming',\r\n            twitch: 'https:\/\/www.twitch.tv\/uebergaming',\r\n            discord: 'https:\/\/discord.gg\/B9dmufU'\r\n          }\r\n        }\r\n      ];\r\n\r\n      function normalize(value) {\r\n        return String(value || '').trim().toLowerCase();\r\n      }\r\n\r\n      function escapeHtml(value) {\r\n        return String(value || '')\r\n          .replace(\/&\/g, '&amp;')\r\n          .replace(\/<\/g, '&lt;')\r\n          .replace(\/>\/g, '&gt;')\r\n          .replace(\/\"\/g, '&quot;')\r\n          .replace(\/'\/g, '&#039;');\r\n      }\r\n\r\n      function showToast(message) {\r\n        if (!toast) return;\r\n\r\n        toast.textContent = message;\r\n        toast.classList.add('is-visible');\r\n\r\n        clearTimeout(toastTimer);\r\n        toastTimer = setTimeout(function () {\r\n          toast.classList.remove('is-visible');\r\n        }, 2600);\r\n      }\r\n\r\n      function profileUrl(creator) {\r\n        if (creator.public_profile_url) return creator.public_profile_url;\r\n\r\n        const slug = creator.slug || creator.id || '';\r\n        const base = root.dataset.creatorProfileBaseUrl || '';\r\n\r\n        if (!slug || !base) return '#';\r\n\r\n        return base.replace(\/\\\/?$\/, '\/') + encodeURIComponent(slug) + '\/';\r\n      }\r\n\r\n      function socialLabel(key) {\r\n        const labels = {\r\n          youtube: 'YouTube',\r\n          uebergaming: '\u00dcberGaming',\r\n          ueberhighlights: '\u00dcberHighlights',\r\n          instagram: 'Instagram',\r\n          tiktok: 'TikTok',\r\n          twitch: 'Twitch',\r\n          discord: 'Discord',\r\n          x: 'X',\r\n          website: 'Website',\r\n          linktree: 'Linktree'\r\n        };\r\n\r\n        return labels[key] || key;\r\n      }\r\n\r\n      function socialIconSvg(key) {\r\n        const icons = {\r\n          youtube: '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.6 12 3.6 12 3.6s-7.5 0-9.4.5A3 3 0 0 0 .5 6.2 31.4 31.4 0 0 0 0 12a31.4 31.4 0 0 0 .5 5.8 3 3 0 0 0 2.1 2.1c1.9.5 9.4.5 9.4.5s7.5 0 9.4-.5a3 3 0 0 0 2.1-2.1A31.4 31.4 0 0 0 24 12a31.4 31.4 0 0 0-.5-5.8zM9.6 15.6V8.4l6.3 3.6-6.3 3.6z\"\/><\/svg>',\r\n          uebergaming: '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.6 12 3.6 12 3.6s-7.5 0-9.4.5A3 3 0 0 0 .5 6.2 31.4 31.4 0 0 0 0 12a31.4 31.4 0 0 0 .5 5.8 3 3 0 0 0 2.1 2.1c1.9.5 9.4.5 9.4.5s7.5 0 9.4-.5a3 3 0 0 0 2.1-2.1A31.4 31.4 0 0 0 24 12a31.4 31.4 0 0 0-.5-5.8zM9.6 15.6V8.4l6.3 3.6-6.3 3.6z\"\/><\/svg>',\r\n          instagram: '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5zm5 5.3A4.7 4.7 0 1 0 12 16.7 4.7 4.7 0 0 0 12 7.3zm0 7.7a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm5.1-8.1a1.1 1.1 0 1 0 0-2.2 1.1 1.1 0 0 0 0 2.2z\"\/><\/svg>',\r\n          tiktok: '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M16.8 2c.4 3 2.1 4.8 5.2 5v4.1a9.3 9.3 0 0 1-5.1-1.6v6.7c0 4.3-2.7 6.9-6.8 6.9A6.4 6.4 0 0 1 3.5 17c0-4.1 3.4-7.1 7.5-6.3v4.3c-1.9-.6-3.3.4-3.3 2 0 1.4 1 2.3 2.4 2.3 1.5 0 2.4-.9 2.4-2.7V2h4.3z\"\/><\/svg>',\r\n          twitch: '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 2h18v12.5l-5 5h-4l-3 3H7v-3H2V6l2-4zm2 3v11h4v3l3-3h4l2-2V5H6zm5 3h2v5h-2V8zm5 0h2v5h-2V8z\"\/><\/svg>',\r\n          discord: '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19.6 5.2A16.1 16.1 0 0 0 15.7 4l-.2.4a14 14 0 0 1 3.3 1.7 13.4 13.4 0 0 0-13.6 0 14 14 0 0 1 3.3-1.7L8.3 4a16.1 16.1 0 0 0-3.9 1.2C1.9 9 .9 12.6 1.2 16.2A15.9 15.9 0 0 0 6 18.6l1-1.6a9.5 9.5 0 0 1-1.6-.8l.4-.3a11.5 11.5 0 0 0 12.4 0l.4.3a9.5 9.5 0 0 1-1.6.8l1 1.6a15.9 15.9 0 0 0 4.8-2.4c.4-4.2-.7-7.8-3.2-11zM8.7 14.1c-.9 0-1.6-.8-1.6-1.8s.7-1.8 1.6-1.8 1.7.8 1.6 1.8c0 1-.7 1.8-1.6 1.8zm6.6 0c-.9 0-1.6-.8-1.6-1.8s.7-1.8 1.6-1.8 1.7.8 1.6 1.8c0 1-.7 1.8-1.6 1.8z\"\/><\/svg>',\r\n          linktree: '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M11 2h2v7l4.9-4.9 1.4 1.4-4.9 4.9h7v2h-7l4.9 4.9-1.4 1.4L13 13.8V22h-2v-8.2l-4.9 4.9-1.4-1.4 4.9-4.9h-7v-2h7L4.7 5.5l1.4-1.4L11 9V2z\"\/><\/svg>',\r\n          website: '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm7.8 9h-3.1a15.7 15.7 0 0 0-1.3-5A8 8 0 0 1 19.8 11zM12 4.1c.8 1.1 1.6 3.1 1.9 6.9h-3.8c.3-3.8 1.1-5.8 1.9-6.9zM4.2 13h3.1a15.7 15.7 0 0 0 1.3 5A8 8 0 0 1 4.2 13zm3.1-2H4.2A8 8 0 0 1 8.6 6a15.7 15.7 0 0 0-1.3 5zM12 19.9c-.8-1.1-1.6-3.1-1.9-6.9h3.8c-.3 3.8-1.1 5.8-1.9 6.9zm3.4-1.9a15.7 15.7 0 0 0 1.3-5h3.1a8 8 0 0 1-4.4 5z\"\/><\/svg>'\r\n        };\r\n\r\n        return icons[key] || icons.website;\r\n      }\r\n\r\n      function socialLinksHtml(creator, limit) {\r\n        const socials = creator.social_links || {};\r\n        const entries = Object.keys(socials)\r\n          .filter(function (key) {\r\n            return socials[key];\r\n          })\r\n          .slice(0, limit || 6);\r\n\r\n        if (!entries.length) return '';\r\n\r\n        return (\r\n          '<div class=\"wsx-social-row\">' +\r\n          entries.map(function (key) {\r\n            const label = socialLabel(key);\r\n\r\n            return '' +\r\n              '<a class=\"wsx-social-icon\" href=\"' + escapeHtml(socials[key]) + '\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"' + escapeHtml(label) + '\" title=\"' + escapeHtml(label) + '\" data-social-platform=\"' + escapeHtml(key) + '\">' +\r\n                socialIconSvg(key) +\r\n                '<span class=\"wsx-sr-only\">' + escapeHtml(label) + '<\/span>' +\r\n              '<\/a>';\r\n          }).join('') +\r\n          '<\/div>'\r\n        );\r\n      }\r\n\r\n      function creatorBadgesHtml(creator) {\r\n        const badges = [];\r\n\r\n        if (creator.is_featured || creator.status === 'featured') {\r\n          badges.push('<span class=\"wsx-creator-badge hot\">Featured<\/span>');\r\n        }\r\n\r\n        if (creator.is_verified || creator.status === 'verified') {\r\n          badges.push('<span class=\"wsx-creator-badge cyan\">Verified<\/span>');\r\n        }\r\n\r\n        if (creator.is_open_collab || creator.status === 'open') {\r\n          badges.push('<span class=\"wsx-creator-badge purple\">Open Collab<\/span>');\r\n        }\r\n\r\n        if (creator.creator_type) {\r\n          badges.push('<span class=\"wsx-creator-badge\">' + escapeHtml(creator.creator_type) + '<\/span>');\r\n        }\r\n\r\n        return '<div class=\"wsx-creator-badges\">' + badges.join('') + '<\/div>';\r\n      }\r\n\r\n      function renderFeatured(creator) {\r\n        if (!featuredTarget || !creator) return;\r\n\r\n        const avatar = creator.avatar_url || '';\r\n        const banner = creator.banner_url || '';\r\n        const name = creator.display_name || 'Creator';\r\n        const handle = creator.handle || '';\r\n        const bio = creator.bio || '';\r\n        const url = profileUrl(creator);\r\n\r\n        featuredTarget.dataset.creatorId = creator.id || '';\r\n        featuredTarget.dataset.creatorSlug = creator.slug || '';\r\n\r\n        featuredTarget.innerHTML =\r\n          '<div class=\"wsx-featured-banner\">' +\r\n            '<img decoding=\"async\" class=\"wsx-banner-img\" src=\"' + escapeHtml(banner) + '\" alt=\"' + escapeHtml(name) + ' creator banner\" loading=\"lazy\">' +\r\n          '<\/div>' +\r\n\r\n          '<div class=\"wsx-featured-profile-row\">' +\r\n            '<div class=\"wsx-featured-avatar\">' +\r\n              '<img decoding=\"async\" src=\"' + escapeHtml(avatar) + '\" alt=\"' + escapeHtml(name) + ' profile picture\" loading=\"lazy\">' +\r\n            '<\/div>' +\r\n\r\n            '<div class=\"wsx-featured-info\">' +\r\n              creatorBadgesHtml(creator) +\r\n              '<h3 class=\"wsx-featured-title\">' + escapeHtml(name) + '<\/h3>' +\r\n              '<div class=\"wsx-featured-handle\">' + escapeHtml(handle) + '<\/div>' +\r\n              '<p class=\"wsx-featured-text\">' + escapeHtml(bio) + '<\/p>' +\r\n              socialLinksHtml(creator, 7) +\r\n            '<\/div>' +\r\n\r\n            '<div class=\"wsx-featured-actions\">' +\r\n              '<a class=\"wsx-btn-secondary\" href=\"' + escapeHtml(url) + '\" data-creator-profile-link=\"' + escapeHtml(creator.id || '') + '\">View Profile<\/a>' +\r\n              '<button class=\"wsx-btn-primary\" type=\"button\" data-creator-apply-open data-action-type=\"collab\" data-creator-id=\"' + escapeHtml(creator.id || '') + '\">Request Collab<\/button>' +\r\n            '<\/div>' +\r\n          '<\/div>';\r\n      }\r\n\r\n      function renderCard(creator) {\r\n        const avatar = creator.avatar_url || '';\r\n        const banner = creator.banner_url || '';\r\n        const name = creator.display_name || 'Creator';\r\n        const handle = creator.handle || '';\r\n        const bio = creator.bio || '';\r\n        const creatorType = creator.creator_type || 'creator';\r\n        const platform = creator.platform || 'multi';\r\n        const status = creator.status || 'verified';\r\n        const url = profileUrl(creator);\r\n        const primary = creator.stats && creator.stats.primary ? creator.stats.primary : creatorType;\r\n        const secondary = creator.stats && creator.stats.secondary ? creator.stats.secondary : platform;\r\n\r\n        return (\r\n          '<article class=\"wsx-creator-card\" ' +\r\n            'data-creator-card ' +\r\n            'data-creator-id=\"' + escapeHtml(creator.id || '') + '\" ' +\r\n            'data-display-name=\"' + escapeHtml(name) + '\" ' +\r\n            'data-handle=\"' + escapeHtml(handle) + '\" ' +\r\n            'data-creator-type=\"' + escapeHtml(creatorType) + '\" ' +\r\n            'data-platform=\"' + escapeHtml(platform) + '\" ' +\r\n            'data-status=\"' + escapeHtml(status) + '\" ' +\r\n            'data-is-featured=\"' + String(!!creator.is_featured || status === 'featured') + '\" ' +\r\n            'data-is-verified=\"' + String(!!creator.is_verified || status === 'verified') + '\" ' +\r\n            'data-is-open=\"' + String(!!creator.is_open_collab || status === 'open') + '\"' +\r\n          '>' +\r\n            '<div class=\"wsx-creator-card-banner\">' +\r\n              '<img decoding=\"async\" class=\"wsx-card-banner-img\" src=\"' + escapeHtml(banner) + '\" alt=\"' + escapeHtml(name) + ' creator banner\" loading=\"lazy\">' +\r\n            '<\/div>' +\r\n\r\n            '<div class=\"wsx-creator-card-avatar\">' +\r\n              '<img decoding=\"async\" src=\"' + escapeHtml(avatar) + '\" alt=\"' + escapeHtml(name) + ' avatar\" loading=\"lazy\">' +\r\n            '<\/div>' +\r\n\r\n            '<div class=\"wsx-creator-card-body\">' +\r\n              creatorBadgesHtml(creator) +\r\n              '<h3 class=\"wsx-creator-card-title\">' + escapeHtml(name) + '<\/h3>' +\r\n              '<div class=\"wsx-creator-card-handle\">' + escapeHtml(handle) + '<\/div>' +\r\n              '<p class=\"wsx-creator-card-text\">' + escapeHtml(bio) + '<\/p>' +\r\n\r\n              '<div class=\"wsx-creator-meta-grid\">' +\r\n                '<div class=\"wsx-creator-meta\"><span>Focus<\/span><strong>' + escapeHtml(primary) + '<\/strong><\/div>' +\r\n                '<div class=\"wsx-creator-meta\"><span>Platform<\/span><strong>' + escapeHtml(secondary) + '<\/strong><\/div>' +\r\n              '<\/div>' +\r\n\r\n              socialLinksHtml(creator, 7) +\r\n\r\n              '<div class=\"wsx-creator-card-actions\">' +\r\n                '<a class=\"wsx-btn-secondary\" href=\"' + escapeHtml(url) + '\" data-creator-profile-link=\"' + escapeHtml(creator.id || '') + '\">View Profile<\/a>' +\r\n                '<button class=\"wsx-btn-primary\" type=\"button\" data-creator-apply-open data-action-type=\"collab\" data-creator-id=\"' + escapeHtml(creator.id || '') + '\">Collab<\/button>' +\r\n              '<\/div>' +\r\n            '<\/div>' +\r\n          '<\/article>'\r\n        );\r\n      }\r\n\r\n      function updateStats(stats, list) {\r\n        const fallbackStats = {\r\n          registered_creators: list.length,\r\n          verified_creators: list.filter(function (creator) {\r\n            return creator.is_verified || creator.status === 'verified' || creator.status === 'featured';\r\n          }).length,\r\n          connected_channels: list.reduce(function (total, creator) {\r\n            return total + Object.keys(creator.social_links || {}).filter(function (key) {\r\n              return creator.social_links[key];\r\n            }).length;\r\n          }, 0),\r\n          open_collabs: list.filter(function (creator) {\r\n            return creator.is_open_collab || creator.status === 'open' || creator.status === 'featured';\r\n          }).length\r\n        };\r\n\r\n        const finalStats = Object.assign({}, fallbackStats, stats || {});\r\n\r\n        Object.keys(finalStats).forEach(function (key) {\r\n          const target = root.querySelector('[data-stat-value=\"' + key + '\"]');\r\n          if (target) target.textContent = finalStats[key];\r\n        });\r\n      }\r\n\r\n      function renderCreators(list, stats) {\r\n        const creators = Array.isArray(list) && list.length ? list : fallbackCreators;\r\n\r\n        const featured = creators.find(function (creator) {\r\n          return creator.is_featured || creator.status === 'featured';\r\n        }) || creators[0];\r\n\r\n        renderFeatured(featured);\r\n\r\n        if (grid) {\r\n          grid.innerHTML = creators.map(renderCard).join('');\r\n        }\r\n\r\n        updateStats(stats, creators);\r\n        applyFilters();\r\n      }\r\n\r\n      function matchesTab(card) {\r\n        if (activeTab === 'all') return true;\r\n\r\n        const platform = card.dataset.platform || '';\r\n        const status = card.dataset.status || '';\r\n        const type = card.dataset.creatorType || '';\r\n        const isFeatured = card.dataset.isFeatured === 'true';\r\n        const isVerified = card.dataset.isVerified === 'true';\r\n        const isOpen = card.dataset.isOpen === 'true';\r\n\r\n        if (activeTab === 'featured') return isFeatured || status === 'featured';\r\n        if (activeTab === 'verified') return isVerified || status === 'verified';\r\n        if (activeTab === 'open') return isOpen || status === 'open';\r\n\r\n        return platform === activeTab || type === activeTab;\r\n      }\r\n\r\n      function applyFilters() {\r\n        const cards = Array.from(root.querySelectorAll('[data-creator-card]'));\r\n        const term = normalize(searchInput && searchInput.value);\r\n        const type = typeSelect ? typeSelect.value : 'all';\r\n        const platform = platformSelect ? platformSelect.value : 'all';\r\n        const status = statusSelect ? statusSelect.value : 'all';\r\n\r\n        let visible = 0;\r\n\r\n        cards.forEach(function (card) {\r\n          const text = normalize(card.textContent);\r\n          const name = normalize(card.dataset.displayName);\r\n          const handle = normalize(card.dataset.handle);\r\n          const cardType = card.dataset.creatorType || '';\r\n          const cardPlatform = card.dataset.platform || '';\r\n          const cardStatus = card.dataset.status || '';\r\n\r\n          const termMatch = !term || text.includes(term) || name.includes(term) || handle.includes(term);\r\n          const typeMatch = type === 'all' || cardType === type;\r\n          const platformMatch = platform === 'all' || cardPlatform === platform;\r\n          const statusMatch =\r\n            status === 'all' ||\r\n            cardStatus === status ||\r\n            (status === 'open' && card.dataset.isOpen === 'true') ||\r\n            (status === 'verified' && card.dataset.isVerified === 'true') ||\r\n            (status === 'featured' && card.dataset.isFeatured === 'true');\r\n\r\n          const tabMatch = matchesTab(card);\r\n          const show = termMatch && typeMatch && platformMatch && statusMatch && tabMatch;\r\n\r\n          card.classList.toggle('is-hidden', !show);\r\n          if (show) visible += 1;\r\n        });\r\n\r\n        if (empty) {\r\n          empty.classList.toggle('is-visible', visible === 0);\r\n        }\r\n      }\r\n\r\n      function openModal(button) {\r\n        if (!modal || !creatorForm) return;\r\n\r\n        const actionField = creatorForm.querySelector('[data-creator-form-action]');\r\n        if (actionField) actionField.value = button && button.dataset.actionType ? button.dataset.actionType : 'creator-application';\r\n\r\n        modal.classList.add('is-open');\r\n        modal.setAttribute('aria-hidden', 'false');\r\n        document.documentElement.style.overflow = 'hidden';\r\n      }\r\n\r\n      function closeModal() {\r\n        if (!modal) return;\r\n\r\n        modal.classList.remove('is-open');\r\n        modal.setAttribute('aria-hidden', 'true');\r\n        document.documentElement.style.overflow = '';\r\n      }\r\n\r\n      function handleSubmit(event) {\r\n        event.preventDefault();\r\n\r\n        if (!creatorForm) return;\r\n\r\n        const formData = new FormData(creatorForm);\r\n\r\n        const payload = {\r\n          action_type: formData.get('action_type') || 'creator-application',\r\n          display_name: formData.get('display_name'),\r\n          handle: formData.get('handle'),\r\n          email: formData.get('email'),\r\n          main_platform: formData.get('main_platform'),\r\n          profile_url: formData.get('profile_url'),\r\n          social_links: formData.get('social_links'),\r\n          bio: formData.get('bio'),\r\n          season_id: root.dataset.seasonId || '',\r\n          user_id: root.dataset.userId || '',\r\n          source: 'wordpress_elementor_creators_directory',\r\n          created_at: new Date().toISOString()\r\n        };\r\n\r\n        const payloadField = creatorForm.querySelector('[data-creator-payload]');\r\n        const endpoint = root.dataset.creatorApplyEndpoint || '';\r\n\r\n        if (payloadField) {\r\n          payloadField.value = JSON.stringify(payload);\r\n        }\r\n\r\n        if (endpoint) {\r\n          fetch(endpoint, {\r\n            method: 'POST',\r\n            headers: { 'Content-Type': 'application\/json' },\r\n            body: JSON.stringify(payload)\r\n          })\r\n          .then(function (response) {\r\n            if (!response.ok) throw new Error('Creator request failed');\r\n            showToast('Creator request submitted.');\r\n          })\r\n          .catch(function () {\r\n            console.info('Wanted Six creator request payload:', payload);\r\n            showToast('Demo mode: creator payload created.');\r\n          });\r\n        } else {\r\n          console.info('Wanted Six creator request payload:', payload);\r\n          showToast('Demo mode: creator payload created.');\r\n        }\r\n\r\n        creatorForm.reset();\r\n        closeModal();\r\n      }\r\n\r\n      tabs.forEach(function (tab) {\r\n        tab.addEventListener('click', function () {\r\n          activeTab = tab.dataset.creatorsTab || 'all';\r\n\r\n          tabs.forEach(function (item) {\r\n            item.classList.toggle('is-active', item === tab);\r\n          });\r\n\r\n          applyFilters();\r\n        });\r\n      });\r\n\r\n      [searchInput, typeSelect, platformSelect, statusSelect].forEach(function (control) {\r\n        if (!control) return;\r\n        control.addEventListener('input', applyFilters);\r\n        control.addEventListener('change', applyFilters);\r\n      });\r\n\r\n      root.addEventListener('click', function (event) {\r\n        const openButton = event.target.closest('[data-creator-apply-open]');\r\n        const closeButton = event.target.closest('[data-creator-modal-close]');\r\n\r\n        if (openButton) openModal(openButton);\r\n        if (closeButton) closeModal();\r\n      });\r\n\r\n      if (modal) {\r\n        modal.addEventListener('click', function (event) {\r\n          if (event.target === modal) closeModal();\r\n        });\r\n      }\r\n\r\n      document.addEventListener('keydown', function (event) {\r\n        if (event.key === 'Escape') closeModal();\r\n      });\r\n\r\n      if (creatorForm) {\r\n        creatorForm.addEventListener('submit', handleSubmit);\r\n      }\r\n\r\n      function loadCreators() {\r\n        const endpoint = root.dataset.creatorsEndpoint || '';\r\n\r\n        if (!endpoint) {\r\n          renderCreators(fallbackCreators);\r\n          return;\r\n        }\r\n\r\n        fetch(endpoint, {\r\n          method: 'GET',\r\n          headers: { 'Accept': 'application\/json' }\r\n        })\r\n        .then(function (response) {\r\n          if (!response.ok) throw new Error('Creators request failed');\r\n          return response.json();\r\n        })\r\n        .then(function (payload) {\r\n          const list = Array.isArray(payload.creators) ? payload.creators : [];\r\n          renderCreators(list, payload.stats || {});\r\n          console.info('Wanted Six creators loaded:', payload);\r\n        })\r\n        .catch(function () {\r\n          console.info('Wanted Six creators endpoint not available yet. Using fallback creator.');\r\n          renderCreators(fallbackCreators);\r\n        });\r\n      }\r\n\r\n      loadCreators();\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Meet The Creators Discover voices. Follow creators. Build the community. Find the creators behind the Wanted Six ecosystem, follow their channels and connect with the people building hype, guides, reactions and community moments around GTA 6. Explore Creators 1 Registered Creators Listed in the directory 1 Verified Profiles Approved creator accounts 7 Connected Links Channels [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-865","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/pages\/865","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/comments?post=865"}],"version-history":[{"count":52,"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/pages\/865\/revisions"}],"predecessor-version":[{"id":922,"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/pages\/865\/revisions\/922"}],"wp:attachment":[{"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/media?parent=865"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}