{"id":923,"date":"2026-07-09T07:16:24","date_gmt":"2026-07-09T07:16:24","guid":{"rendered":"https:\/\/wantedsix.com\/?page_id=923"},"modified":"2026-07-09T07:29:54","modified_gmt":"2026-07-09T07:29:54","slug":"clips","status":"publish","type":"page","link":"https:\/\/wantedsix.com\/de\/clips\/","title":{"rendered":"Clips"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"923\" class=\"elementor elementor-923\" 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\">Creator Clips<\/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\">Watch the moments shaping Leonida.<\/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=\"160\" data-end=\"367\">Discover featured clips, reactions, edits and creator videos from the Wanted Six network. Browse the best community content, follow creators and submit your own clips for future features.<\/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 Clips<\/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 - CREATOR CLIPS -->\r\n<section\r\n  class=\"wsx-stats-section\"\r\n  data-wsx-module=\"global-stats\"\r\n  data-page-context=\"creator-clips\"\r\n  data-stats-endpoint=\"\"\r\n  data-refresh-interval=\"0\"\r\n  aria-label=\"Wanted Six Creator Clips 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=\"total_clips\">\r\n      <div class=\"wsx-stat-icon wsx-pink\">\r\n        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n          <rect x=\"8\" y=\"14\" width=\"48\" height=\"34\" rx=\"7\"><\/rect>\r\n          <path d=\"M28 25l14 6-14 8V25z\"><\/path>\r\n          <path d=\"M18 56h28\"><\/path>\r\n          <path d=\"M32 48v8\"><\/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>3<\/div>\r\n        <div class=\"wsx-stat-title\">Total Clips<\/div>\r\n        <div class=\"wsx-stat-subtitle\">Published creator videos<\/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=\"featured_clips\">\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 6l5.8 15.2L54 22.4 41.4 32.7 45.4 49 32 40.2 18.6 49l4-16.3L10 22.4l16.2-1.2L32 6z\"><\/path>\r\n          <path d=\"M29 29l9 4-9 5v-9z\"><\/path>\r\n          <path d=\"M24 56h16\"><\/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\">Featured Clips<\/div>\r\n        <div class=\"wsx-stat-subtitle\">Curated by Wanted Six<\/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=\"active_creators\">\r\n      <div class=\"wsx-stat-icon wsx-purple\">\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          <rect x=\"39\" y=\"14\" width=\"15\" height=\"12\" rx=\"3\"><\/rect>\r\n          <path d=\"M43 18l5 2.5-5 2.5v-5z\"><\/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\">Active Creators<\/div>\r\n        <div class=\"wsx-stat-subtitle\">Uploading clip content<\/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=\"total_views\">\r\n      <div class=\"wsx-stat-icon wsx-orange\">\r\n        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n          <path d=\"M6 32s9-16 26-16 26 16 26 16-9 16-26 16S6 32 6 32z\"><\/path>\r\n          <circle cx=\"32\" cy=\"32\" r=\"8\"><\/circle>\r\n          <path d=\"M45 12l5-5\"><\/path>\r\n          <path d=\"M50 7h6v6\"><\/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>Demo<\/div>\r\n        <div class=\"wsx-stat-title\">Total Views<\/div>\r\n        <div class=\"wsx-stat-subtitle\">Tracked after app API<\/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 clips 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 CREATOR CLIPS BOARD -->\r\n<section\r\n  class=\"wsx-clips-board\"\r\n  data-wsx-module=\"creator-clips-board\"\r\n  data-page-context=\"creator-clips\"\r\n  data-clips-endpoint=\"\"\r\n  data-clip-submit-endpoint=\"\"\r\n  data-clip-action-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 Creator Clips Board\"\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-clips-board,\r\n    .wsx-clips-board * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .wsx-clips-board {\r\n      --wsx-bg: #050816;\r\n      --wsx-panel: rgba(7, 11, 26, 0.84);\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      container-type: inline-size;\r\n      container-name: wsxclips;\r\n    }\r\n\r\n    .wsx-clips-board img {\r\n      display: block;\r\n      max-width: none;\r\n      height: auto;\r\n    }\r\n\r\n    .wsx-clips-board a,\r\n    .wsx-clips-board button,\r\n    .wsx-clips-board input,\r\n    .wsx-clips-board select,\r\n    .wsx-clips-board textarea {\r\n      font: inherit;\r\n    }\r\n\r\n    .wsx-clips-board button {\r\n      border: 0;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .wsx-clips-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) 350px;\r\n      gap: 22px;\r\n      align-items: start;\r\n    }\r\n\r\n    .wsx-clips-main,\r\n    .wsx-clips-side-card,\r\n    .wsx-featured-clip,\r\n    .wsx-clip-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-clips-main {\r\n      min-width: 0;\r\n      padding: 22px;\r\n      border-radius: 18px;\r\n    }\r\n\r\n    .wsx-clips-main::before,\r\n    .wsx-clips-side-card::before,\r\n    .wsx-featured-clip::before,\r\n    .wsx-clip-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-clips-main > *,\r\n    .wsx-clips-side-card > *,\r\n    .wsx-featured-clip > *,\r\n    .wsx-clip-card > * {\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    .wsx-clips-topbar {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1fr) 280px;\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-clips-heading {\r\n      margin: 0;\r\n      color: #fff;\r\n      font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n      font-size: clamp(38px, 4vw, 68px);\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-clips-copy {\r\n      max-width: 790px;\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-submit-card {\r\n      padding: 16px;\r\n      border-radius: 16px;\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-submit-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-submit-title {\r\n      margin-top: 7px;\r\n      color: #fff;\r\n      font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n      font-size: 35px;\r\n      line-height: 0.95;\r\n      font-weight: 900;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .wsx-submit-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-clips-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-clip-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-clip-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-clip-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-clips-controls {\r\n      display: grid;\r\n      grid-template-columns: minmax(220px, 1fr) 165px 165px 165px;\r\n      gap: 12px;\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    .wsx-clips-field {\r\n      min-width: 0;\r\n    }\r\n\r\n    .wsx-clips-field input,\r\n    .wsx-clips-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-clips-field input::placeholder {\r\n      color: rgba(184, 192, 224, 0.72);\r\n    }\r\n\r\n    .wsx-clips-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-clips-field select option {\r\n      background: #080d23;\r\n      color: #fff;\r\n    }\r\n\r\n    .wsx-clips-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-clips-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-clips-tab:hover,\r\n    .wsx-clips-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-clip {\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    .wsx-featured-inner {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1.12fr) minmax(320px, 0.88fr);\r\n      gap: 0;\r\n      min-height: 360px;\r\n    }\r\n\r\n    .wsx-featured-media,\r\n    .wsx-clip-thumb {\r\n      position: relative;\r\n      overflow: hidden;\r\n      background: #050816;\r\n      isolation: isolate;\r\n    }\r\n\r\n    .wsx-featured-media {\r\n      min-height: 360px;\r\n    }\r\n\r\n    .wsx-featured-media img,\r\n    .wsx-clip-thumb 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      object-fit: cover !important;\r\n      object-position: center center !important;\r\n      display: block !important;\r\n      z-index: 0;\r\n      transform: scale(1.01);\r\n    }\r\n\r\n    .wsx-featured-media::after,\r\n    .wsx-clip-thumb::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 1;\r\n      pointer-events: none;\r\n      background:\r\n        linear-gradient(180deg, rgba(5,8,22,0.00), rgba(5,8,22,0.62)),\r\n        radial-gradient(circle at 18% 20%, rgba(255,46,154,0.16), transparent 42%),\r\n        radial-gradient(circle at 86% 20%, rgba(25,227,255,0.12), transparent 40%);\r\n    }\r\n\r\n    .wsx-play-button {\r\n      position: absolute;\r\n      left: 50%;\r\n      top: 50%;\r\n      z-index: 4;\r\n      width: 78px;\r\n      height: 78px;\r\n      border-radius: 999px;\r\n      transform: translate(-50%, -50%);\r\n      color: #fff;\r\n      background:\r\n        radial-gradient(circle at 35% 30%, rgba(255,255,255,0.24), transparent 34%),\r\n        linear-gradient(135deg, rgba(255,46,154,0.96), rgba(255,138,61,0.94));\r\n      border: 1px solid rgba(255,255,255,0.22);\r\n      box-shadow:\r\n        0 0 42px rgba(255,46,154,0.35),\r\n        0 18px 46px rgba(0,0,0,0.40);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      transition: transform .22s ease, box-shadow .22s ease;\r\n    }\r\n\r\n    .wsx-play-button:hover {\r\n      transform: translate(-50%, -50%) scale(1.06);\r\n      box-shadow:\r\n        0 0 54px rgba(255,46,154,0.48),\r\n        0 22px 54px rgba(0,0,0,0.46);\r\n    }\r\n\r\n    .wsx-play-button svg {\r\n      width: 29px;\r\n      height: 29px;\r\n      fill: currentColor;\r\n      margin-left: 4px;\r\n    }\r\n\r\n    .wsx-featured-body {\r\n      min-width: 0;\r\n      padding: 24px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: space-between;\r\n      background:\r\n        radial-gradient(circle at 10% 10%, rgba(255,46,154,0.12), transparent 42%),\r\n        rgba(5, 8, 22, 0.38);\r\n      border-left: 1px solid rgba(255,255,255,0.10);\r\n    }\r\n\r\n    .wsx-clip-badges {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 8px;\r\n      margin-bottom: 13px;\r\n    }\r\n\r\n    .wsx-clip-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-clip-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-clip-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-clip-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-clip-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.6vw, 64px);\r\n      line-height: 0.88;\r\n    }\r\n\r\n    .wsx-featured-text {\r\n      margin: 14px 0 0;\r\n      color: var(--wsx-muted);\r\n      font-size: 15px;\r\n      line-height: 1.62;\r\n    }\r\n\r\n    .wsx-creator-line {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      margin-top: 18px;\r\n      min-width: 0;\r\n    }\r\n\r\n    .wsx-creator-avatar {\r\n      width: 42px;\r\n      height: 42px;\r\n      min-width: 42px;\r\n      border-radius: 14px;\r\n      overflow: hidden;\r\n      border: 1px solid rgba(255,255,255,0.20);\r\n      background: rgba(5,8,22,0.82);\r\n    }\r\n\r\n    .wsx-creator-avatar img {\r\n      width: 100% !important;\r\n      height: 100% !important;\r\n      max-width: none !important;\r\n      object-fit: cover !important;\r\n      display: block !important;\r\n    }\r\n\r\n    .wsx-creator-name {\r\n      min-width: 0;\r\n    }\r\n\r\n    .wsx-creator-name strong {\r\n      display: block;\r\n      color: #fff;\r\n      font-size: 13px;\r\n      font-weight: 900;\r\n      line-height: 1.25;\r\n    }\r\n\r\n    .wsx-creator-name span {\r\n      display: block;\r\n      margin-top: 2px;\r\n      color: var(--wsx-cyan);\r\n      font-size: 12px;\r\n      font-weight: 900;\r\n      line-height: 1.25;\r\n    }\r\n\r\n    .wsx-featured-meta,\r\n    .wsx-clip-meta {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 9px;\r\n      margin-top: 18px;\r\n    }\r\n\r\n    .wsx-meta-pill {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 7px;\r\n      min-height: 32px;\r\n      padding: 0 10px;\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.10);\r\n      font-size: 12px;\r\n      font-weight: 800;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .wsx-meta-pill strong {\r\n      color: #fff;\r\n    }\r\n\r\n    .wsx-featured-actions {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 10px;\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-clips-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-clip-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-clip-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-clip-card.is-hidden {\r\n      display: none;\r\n    }\r\n\r\n    .wsx-clip-thumb {\r\n      width: 100%;\r\n      aspect-ratio: 16 \/ 9;\r\n      border-bottom: 1px solid rgba(255,255,255,0.10);\r\n    }\r\n\r\n    .wsx-clip-duration {\r\n      position: absolute;\r\n      right: 10px;\r\n      bottom: 10px;\r\n      z-index: 5;\r\n      min-height: 25px;\r\n      padding: 0 8px;\r\n      border-radius: 999px;\r\n      color: #fff;\r\n      background: rgba(5,8,22,0.78);\r\n      border: 1px solid rgba(255,255,255,0.14);\r\n      font-size: 11px;\r\n      font-weight: 900;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n\r\n    .wsx-small-play {\r\n      position: absolute;\r\n      left: 14px;\r\n      bottom: 12px;\r\n      z-index: 5;\r\n      width: 42px;\r\n      height: 42px;\r\n      border-radius: 999px;\r\n      color: #fff;\r\n      background: linear-gradient(135deg, rgba(255,46,154,0.96), rgba(255,138,61,0.94));\r\n      border: 1px solid rgba(255,255,255,0.20);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      box-shadow: 0 0 24px rgba(255,46,154,0.26);\r\n    }\r\n\r\n    .wsx-small-play svg {\r\n      width: 17px;\r\n      height: 17px;\r\n      fill: currentColor;\r\n      margin-left: 2px;\r\n    }\r\n\r\n    .wsx-clip-card-body {\r\n      padding: 16px;\r\n      min-width: 0;\r\n      display: flex;\r\n      flex-direction: column;\r\n      flex: 1;\r\n    }\r\n\r\n    .wsx-clip-card-title {\r\n      font-size: 29px;\r\n      line-height: 0.94;\r\n    }\r\n\r\n    .wsx-clip-card-text {\r\n      margin: 10px 0 0;\r\n      color: var(--wsx-muted);\r\n      font-size: 13px;\r\n      line-height: 1.55;\r\n      min-height: 60px;\r\n    }\r\n\r\n    .wsx-clip-card-actions {\r\n      display: flex;\r\n      gap: 10px;\r\n      margin-top: auto;\r\n      padding-top: 16px;\r\n    }\r\n\r\n    .wsx-clip-card-actions .wsx-btn-primary,\r\n    .wsx-clip-card-actions .wsx-btn-secondary {\r\n      width: 100%;\r\n      min-height: 42px;\r\n      font-size: 12px;\r\n      padding: 0 12px;\r\n    }\r\n\r\n    .wsx-clips-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-clips-empty.is-visible {\r\n      display: block;\r\n    }\r\n\r\n    .wsx-clips-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-clips-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-cta {\r\n      margin-top: 22px;\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-clip-modal,\r\n    .wsx-submit-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.78);\r\n      backdrop-filter: blur(12px);\r\n      -webkit-backdrop-filter: blur(12px);\r\n    }\r\n\r\n    .wsx-clip-modal.is-open,\r\n    .wsx-submit-modal.is-open {\r\n      display: flex;\r\n    }\r\n\r\n    .wsx-player-panel {\r\n      width: min(1060px, 100%);\r\n      border-radius: 22px;\r\n      overflow: hidden;\r\n      background: rgba(5, 8, 22, 0.98);\r\n      border: 1px solid rgba(255, 46, 154, 0.30);\r\n      box-shadow: 0 32px 120px rgba(0,0,0,0.72);\r\n    }\r\n\r\n    .wsx-player-head,\r\n    .wsx-submit-head {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      gap: 16px;\r\n      align-items: flex-start;\r\n      padding: 18px 20px;\r\n      border-bottom: 1px solid rgba(255,255,255,0.10);\r\n    }\r\n\r\n    .wsx-player-head h3,\r\n    .wsx-submit-head h3 {\r\n      margin: 0;\r\n      color: #fff;\r\n      font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n      font-size: 34px;\r\n      line-height: 0.95;\r\n      font-weight: 900;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .wsx-player-head p,\r\n    .wsx-submit-head p {\r\n      margin: 7px 0 0;\r\n      color: var(--wsx-muted);\r\n      font-size: 13px;\r\n      line-height: 1.45;\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-player-frame {\r\n      width: 100%;\r\n      aspect-ratio: 16 \/ 9;\r\n      background: #000;\r\n    }\r\n\r\n    .wsx-player-frame iframe {\r\n      width: 100%;\r\n      height: 100%;\r\n      display: block;\r\n      border: 0;\r\n    }\r\n\r\n    .wsx-submit-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-submit-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-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    @container wsxclips (max-width: 1280px) {\r\n      .wsx-clips-shell {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .wsx-clips-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 wsxclips (max-width: 1080px) {\r\n      .wsx-clips-topbar,\r\n      .wsx-featured-inner {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .wsx-featured-body {\r\n        border-left: 0;\r\n        border-top: 1px solid rgba(255,255,255,0.10);\r\n      }\r\n\r\n      .wsx-clips-controls,\r\n      .wsx-clips-stats {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      }\r\n\r\n      .wsx-clips-grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      }\r\n\r\n      .wsx-clips-side {\r\n        grid-template-columns: 1fr;\r\n      }\r\n    }\r\n\r\n    @container wsxclips (max-width: 767px) {\r\n      .wsx-clips-main {\r\n        padding: 14px;\r\n        border-radius: 16px;\r\n      }\r\n\r\n      .wsx-clips-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-clips-heading {\r\n        font-size: 32px;\r\n        line-height: 0.94;\r\n        letter-spacing: -0.015em;\r\n      }\r\n\r\n      .wsx-clips-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-submit-card {\r\n        padding: 14px;\r\n      }\r\n\r\n      .wsx-submit-label {\r\n        font-size: 10px;\r\n      }\r\n\r\n      .wsx-submit-title {\r\n        font-size: 27px;\r\n      }\r\n\r\n      .wsx-submit-sub {\r\n        font-size: 12px;\r\n        line-height: 1.4;\r\n      }\r\n\r\n      .wsx-clips-controls,\r\n      .wsx-clips-stats,\r\n      .wsx-clips-grid,\r\n      .wsx-form-row {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .wsx-clip-stat {\r\n        padding: 13px;\r\n      }\r\n\r\n      .wsx-clip-stat strong {\r\n        font-size: 29px;\r\n      }\r\n\r\n      .wsx-clip-stat span {\r\n        font-size: 12px;\r\n      }\r\n\r\n      .wsx-clips-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-clips-tabs::-webkit-scrollbar {\r\n        display: none;\r\n      }\r\n\r\n      .wsx-clips-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-media {\r\n        min-height: 210px;\r\n      }\r\n\r\n      .wsx-featured-body {\r\n        padding: 16px;\r\n      }\r\n\r\n      .wsx-play-button {\r\n        width: 62px;\r\n        height: 62px;\r\n      }\r\n\r\n      .wsx-play-button svg {\r\n        width: 23px;\r\n        height: 23px;\r\n      }\r\n\r\n      .wsx-featured-title {\r\n        font-size: 34px;\r\n        line-height: 0.9;\r\n      }\r\n\r\n      .wsx-featured-text,\r\n      .wsx-clip-card-text {\r\n        font-size: 12.5px;\r\n        line-height: 1.48;\r\n      }\r\n\r\n      .wsx-featured-actions,\r\n      .wsx-clip-card-actions {\r\n        flex-direction: column;\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-clip-card-actions .wsx-btn-primary,\r\n      .wsx-clip-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-clip-card-title {\r\n        font-size: 25px;\r\n      }\r\n\r\n      .wsx-side-title {\r\n        font-size: 22px;\r\n      }\r\n\r\n      .wsx-side-cta .wsx-btn-primary {\r\n        width: 100%;\r\n      }\r\n\r\n      .wsx-clips-side-card {\r\n        padding: 16px;\r\n      }\r\n\r\n      .wsx-player-head,\r\n      .wsx-submit-head {\r\n        padding: 16px;\r\n      }\r\n\r\n      .wsx-player-head h3,\r\n      .wsx-submit-head h3 {\r\n        font-size: 28px;\r\n      }\r\n\r\n      .wsx-submit-form {\r\n        padding: 18px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"wsx-clips-shell\">\r\n    <main class=\"wsx-clips-main\">\r\n      <div class=\"wsx-clips-topbar\">\r\n        <div>\r\n          <div class=\"wsx-kicker\">\r\n            <span class=\"wsx-kicker-dot\"><\/span>\r\n            Creator Clips\r\n          <\/div>\r\n\r\n          <h2 class=\"wsx-clips-heading\">Clips From The Community<\/h2>\r\n\r\n          <p class=\"wsx-clips-copy\">\r\n            Discover featured clips, reactions, edits, guides and creator videos from the Wanted Six network. Built for creator uploads now, connected to the future app dashboard later.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-submit-card\">\r\n          <div class=\"wsx-submit-label\">Creator Uploads<\/div>\r\n          <div class=\"wsx-submit-title\">Submit Clip<\/div>\r\n          <div class=\"wsx-submit-sub\">\r\n            Later creators can publish clips directly from their dashboard.\r\n          <\/div>\r\n\r\n          <div class=\"wsx-side-cta\">\r\n            <button class=\"wsx-btn-primary\" type=\"button\" data-submit-open>\r\n              Submit Content\r\n            <\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-clips-stats\">\r\n        <div class=\"wsx-clip-stat\">\r\n          <strong data-stat-value=\"total_clips\">3<\/strong>\r\n          <span>Total clips<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-clip-stat\">\r\n          <strong data-stat-value=\"featured_clips\">1<\/strong>\r\n          <span>Featured clips<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-clip-stat\">\r\n          <strong data-stat-value=\"active_creators\">1<\/strong>\r\n          <span>Active creators<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-clip-stat\">\r\n          <strong data-stat-value=\"total_views\">Demo<\/strong>\r\n          <span>Tracked after API<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-clips-controls\">\r\n        <div class=\"wsx-clips-field\">\r\n          <input type=\"search\" placeholder=\"Search clips, creators, tags...\" data-clips-search>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-clips-field\">\r\n          <select data-clips-category aria-label=\"Filter by category\">\r\n            <option value=\"all\">All Categories<\/option>\r\n            <option value=\"clips\">Clips<\/option>\r\n            <option value=\"reactions\">Reactions<\/option>\r\n            <option value=\"edits\">Edits<\/option>\r\n            <option value=\"guides\">Guides<\/option>\r\n            <option value=\"news\">News<\/option>\r\n          <\/select>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-clips-field\">\r\n          <select data-clips-creator aria-label=\"Filter by creator\">\r\n            <option value=\"all\">All Creators<\/option>\r\n            <option value=\"olegator\">Olegator<\/option>\r\n          <\/select>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-clips-field\">\r\n          <select data-clips-sort aria-label=\"Sort clips\">\r\n            <option value=\"featured\">Featured First<\/option>\r\n            <option value=\"latest\">Latest First<\/option>\r\n            <option value=\"popular\">Most Popular<\/option>\r\n            <option value=\"creator\">Creator Name<\/option>\r\n          <\/select>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-clips-tabs\">\r\n        <button class=\"wsx-clips-tab is-active\" type=\"button\" data-clips-tab=\"all\">All<\/button>\r\n        <button class=\"wsx-clips-tab\" type=\"button\" data-clips-tab=\"featured\">Featured<\/button>\r\n        <button class=\"wsx-clips-tab\" type=\"button\" data-clips-tab=\"clips\">Clips<\/button>\r\n        <button class=\"wsx-clips-tab\" type=\"button\" data-clips-tab=\"reactions\">Reactions<\/button>\r\n        <button class=\"wsx-clips-tab\" type=\"button\" data-clips-tab=\"edits\">Edits<\/button>\r\n        <button class=\"wsx-clips-tab\" type=\"button\" data-clips-tab=\"guides\">Guides<\/button>\r\n      <\/div>\r\n\r\n      <article class=\"wsx-featured-clip\" data-featured-clip><\/article>\r\n\r\n      <div class=\"wsx-clips-grid\" data-clips-grid><\/div>\r\n\r\n      <div class=\"wsx-clips-empty\" data-clips-empty>\r\n        No clips found. Once creators upload content, clips will appear here automatically.\r\n      <\/div>\r\n    <\/main>\r\n\r\n    <aside class=\"wsx-clips-side\">\r\n      <div class=\"wsx-clips-side-card\">\r\n        <h3 class=\"wsx-side-title\">Clip System<\/h3>\r\n\r\n        <div class=\"wsx-side-panel\">\r\n          <div class=\"wsx-side-panel-title\">\r\n            Creator Content\r\n            <span>Ready<\/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>Featured clips<\/span>\r\n              <strong>Dynamic<\/strong>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-side-mini-item\">\r\n              <span>Creator uploads<\/span>\r\n              <strong>Prepared<\/strong>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-side-mini-item\">\r\n              <span>Video embeds<\/span>\r\n              <strong>YouTube<\/strong>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-side-mini-item\">\r\n              <span>Dashboard flow<\/span>\r\n              <strong>App-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-submit-open>\r\n            Submit Clip\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-clips-side-card\">\r\n        <h3 class=\"wsx-side-title\">Future Creator Flow<\/h3>\r\n\r\n        <ul class=\"wsx-side-list\">\r\n          <li>\r\n            <i>1<\/i>\r\n            <div>\r\n              <strong>Creator Login<\/strong>\r\n              Creators log into the app and manage their own clips.\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li>\r\n            <i>2<\/i>\r\n            <div>\r\n              <strong>Upload \/ Embed<\/strong>\r\n              YouTube, Shorts, TikTok, Reels or direct app uploads can be stored per creator.\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li>\r\n            <i>3<\/i>\r\n            <div>\r\n              <strong>Moderation<\/strong>\r\n              Clips can be pending, approved, featured, rejected or hidden.\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li>\r\n            <i>4<\/i>\r\n            <div>\r\n              <strong>Ranking<\/strong>\r\n              Later clips can connect to likes, views, rewards and leaderboards.\r\n            <\/div>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-clips-side-card\">\r\n        <h3 class=\"wsx-side-title\">API Fields<\/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 Clips<\/strong>\r\n              Use <code>data-clips-endpoint<\/code> to return all approved creator clips.\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li>\r\n            <i>B<\/i>\r\n            <div>\r\n              <strong>POST Submit<\/strong>\r\n              Use <code>data-clip-submit-endpoint<\/code> for creator submissions.\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li>\r\n            <i>C<\/i>\r\n            <div>\r\n              <strong>Profile Relation<\/strong>\r\n              Every clip belongs to a creator profile, slug and user account.\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-clip-modal\" data-clip-modal aria-hidden=\"true\">\r\n    <div class=\"wsx-player-panel\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"wsxPlayerTitle\">\r\n      <div class=\"wsx-player-head\">\r\n        <div>\r\n          <h3 id=\"wsxPlayerTitle\" data-player-title>Clip Player<\/h3>\r\n          <p data-player-subtitle>Wanted Six Creator Clip<\/p>\r\n        <\/div>\r\n\r\n        <button class=\"wsx-modal-close\" type=\"button\" data-player-close aria-label=\"Close video player\">\u00d7<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-player-frame\" data-player-frame><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"wsx-submit-modal\" data-submit-modal aria-hidden=\"true\">\r\n    <div class=\"wsx-submit-panel\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"wsxSubmitTitle\">\r\n      <div class=\"wsx-submit-head\">\r\n        <div>\r\n          <h3 id=\"wsxSubmitTitle\">Submit Clip<\/h3>\r\n          <p>Static demo form. Later this connects to the Wanted Six creator dashboard and moderation queue.<\/p>\r\n        <\/div>\r\n\r\n        <button class=\"wsx-modal-close\" type=\"button\" data-submit-close aria-label=\"Close submit modal\">\u00d7<\/button>\r\n      <\/div>\r\n\r\n      <form class=\"wsx-submit-form\" data-submit-form>\r\n        <input type=\"hidden\" name=\"clip_payload\" data-clip-payload>\r\n\r\n        <div class=\"wsx-form-row\">\r\n          <div class=\"wsx-form-field\">\r\n            <label for=\"wsxClipCreator\">Creator Name<\/label>\r\n            <input id=\"wsxClipCreator\" name=\"creator_name\" type=\"text\" placeholder=\"Your creator name\" required>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-form-field\">\r\n            <label for=\"wsxClipHandle\">Handle<\/label>\r\n            <input id=\"wsxClipHandle\" name=\"creator_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=\"wsxClipEmail\">Email<\/label>\r\n            <input id=\"wsxClipEmail\" 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=\"wsxClipCategory\">Category<\/label>\r\n            <select id=\"wsxClipCategory\" name=\"category\" required>\r\n              <option value=\"\">Choose category<\/option>\r\n              <option value=\"clips\">Clips<\/option>\r\n              <option value=\"reactions\">Reactions<\/option>\r\n              <option value=\"edits\">Edits<\/option>\r\n              <option value=\"guides\">Guides<\/option>\r\n              <option value=\"news\">News<\/option>\r\n            <\/select>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-form-field\">\r\n          <label for=\"wsxClipUrl\">Video URL<\/label>\r\n          <input id=\"wsxClipUrl\" name=\"video_url\" type=\"url\" placeholder=\"https:\/\/www.youtube.com\/watch?v=...\" required>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-form-field\">\r\n          <label for=\"wsxClipTitle\">Clip Title<\/label>\r\n          <input id=\"wsxClipTitle\" name=\"clip_title\" type=\"text\" placeholder=\"Your clip title\" required>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-form-field\">\r\n          <label for=\"wsxClipNotes\">Notes<\/label>\r\n          <textarea id=\"wsxClipNotes\" name=\"notes\" placeholder=\"Tell us why this should be featured.\"><\/textarea>\r\n        <\/div>\r\n\r\n        <label class=\"wsx-checkline\">\r\n          <input type=\"checkbox\" name=\"confirm_clip_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\/moderation system.<\/span>\r\n        <\/label>\r\n\r\n        <div class=\"wsx-form-actions\">\r\n          <button class=\"wsx-btn-secondary\" type=\"button\" data-submit-close>Cancel<\/button>\r\n          <button class=\"wsx-btn-primary\" type=\"submit\">Submit Clip<\/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 type=\"application\/json\" class=\"wsx-clips-api-example\">\r\n    {\r\n      \"stats\": {\r\n        \"total_clips\": 3,\r\n        \"featured_clips\": 1,\r\n        \"active_creators\": 1,\r\n        \"total_views\": \"Demo\"\r\n      },\r\n      \"clips\": [\r\n        {\r\n          \"id\": \"olegator-qcieaa7swvk\",\r\n          \"video_id\": \"QcIeaA7SWvk\",\r\n          \"video_url\": \"https:\/\/www.youtube.com\/watch?v=QcIeaA7SWvk\",\r\n          \"title\": \"Olegator Creator Clip 01\",\r\n          \"description\": \"Featured creator clip from Olegator. This is demo content and can later be replaced by live creator uploads.\",\r\n          \"creator_id\": \"olegator\",\r\n          \"creator_name\": \"Olegator\",\r\n          \"creator_handle\": \"@Olegatorvc\",\r\n          \"creator_slug\": \"olegator\",\r\n          \"creator_avatar\": \"https:\/\/wantedsix.com\/wp-content\/uploads\/2026\/07\/channels4_profile.jpg\",\r\n          \"category\": \"clips\",\r\n          \"status\": \"featured\",\r\n          \"is_featured\": true,\r\n          \"duration\": \"YouTube\",\r\n          \"published_at\": \"2026-07-09\",\r\n          \"stats\": {\r\n            \"views\": \"Demo\",\r\n            \"likes\": \"Demo\"\r\n          },\r\n          \"tags\": [\"Olegator\", \"GTA 6\", \"Creator Clip\"]\r\n        }\r\n      ]\r\n    }\r\n  <\/script>\r\n\r\n  <script>\r\n    (function () {\r\n      const root = document.currentScript.closest('.wsx-clips-board');\r\n      if (!root) return;\r\n\r\n      const featuredTarget = root.querySelector('[data-featured-clip]');\r\n      const grid = root.querySelector('[data-clips-grid]');\r\n      const empty = root.querySelector('[data-clips-empty]');\r\n      const searchInput = root.querySelector('[data-clips-search]');\r\n      const categorySelect = root.querySelector('[data-clips-category]');\r\n      const creatorSelect = root.querySelector('[data-clips-creator]');\r\n      const sortSelect = root.querySelector('[data-clips-sort]');\r\n      const tabs = Array.from(root.querySelectorAll('[data-clips-tab]'));\r\n      const playerModal = root.querySelector('[data-clip-modal]');\r\n      const playerFrame = root.querySelector('[data-player-frame]');\r\n      const playerTitle = root.querySelector('[data-player-title]');\r\n      const playerSubtitle = root.querySelector('[data-player-subtitle]');\r\n      const submitModal = root.querySelector('[data-submit-modal]');\r\n      const submitForm = root.querySelector('[data-submit-form]');\r\n      const toast = root.querySelector('[data-wsx-toast]');\r\n\r\n      let activeTab = 'all';\r\n      let clips = [];\r\n      let toastTimer = null;\r\n\r\n      const fallbackClips = [\r\n        {\r\n          id: 'olegator-qcieaa7swvk',\r\n          video_id: 'QcIeaA7SWvk',\r\n          video_url: 'https:\/\/www.youtube.com\/watch?v=QcIeaA7SWvk',\r\n          title: 'Olegator Creator Clip 01',\r\n          description: 'Featured creator clip from Olegator. This is demo content and can later be replaced by live creator uploads.',\r\n          creator_id: 'olegator',\r\n          creator_name: 'Olegator',\r\n          creator_handle: '@Olegatorvc',\r\n          creator_slug: 'olegator',\r\n          creator_avatar: 'https:\/\/wantedsix.com\/wp-content\/uploads\/2026\/07\/channels4_profile.jpg',\r\n          category: 'clips',\r\n          status: 'featured',\r\n          is_featured: true,\r\n          duration: 'YouTube',\r\n          published_at: '2026-07-09',\r\n          stats: {\r\n            views: 'Demo',\r\n            likes: 'Demo'\r\n          },\r\n          tags: ['Olegator', 'GTA 6', 'Creator Clip']\r\n        },\r\n        {\r\n          id: 'olegator-xg5ocgjpxju',\r\n          video_id: 'xG5OcGJpXjU',\r\n          video_url: 'https:\/\/www.youtube.com\/watch?v=xG5OcGJpXjU',\r\n          title: 'Olegator Creator Clip 02',\r\n          description: 'Creator video from Olegator prepared for the Wanted Six clips board and future dashboard integration.',\r\n          creator_id: 'olegator',\r\n          creator_name: 'Olegator',\r\n          creator_handle: '@Olegatorvc',\r\n          creator_slug: 'olegator',\r\n          creator_avatar: 'https:\/\/wantedsix.com\/wp-content\/uploads\/2026\/07\/channels4_profile.jpg',\r\n          category: 'reactions',\r\n          status: 'approved',\r\n          is_featured: false,\r\n          duration: 'YouTube',\r\n          published_at: '2026-07-09',\r\n          stats: {\r\n            views: 'Demo',\r\n            likes: 'Demo'\r\n          },\r\n          tags: ['Olegator', 'Reaction', 'GTA 6']\r\n        },\r\n        {\r\n          id: 'olegator-6fvcldqh18g',\r\n          video_id: '6FVcLdQh18g',\r\n          video_url: 'https:\/\/www.youtube.com\/watch?v=6FVcLdQh18g',\r\n          title: 'Olegator Creator Clip 03',\r\n          description: 'Community-ready creator clip from Olegator. Later this can be voted, ranked, featured and connected to rewards.',\r\n          creator_id: 'olegator',\r\n          creator_name: 'Olegator',\r\n          creator_handle: '@Olegatorvc',\r\n          creator_slug: 'olegator',\r\n          creator_avatar: 'https:\/\/wantedsix.com\/wp-content\/uploads\/2026\/07\/channels4_profile.jpg',\r\n          category: 'news',\r\n          status: 'approved',\r\n          is_featured: false,\r\n          duration: 'YouTube',\r\n          published_at: '2026-07-09',\r\n          stats: {\r\n            views: 'Demo',\r\n            likes: 'Demo'\r\n          },\r\n          tags: ['Olegator', 'News', 'Creator Clip']\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 thumbUrl(videoId) {\r\n        return 'https:\/\/img.youtube.com\/vi\/' + encodeURIComponent(videoId) + '\/hqdefault.jpg';\r\n      }\r\n\r\n      function embedUrl(videoId) {\r\n        return 'https:\/\/www.youtube-nocookie.com\/embed\/' + encodeURIComponent(videoId) + '?autoplay=1&rel=0&modestbranding=1';\r\n      }\r\n\r\n      function creatorProfileUrl(clip) {\r\n        if (clip.creator_profile_url) return clip.creator_profile_url;\r\n\r\n        const slug = clip.creator_slug || clip.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 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 playIcon() {\r\n        return '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7-11-7z\"><\/path><\/svg>';\r\n      }\r\n\r\n      function clipBadgesHtml(clip) {\r\n        const badges = [];\r\n\r\n        if (clip.is_featured || clip.status === 'featured') {\r\n          badges.push('<span class=\"wsx-clip-badge hot\">Featured<\/span>');\r\n        }\r\n\r\n        badges.push('<span class=\"wsx-clip-badge cyan\">' + escapeHtml(clip.creator_name || 'Creator') + '<\/span>');\r\n        badges.push('<span class=\"wsx-clip-badge purple\">' + escapeHtml(clip.category || 'Clip') + '<\/span>');\r\n\r\n        if (clip.status && clip.status !== 'featured') {\r\n          badges.push('<span class=\"wsx-clip-badge\">' + escapeHtml(clip.status) + '<\/span>');\r\n        }\r\n\r\n        return '<div class=\"wsx-clip-badges\">' + badges.join('') + '<\/div>';\r\n      }\r\n\r\n      function creatorLineHtml(clip) {\r\n        return (\r\n          '<div class=\"wsx-creator-line\">' +\r\n            '<a class=\"wsx-creator-avatar\" href=\"' + escapeHtml(creatorProfileUrl(clip)) + '\">' +\r\n              '<img decoding=\"async\" src=\"' + escapeHtml(clip.creator_avatar || '') + '\" alt=\"' + escapeHtml(clip.creator_name || 'Creator') + ' avatar\" loading=\"lazy\">' +\r\n            '<\/a>' +\r\n            '<div class=\"wsx-creator-name\">' +\r\n              '<strong>' + escapeHtml(clip.creator_name || 'Creator') + '<\/strong>' +\r\n              '<span>' + escapeHtml(clip.creator_handle || '') + '<\/span>' +\r\n            '<\/div>' +\r\n          '<\/div>'\r\n        );\r\n      }\r\n\r\n      function metaHtml(clip) {\r\n        const views = clip.stats && clip.stats.views ? clip.stats.views : 'Demo';\r\n        const likes = clip.stats && clip.stats.likes ? clip.stats.likes : 'Demo';\r\n\r\n        return (\r\n          '<div class=\"wsx-clip-meta\">' +\r\n            '<span class=\"wsx-meta-pill\">Views <strong>' + escapeHtml(views) + '<\/strong><\/span>' +\r\n            '<span class=\"wsx-meta-pill\">Likes <strong>' + escapeHtml(likes) + '<\/strong><\/span>' +\r\n            '<span class=\"wsx-meta-pill\">Source <strong>YouTube<\/strong><\/span>' +\r\n          '<\/div>'\r\n        );\r\n      }\r\n\r\n      function renderFeatured(clip) {\r\n        if (!featuredTarget || !clip) return;\r\n\r\n        featuredTarget.dataset.clipId = clip.id || '';\r\n        featuredTarget.dataset.videoId = clip.video_id || '';\r\n\r\n        featuredTarget.innerHTML =\r\n          '<div class=\"wsx-featured-inner\">' +\r\n            '<div class=\"wsx-featured-media\">' +\r\n              '<img decoding=\"async\" src=\"' + escapeHtml(thumbUrl(clip.video_id)) + '\" alt=\"' + escapeHtml(clip.title) + '\" loading=\"lazy\">' +\r\n              '<button class=\"wsx-play-button\" type=\"button\" data-play-clip data-video-id=\"' + escapeHtml(clip.video_id) + '\" data-clip-title=\"' + escapeHtml(clip.title) + '\" data-clip-creator=\"' + escapeHtml(clip.creator_name || '') + '\" aria-label=\"Play ' + escapeHtml(clip.title) + '\">' +\r\n                playIcon() +\r\n              '<\/button>' +\r\n            '<\/div>' +\r\n\r\n            '<div class=\"wsx-featured-body\">' +\r\n              '<div>' +\r\n                clipBadgesHtml(clip) +\r\n                '<h3 class=\"wsx-featured-title\">' + escapeHtml(clip.title || 'Featured Clip') + '<\/h3>' +\r\n                '<p class=\"wsx-featured-text\">' + escapeHtml(clip.description || '') + '<\/p>' +\r\n                creatorLineHtml(clip) +\r\n                metaHtml(clip) +\r\n              '<\/div>' +\r\n\r\n              '<div class=\"wsx-featured-actions\">' +\r\n                '<button class=\"wsx-btn-primary\" type=\"button\" data-play-clip data-video-id=\"' + escapeHtml(clip.video_id) + '\" data-clip-title=\"' + escapeHtml(clip.title) + '\" data-clip-creator=\"' + escapeHtml(clip.creator_name || '') + '\">Watch Clip<\/button>' +\r\n                '<a class=\"wsx-btn-secondary\" href=\"' + escapeHtml(creatorProfileUrl(clip)) + '\">View Creator<\/a>' +\r\n              '<\/div>' +\r\n            '<\/div>' +\r\n          '<\/div>';\r\n      }\r\n\r\n      function renderCard(clip) {\r\n        return (\r\n          '<article class=\"wsx-clip-card\" ' +\r\n            'data-clip-card ' +\r\n            'data-clip-id=\"' + escapeHtml(clip.id || '') + '\" ' +\r\n            'data-video-id=\"' + escapeHtml(clip.video_id || '') + '\" ' +\r\n            'data-title=\"' + escapeHtml(clip.title || '') + '\" ' +\r\n            'data-creator-id=\"' + escapeHtml(clip.creator_id || '') + '\" ' +\r\n            'data-creator-name=\"' + escapeHtml(clip.creator_name || '') + '\" ' +\r\n            'data-category=\"' + escapeHtml(clip.category || '') + '\" ' +\r\n            'data-status=\"' + escapeHtml(clip.status || '') + '\" ' +\r\n            'data-is-featured=\"' + String(!!clip.is_featured || clip.status === 'featured') + '\"' +\r\n          '>' +\r\n            '<div class=\"wsx-clip-thumb\">' +\r\n              '<img decoding=\"async\" src=\"' + escapeHtml(thumbUrl(clip.video_id)) + '\" alt=\"' + escapeHtml(clip.title || 'Creator clip') + '\" loading=\"lazy\">' +\r\n              '<button class=\"wsx-small-play\" type=\"button\" data-play-clip data-video-id=\"' + escapeHtml(clip.video_id) + '\" data-clip-title=\"' + escapeHtml(clip.title) + '\" data-clip-creator=\"' + escapeHtml(clip.creator_name || '') + '\" aria-label=\"Play ' + escapeHtml(clip.title) + '\">' +\r\n                playIcon() +\r\n              '<\/button>' +\r\n              '<span class=\"wsx-clip-duration\">' + escapeHtml(clip.duration || 'Video') + '<\/span>' +\r\n            '<\/div>' +\r\n\r\n            '<div class=\"wsx-clip-card-body\">' +\r\n              clipBadgesHtml(clip) +\r\n              '<h3 class=\"wsx-clip-card-title\">' + escapeHtml(clip.title || 'Creator Clip') + '<\/h3>' +\r\n              '<p class=\"wsx-clip-card-text\">' + escapeHtml(clip.description || '') + '<\/p>' +\r\n              creatorLineHtml(clip) +\r\n              metaHtml(clip) +\r\n\r\n              '<div class=\"wsx-clip-card-actions\">' +\r\n                '<button class=\"wsx-btn-primary\" type=\"button\" data-play-clip data-video-id=\"' + escapeHtml(clip.video_id) + '\" data-clip-title=\"' + escapeHtml(clip.title) + '\" data-clip-creator=\"' + escapeHtml(clip.creator_name || '') + '\">Watch<\/button>' +\r\n                '<a class=\"wsx-btn-secondary\" href=\"' + escapeHtml(creatorProfileUrl(clip)) + '\">Creator<\/a>' +\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          total_clips: list.length,\r\n          featured_clips: list.filter(function (clip) {\r\n            return clip.is_featured || clip.status === 'featured';\r\n          }).length,\r\n          active_creators: Array.from(new Set(list.map(function (clip) {\r\n            return clip.creator_id || clip.creator_name;\r\n          }))).filter(Boolean).length,\r\n          total_views: 'Demo'\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 sortedClips(list) {\r\n        const sort = sortSelect ? sortSelect.value : 'featured';\r\n        const copy = list.slice();\r\n\r\n        if (sort === 'featured') {\r\n          copy.sort(function (a, b) {\r\n            return Number(!!b.is_featured || b.status === 'featured') - Number(!!a.is_featured || a.status === 'featured');\r\n          });\r\n        }\r\n\r\n        if (sort === 'latest') {\r\n          copy.sort(function (a, b) {\r\n            return String(b.published_at || '').localeCompare(String(a.published_at || ''));\r\n          });\r\n        }\r\n\r\n        if (sort === 'creator') {\r\n          copy.sort(function (a, b) {\r\n            return String(a.creator_name || '').localeCompare(String(b.creator_name || ''));\r\n          });\r\n        }\r\n\r\n        return copy;\r\n      }\r\n\r\n      function renderClips(list, stats) {\r\n        clips = Array.isArray(list) && list.length ? list : fallbackClips;\r\n\r\n        const sorted = sortedClips(clips);\r\n        const featured = sorted.find(function (clip) {\r\n          return clip.is_featured || clip.status === 'featured';\r\n        }) || sorted[0];\r\n\r\n        renderFeatured(featured);\r\n\r\n        if (grid) {\r\n          grid.innerHTML = sorted.map(renderCard).join('');\r\n        }\r\n\r\n        updateStats(stats, clips);\r\n        applyFilters();\r\n      }\r\n\r\n      function matchesTab(card) {\r\n        if (activeTab === 'all') return true;\r\n\r\n        const category = card.dataset.category || '';\r\n        const status = card.dataset.status || '';\r\n        const isFeatured = card.dataset.isFeatured === 'true';\r\n\r\n        if (activeTab === 'featured') return isFeatured || status === 'featured';\r\n\r\n        return category === activeTab;\r\n      }\r\n\r\n      function applyFilters() {\r\n        const cards = Array.from(root.querySelectorAll('[data-clip-card]'));\r\n        const term = normalize(searchInput && searchInput.value);\r\n        const category = categorySelect ? categorySelect.value : 'all';\r\n        const creator = creatorSelect ? creatorSelect.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 title = normalize(card.dataset.title);\r\n          const creatorName = normalize(card.dataset.creatorName);\r\n          const cardCategory = card.dataset.category || '';\r\n          const cardCreator = card.dataset.creatorId || '';\r\n\r\n          const termMatch = !term || text.includes(term) || title.includes(term) || creatorName.includes(term);\r\n          const categoryMatch = category === 'all' || cardCategory === category;\r\n          const creatorMatch = creator === 'all' || cardCreator === creator;\r\n          const tabMatch = matchesTab(card);\r\n\r\n          const show = termMatch && categoryMatch && creatorMatch && 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 openPlayer(videoId, title, creator) {\r\n        if (!playerModal || !playerFrame || !videoId) return;\r\n\r\n        if (playerTitle) playerTitle.textContent = title || 'Clip Player';\r\n        if (playerSubtitle) playerSubtitle.textContent = creator ? 'by ' + creator : 'Wanted Six Creator Clip';\r\n\r\n        playerFrame.innerHTML =\r\n          '<iframe src=\"' + escapeHtml(embedUrl(videoId)) + '\" title=\"' + escapeHtml(title || 'Creator clip') + '\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>';\r\n\r\n        playerModal.classList.add('is-open');\r\n        playerModal.setAttribute('aria-hidden', 'false');\r\n        document.documentElement.style.overflow = 'hidden';\r\n      }\r\n\r\n      function closePlayer() {\r\n        if (!playerModal || !playerFrame) return;\r\n\r\n        playerModal.classList.remove('is-open');\r\n        playerModal.setAttribute('aria-hidden', 'true');\r\n        playerFrame.innerHTML = '';\r\n        document.documentElement.style.overflow = '';\r\n      }\r\n\r\n      function openSubmit() {\r\n        if (!submitModal) return;\r\n\r\n        submitModal.classList.add('is-open');\r\n        submitModal.setAttribute('aria-hidden', 'false');\r\n        document.documentElement.style.overflow = 'hidden';\r\n      }\r\n\r\n      function closeSubmit() {\r\n        if (!submitModal) return;\r\n\r\n        submitModal.classList.remove('is-open');\r\n        submitModal.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 (!submitForm) return;\r\n\r\n        const formData = new FormData(submitForm);\r\n\r\n        const payload = {\r\n          creator_name: formData.get('creator_name'),\r\n          creator_handle: formData.get('creator_handle'),\r\n          email: formData.get('email'),\r\n          category: formData.get('category'),\r\n          video_url: formData.get('video_url'),\r\n          clip_title: formData.get('clip_title'),\r\n          notes: formData.get('notes'),\r\n          season_id: root.dataset.seasonId || '',\r\n          user_id: root.dataset.userId || '',\r\n          source: 'wordpress_elementor_creator_clips_board',\r\n          status: 'pending_moderation',\r\n          created_at: new Date().toISOString()\r\n        };\r\n\r\n        const payloadField = submitForm.querySelector('[data-clip-payload]');\r\n        const endpoint = root.dataset.clipSubmitEndpoint || '';\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('Clip submit failed');\r\n            showToast('Clip submitted for review.');\r\n          })\r\n          .catch(function () {\r\n            console.info('Wanted Six clip submit payload:', payload);\r\n            showToast('Demo mode: clip payload created.');\r\n          });\r\n        } else {\r\n          console.info('Wanted Six clip submit payload:', payload);\r\n          showToast('Demo mode: clip payload created.');\r\n        }\r\n\r\n        submitForm.reset();\r\n        closeSubmit();\r\n      }\r\n\r\n      tabs.forEach(function (tab) {\r\n        tab.addEventListener('click', function () {\r\n          activeTab = tab.dataset.clipsTab || '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, categorySelect, creatorSelect].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      if (sortSelect) {\r\n        sortSelect.addEventListener('change', function () {\r\n          renderClips(clips);\r\n        });\r\n      }\r\n\r\n      root.addEventListener('click', function (event) {\r\n        const playButton = event.target.closest('[data-play-clip]');\r\n        const playerClose = event.target.closest('[data-player-close]');\r\n        const submitOpen = event.target.closest('[data-submit-open]');\r\n        const submitClose = event.target.closest('[data-submit-close]');\r\n\r\n        if (playButton) {\r\n          openPlayer(playButton.dataset.videoId, playButton.dataset.clipTitle, playButton.dataset.clipCreator);\r\n        }\r\n\r\n        if (playerClose) closePlayer();\r\n        if (submitOpen) openSubmit();\r\n        if (submitClose) closeSubmit();\r\n      });\r\n\r\n      if (playerModal) {\r\n        playerModal.addEventListener('click', function (event) {\r\n          if (event.target === playerModal) closePlayer();\r\n        });\r\n      }\r\n\r\n      if (submitModal) {\r\n        submitModal.addEventListener('click', function (event) {\r\n          if (event.target === submitModal) closeSubmit();\r\n        });\r\n      }\r\n\r\n      document.addEventListener('keydown', function (event) {\r\n        if (event.key === 'Escape') {\r\n          closePlayer();\r\n          closeSubmit();\r\n        }\r\n      });\r\n\r\n      if (submitForm) {\r\n        submitForm.addEventListener('submit', handleSubmit);\r\n      }\r\n\r\n      function loadClips() {\r\n        const endpoint = root.dataset.clipsEndpoint || '';\r\n\r\n        if (!endpoint) {\r\n          renderClips(fallbackClips);\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('Clips request failed');\r\n          return response.json();\r\n        })\r\n        .then(function (payload) {\r\n          const list = Array.isArray(payload.clips) ? payload.clips : [];\r\n          renderClips(list, payload.stats || {});\r\n          console.info('Wanted Six creator clips loaded:', payload);\r\n        })\r\n        .catch(function () {\r\n          console.info('Wanted Six clips endpoint not available yet. Using fallback clips.');\r\n          renderClips(fallbackClips);\r\n        });\r\n      }\r\n\r\n      loadClips();\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>Creator Clips Watch the moments shaping Leonida. Discover featured clips, reactions, edits and creator videos from the Wanted Six network. Browse the best community content, follow creators and submit your own clips for future features. Explore Clips 3 Total Clips Published creator videos 1 Featured Clips Curated by Wanted Six 1 Active Creators Uploading clip [&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-923","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/pages\/923","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=923"}],"version-history":[{"count":10,"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/pages\/923\/revisions"}],"predecessor-version":[{"id":933,"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/pages\/923\/revisions\/933"}],"wp:attachment":[{"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/media?parent=923"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}