{"id":950,"date":"2026-07-09T07:43:13","date_gmt":"2026-07-09T07:43:13","guid":{"rendered":"https:\/\/wantedsix.com\/?page_id=950"},"modified":"2026-07-09T07:54:22","modified_gmt":"2026-07-09T07:54:22","slug":"creator-guides","status":"publish","type":"page","link":"https:\/\/wantedsix.com\/de\/creator-guides\/","title":{"rendered":"Creator Guides"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"950\" class=\"elementor elementor-950\" 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 Guides<\/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\">Learn Leonida from the creators who know it best.<\/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 guides, tutorials, strategies and creator-made walkthroughs from the Wanted Six network.<\/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 Guides<\/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 GUIDES -->\r\n<section\r\n  class=\"wsx-stats-section\"\r\n  data-wsx-module=\"global-stats\"\r\n  data-page-context=\"creator-guides\"\r\n  data-stats-endpoint=\"\"\r\n  data-refresh-interval=\"0\"\r\n  aria-label=\"Wanted Six Creator Guides 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_guides\">\r\n      <div class=\"wsx-stat-icon wsx-pink\">\r\n        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n          <path d=\"M14 8h28a8 8 0 0 1 8 8v40H18a8 8 0 0 1-8-8V12a4 4 0 0 1 4-4z\"><\/path>\r\n          <path d=\"M18 48h32\"><\/path>\r\n          <path d=\"M22 20h18\"><\/path>\r\n          <path d=\"M22 29h22\"><\/path>\r\n          <path d=\"M22 38h14\"><\/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>6<\/div>\r\n        <div class=\"wsx-stat-title\">Total Guides<\/div>\r\n        <div class=\"wsx-stat-subtitle\">Published creator guides<\/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_guides\">\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=\"M23 56h18\"><\/path>\r\n          <path d=\"M22 34h20\"><\/path>\r\n          <path d=\"M26 42h12\"><\/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 Guides<\/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=\"22\" cy=\"21\" r=\"8\"><\/circle>\r\n          <path d=\"M8 56c2-12 8-18 20-18s18 6 20 18\"><\/path>\r\n          <path d=\"M42 14h12\"><\/path>\r\n          <path d=\"M42 22h9\"><\/path>\r\n          <path d=\"M42 30h12\"><\/path>\r\n          <path d=\"M39 10v24\"><\/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\">Publishing guide 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_saves\">\r\n      <div class=\"wsx-stat-icon wsx-orange\">\r\n        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n          <path d=\"M18 8h28a4 4 0 0 1 4 4v44L32 45 14 56V12a4 4 0 0 1 4-4z\"><\/path>\r\n          <path d=\"M23 20h18\"><\/path>\r\n          <path d=\"M23 29h14\"><\/path>\r\n          <path d=\"M23 38h10\"><\/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 Saves<\/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 guides 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 GUIDES LIBRARY - FIXED LANDSCAPE IMAGE VERSION -->\r\n<section\r\n  class=\"wsx-guides-library\"\r\n  data-wsx-module=\"creator-guides-library\"\r\n  data-page-context=\"creator-guides\"\r\n  data-guides-endpoint=\"\"\r\n  data-guide-submit-endpoint=\"\"\r\n  data-guide-action-endpoint=\"\"\r\n  data-creator-profile-base-url=\"https:\/\/wantedsix.com\/creators\/\"\r\n  data-guide-base-url=\"https:\/\/wantedsix.com\/guides\/\"\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 Guides Library\"\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-guides-library,\r\n    .wsx-guides-library * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .wsx-guides-library {\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: wsxguides;\r\n    }\r\n\r\n    .wsx-guides-library img {\r\n      display: block !important;\r\n      max-width: none !important;\r\n      height: auto;\r\n    }\r\n\r\n    .wsx-guides-library a,\r\n    .wsx-guides-library button,\r\n    .wsx-guides-library input,\r\n    .wsx-guides-library select,\r\n    .wsx-guides-library textarea {\r\n      font: inherit;\r\n    }\r\n\r\n    .wsx-guides-library button {\r\n      border: 0;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .wsx-guides-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-guides-main,\r\n    .wsx-guides-side-card,\r\n    .wsx-featured-guide,\r\n    .wsx-guide-card,\r\n    .wsx-guide-path-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-guides-main {\r\n      min-width: 0;\r\n      padding: 22px;\r\n      border-radius: 18px;\r\n    }\r\n\r\n    .wsx-guides-main::before,\r\n    .wsx-guides-side-card::before,\r\n    .wsx-featured-guide::before,\r\n    .wsx-guide-card::before,\r\n    .wsx-guide-path-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-guides-main > *,\r\n    .wsx-guides-side-card > *,\r\n    .wsx-featured-guide > *,\r\n    .wsx-guide-card > *,\r\n    .wsx-guide-path-card > * {\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    .wsx-guides-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-guides-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-guides-copy {\r\n      max-width: 820px;\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-guides-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-guide-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-guide-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-guide-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-guides-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-guides-field {\r\n      min-width: 0;\r\n    }\r\n\r\n    .wsx-guides-field input,\r\n    .wsx-guides-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-guides-field input::placeholder {\r\n      color: rgba(184, 192, 224, 0.72);\r\n    }\r\n\r\n    .wsx-guides-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-guides-field select option {\r\n      background: #080d23;\r\n      color: #fff;\r\n    }\r\n\r\n    .wsx-guides-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-guides-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-guides-tab:hover,\r\n    .wsx-guides-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-guides-featured-row {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);\r\n      gap: 16px;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .wsx-featured-guide {\r\n      border-radius: 18px;\r\n      border-color: rgba(255, 46, 154, 0.30);\r\n      display: flex;\r\n      flex-direction: column;\r\n      min-width: 0;\r\n    }\r\n\r\n    .wsx-featured-cover {\r\n      position: relative;\r\n      width: 100%;\r\n      aspect-ratio: 16 \/ 9;\r\n      min-height: 0;\r\n      overflow: hidden;\r\n      background: #050816;\r\n      isolation: isolate;\r\n      border-bottom: 1px solid rgba(255,255,255,0.10);\r\n    }\r\n\r\n    .wsx-featured-cover img,\r\n    .wsx-guide-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      transition: transform .28s ease;\r\n    }\r\n\r\n    .wsx-featured-guide:hover .wsx-featured-cover img,\r\n    .wsx-guide-card:hover .wsx-guide-thumb img {\r\n      transform: scale(1.045);\r\n    }\r\n\r\n    .wsx-featured-cover::after,\r\n    .wsx-guide-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.58)),\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-featured-content {\r\n      min-width: 0;\r\n      padding: 22px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: space-between;\r\n      flex: 1;\r\n      background:\r\n        radial-gradient(circle at 18% 12%, rgba(255,46,154,0.12), transparent 38%),\r\n        rgba(5,8,22,0.34);\r\n    }\r\n\r\n    .wsx-guide-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-guide-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.08);\r\n      border: 1px solid rgba(255, 255, 255, 0.14);\r\n      font-size: 11px;\r\n      font-weight: 900;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.08em;\r\n      backdrop-filter: blur(12px);\r\n      -webkit-backdrop-filter: blur(12px);\r\n    }\r\n\r\n    .wsx-guide-badge.hot {\r\n      background: rgba(255, 46, 154, 0.17);\r\n      border-color: rgba(255, 46, 154, 0.36);\r\n      color: #ffd4ec;\r\n    }\r\n\r\n    .wsx-guide-badge.cyan {\r\n      background: rgba(25, 227, 255, 0.12);\r\n      border-color: rgba(25, 227, 255, 0.30);\r\n      color: #c8fbff;\r\n    }\r\n\r\n    .wsx-guide-badge.purple {\r\n      background: rgba(168, 85, 247, 0.14);\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-guide-title,\r\n    .wsx-path-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.4vw, 62px);\r\n      line-height: 0.88;\r\n    }\r\n\r\n    .wsx-featured-text {\r\n      margin: 13px 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-guide-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.055);\r\n      border: 1px solid rgba(255,255,255,0.12);\r\n      font-size: 12px;\r\n      font-weight: 800;\r\n      white-space: nowrap;\r\n      backdrop-filter: blur(12px);\r\n      -webkit-backdrop-filter: blur(12px);\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    .wsx-guide-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-guide-paths {\r\n      display: grid;\r\n      gap: 12px;\r\n    }\r\n\r\n    .wsx-guide-path-card {\r\n      border-radius: 16px;\r\n      padding: 16px;\r\n      min-height: 118px;\r\n      cursor: pointer;\r\n      transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;\r\n    }\r\n\r\n    .wsx-guide-path-card:hover {\r\n      transform: translateY(-3px);\r\n      border-color: rgba(25,227,255,0.34);\r\n      box-shadow: 0 22px 70px rgba(0,0,0,0.38), 0 0 26px rgba(25,227,255,0.08);\r\n    }\r\n\r\n    .wsx-path-kicker {\r\n      color: var(--wsx-cyan);\r\n      font-size: 11px;\r\n      font-weight: 900;\r\n      line-height: 1;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.10em;\r\n    }\r\n\r\n    .wsx-path-title {\r\n      margin-top: 8px;\r\n      font-size: 28px;\r\n      line-height: 0.95;\r\n    }\r\n\r\n    .wsx-path-copy {\r\n      margin: 8px 0 0;\r\n      color: var(--wsx-muted);\r\n      font-size: 12.5px;\r\n      line-height: 1.45;\r\n    }\r\n\r\n    .wsx-guides-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 16px;\r\n    }\r\n\r\n    .wsx-guide-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-guide-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-guide-card.is-hidden {\r\n      display: none;\r\n    }\r\n\r\n    .wsx-guide-thumb {\r\n      position: relative;\r\n      width: 100%;\r\n      aspect-ratio: 16 \/ 9;\r\n      min-height: 0;\r\n      overflow: hidden;\r\n      background: #050816;\r\n      border-bottom: 1px solid rgba(255,255,255,0.10);\r\n      isolation: isolate;\r\n    }\r\n\r\n    .wsx-guide-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-guide-title {\r\n      font-size: 31px;\r\n      line-height: 0.94;\r\n    }\r\n\r\n    .wsx-guide-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: 58px;\r\n    }\r\n\r\n    .wsx-guides-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-guides-empty.is-visible {\r\n      display: block;\r\n    }\r\n\r\n    .wsx-guides-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-guides-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-guide-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.82);\r\n      backdrop-filter: blur(12px);\r\n      -webkit-backdrop-filter: blur(12px);\r\n    }\r\n\r\n    .wsx-guide-modal.is-open,\r\n    .wsx-submit-modal.is-open {\r\n      display: flex;\r\n    }\r\n\r\n    .wsx-guide-preview-panel {\r\n      position: relative;\r\n      width: min(920px, 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-guide-preview-cover {\r\n      position: relative;\r\n      width: 100%;\r\n      aspect-ratio: 16 \/ 9;\r\n      overflow: hidden;\r\n      background: #000;\r\n    }\r\n\r\n    .wsx-guide-preview-cover 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      display: block !important;\r\n    }\r\n\r\n    .wsx-guide-preview-cover::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(180deg, rgba(5,8,22,0.00), rgba(5,8,22,0.56));\r\n      pointer-events: none;\r\n    }\r\n\r\n    .wsx-guide-preview-body {\r\n      padding: 22px;\r\n    }\r\n\r\n    .wsx-guide-preview-body 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: 42px;\r\n      line-height: 0.95;\r\n      font-weight: 900;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .wsx-guide-preview-body p,\r\n    .wsx-submit-head p {\r\n      margin: 12px 0 0;\r\n      color: var(--wsx-muted);\r\n      font-size: 14px;\r\n      line-height: 1.65;\r\n    }\r\n\r\n    .wsx-guide-preview-steps {\r\n      display: grid;\r\n      gap: 10px;\r\n      margin-top: 18px;\r\n    }\r\n\r\n    .wsx-preview-step {\r\n      display: grid;\r\n      grid-template-columns: 34px minmax(0, 1fr);\r\n      gap: 10px;\r\n      padding: 12px;\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      color: var(--wsx-muted);\r\n      font-size: 13px;\r\n      line-height: 1.45;\r\n    }\r\n\r\n    .wsx-preview-step 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-preview-step strong {\r\n      display: block;\r\n      color: #fff;\r\n      margin-bottom: 3px;\r\n    }\r\n\r\n    .wsx-modal-close {\r\n      position: absolute;\r\n      top: 14px;\r\n      right: 14px;\r\n      z-index: 5;\r\n      width: 42px;\r\n      height: 42px;\r\n      border-radius: 14px;\r\n      color: #fff;\r\n      background: rgba(5,8,22,0.74);\r\n      border: 1px solid rgba(255,255,255,0.16);\r\n      font-size: 24px;\r\n      line-height: 1;\r\n      flex: 0 0 auto;\r\n    }\r\n\r\n    .wsx-submit-panel {\r\n      position: relative;\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-head {\r\n      padding: 22px 70px 16px 22px;\r\n      border-bottom: 1px solid rgba(255,255,255,0.10);\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 wsxguides (max-width: 1280px) {\r\n      .wsx-guides-shell {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .wsx-guides-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 wsxguides (max-width: 1080px) {\r\n      .wsx-guides-topbar,\r\n      .wsx-guides-featured-row {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .wsx-guides-controls,\r\n      .wsx-guides-stats {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      }\r\n\r\n      .wsx-guide-paths {\r\n        grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      }\r\n\r\n      .wsx-guides-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .wsx-guides-side {\r\n        grid-template-columns: 1fr;\r\n      }\r\n    }\r\n\r\n    @container wsxguides (max-width: 767px) {\r\n      .wsx-guides-main {\r\n        padding: 14px;\r\n        border-radius: 16px;\r\n      }\r\n\r\n      .wsx-guides-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-guides-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-guides-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-guides-controls,\r\n      .wsx-guides-stats,\r\n      .wsx-guide-paths,\r\n      .wsx-form-row {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .wsx-guide-stat {\r\n        padding: 13px;\r\n      }\r\n\r\n      .wsx-guide-stat strong {\r\n        font-size: 29px;\r\n      }\r\n\r\n      .wsx-guide-stat span {\r\n        font-size: 12px;\r\n      }\r\n\r\n      .wsx-guides-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-guides-tabs::-webkit-scrollbar {\r\n        display: none;\r\n      }\r\n\r\n      .wsx-guides-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-content {\r\n        padding: 16px;\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-guide-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-guide-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-guide-actions .wsx-btn-primary,\r\n      .wsx-guide-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-guide-title {\r\n        font-size: 25px;\r\n      }\r\n\r\n      .wsx-path-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-guides-side-card {\r\n        padding: 16px;\r\n      }\r\n\r\n      .wsx-guide-modal,\r\n      .wsx-submit-modal {\r\n        padding: 14px;\r\n      }\r\n\r\n      .wsx-guide-preview-body {\r\n        padding: 18px;\r\n      }\r\n\r\n      .wsx-guide-preview-body h3,\r\n      .wsx-submit-head h3 {\r\n        font-size: 30px;\r\n      }\r\n\r\n      .wsx-submit-head {\r\n        padding: 18px 68px 14px 18px;\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-guides-shell\">\r\n    <main class=\"wsx-guides-main\">\r\n      <div class=\"wsx-guides-topbar\">\r\n        <div>\r\n          <div class=\"wsx-kicker\">\r\n            <span class=\"wsx-kicker-dot\"><\/span>\r\n            Creator Guides\r\n          <\/div>\r\n\r\n          <h2 class=\"wsx-guides-heading\">Learn Leonida From Creators<\/h2>\r\n\r\n          <p class=\"wsx-guides-copy\">\r\n            Discover guides, tutorials, strategies and creator-made walkthroughs from the Wanted Six network. Every guide is connected to a creator profile and prepared for future saves, rankings, updates and dashboard publishing.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-submit-card\">\r\n          <div class=\"wsx-submit-label\">Creator Knowledge<\/div>\r\n          <div class=\"wsx-submit-title\">Submit Guide<\/div>\r\n          <div class=\"wsx-submit-sub\">\r\n            Later creators can publish and update guides 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 Guide\r\n            <\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-guides-stats\">\r\n        <div class=\"wsx-guide-stat\">\r\n          <strong data-stat-value=\"total_guides\">6<\/strong>\r\n          <span>Total guides<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-guide-stat\">\r\n          <strong data-stat-value=\"featured_guides\">1<\/strong>\r\n          <span>Featured guides<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-guide-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-guide-stat\">\r\n          <strong data-stat-value=\"total_saves\">Demo<\/strong>\r\n          <span>Tracked after API<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-guides-controls\">\r\n        <div class=\"wsx-guides-field\">\r\n          <input type=\"search\" placeholder=\"Search guides, creators, topics...\" data-guides-search>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-guides-field\">\r\n          <select data-guides-category aria-label=\"Filter by category\">\r\n            <option value=\"all\">All Categories<\/option>\r\n            <option value=\"beginner\">Beginner<\/option>\r\n            <option value=\"crews\">Crews<\/option>\r\n            <option value=\"map-intel\">Map Intel<\/option>\r\n            <option value=\"vehicles\">Vehicles<\/option>\r\n            <option value=\"creator-tips\">Creator Tips<\/option>\r\n          <\/select>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-guides-field\">\r\n          <select data-guides-difficulty aria-label=\"Filter by difficulty\">\r\n            <option value=\"all\">All Levels<\/option>\r\n            <option value=\"beginner\">Beginner<\/option>\r\n            <option value=\"advanced\">Advanced<\/option>\r\n            <option value=\"pro\">Pro<\/option>\r\n          <\/select>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-guides-field\">\r\n          <select data-guides-sort aria-label=\"Sort guides\">\r\n            <option value=\"featured\">Featured First<\/option>\r\n            <option value=\"latest\">Latest First<\/option>\r\n            <option value=\"popular\">Most Saved<\/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-guides-tabs\">\r\n        <button class=\"wsx-guides-tab is-active\" type=\"button\" data-guides-tab=\"all\">All<\/button>\r\n        <button class=\"wsx-guides-tab\" type=\"button\" data-guides-tab=\"featured\">Featured<\/button>\r\n        <button class=\"wsx-guides-tab\" type=\"button\" data-guides-tab=\"beginner\">Beginner<\/button>\r\n        <button class=\"wsx-guides-tab\" type=\"button\" data-guides-tab=\"crews\">Crews<\/button>\r\n        <button class=\"wsx-guides-tab\" type=\"button\" data-guides-tab=\"map-intel\">Map Intel<\/button>\r\n        <button class=\"wsx-guides-tab\" type=\"button\" data-guides-tab=\"creator-tips\">Creator Tips<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-guides-featured-row\">\r\n        <article class=\"wsx-featured-guide\" data-featured-guide><\/article>\r\n\r\n        <div class=\"wsx-guide-paths\">\r\n          <article class=\"wsx-guide-path-card\" data-path-filter=\"beginner\">\r\n            <div class=\"wsx-path-kicker\">Start Here<\/div>\r\n            <h3 class=\"wsx-path-title\">Beginner Path<\/h3>\r\n            <p class=\"wsx-path-copy\">Basic creator and player guides for new community members.<\/p>\r\n          <\/article>\r\n\r\n          <article class=\"wsx-guide-path-card\" data-path-filter=\"crews\">\r\n            <div class=\"wsx-path-kicker\">Build Together<\/div>\r\n            <h3 class=\"wsx-path-title\">Crew Path<\/h3>\r\n            <p class=\"wsx-path-copy\">Guides for building, joining and growing Wanted Six crews.<\/p>\r\n          <\/article>\r\n\r\n          <article class=\"wsx-guide-path-card\" data-path-filter=\"map-intel\">\r\n            <div class=\"wsx-path-kicker\">Explore More<\/div>\r\n            <h3 class=\"wsx-path-title\">Map Intel<\/h3>\r\n            <p class=\"wsx-path-copy\">Location tips, map notes, points of interest and intel guides.<\/p>\r\n          <\/article>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-guides-grid\" data-guides-grid><\/div>\r\n\r\n      <div class=\"wsx-guides-empty\" data-guides-empty>\r\n        No guides found. Once creators publish guides, they will appear here automatically.\r\n      <\/div>\r\n    <\/main>\r\n\r\n    <aside class=\"wsx-guides-side\">\r\n      <div class=\"wsx-guides-side-card\">\r\n        <h3 class=\"wsx-side-title\">Guide System<\/h3>\r\n\r\n        <div class=\"wsx-side-panel\">\r\n          <div class=\"wsx-side-panel-title\">\r\n            Creator Knowledge\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 guides<\/span>\r\n              <strong>Dynamic<\/strong>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-side-mini-item\">\r\n              <span>Creator publishing<\/span>\r\n              <strong>Prepared<\/strong>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-side-mini-item\">\r\n              <span>Save system<\/span>\r\n              <strong>App-ready<\/strong>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-side-mini-item\">\r\n              <span>Guide updates<\/span>\r\n              <strong>Supported<\/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 Guide\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-guides-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 write guides from their dashboard.\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li>\r\n            <i>2<\/i>\r\n            <div>\r\n              <strong>Guide Builder<\/strong>\r\n              Guides can use text blocks, steps, checklists, images, videos and map references.\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              Guides can be draft, pending, approved, featured, updated or archived.\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 guides can connect to saves, views, votes, rewards and leaderboards.\r\n            <\/div>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-guides-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 Guides<\/strong>\r\n              Use <code>data-guides-endpoint<\/code> to return approved creator guides.\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-guide-submit-endpoint<\/code> for guide 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 guide 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-guide-modal\" data-guide-modal aria-hidden=\"true\">\r\n    <div class=\"wsx-guide-preview-panel\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"wsxGuidePreviewTitle\">\r\n      <button class=\"wsx-modal-close\" type=\"button\" data-guide-close aria-label=\"Close guide preview\">\u00d7<\/button>\r\n\r\n      <div class=\"wsx-guide-preview-cover\">\r\n        <img decoding=\"async\" src=\"\" alt=\"\" data-guide-preview-image>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-guide-preview-body\">\r\n        <div class=\"wsx-guide-badges\" data-guide-preview-badges><\/div>\r\n        <h3 id=\"wsxGuidePreviewTitle\" data-guide-preview-title>Guide Preview<\/h3>\r\n        <p data-guide-preview-excerpt><\/p>\r\n\r\n        <div data-guide-preview-creator><\/div>\r\n        <div class=\"wsx-guide-meta\" data-guide-preview-meta><\/div>\r\n\r\n        <div class=\"wsx-guide-preview-steps\" data-guide-preview-steps><\/div>\r\n\r\n        <div class=\"wsx-featured-actions\">\r\n          <a class=\"wsx-btn-secondary\" href=\"#\" data-guide-preview-creator-link>View Creator<\/a>\r\n          <button class=\"wsx-btn-primary\" type=\"button\" data-guide-close>Close Preview<\/button>\r\n        <\/div>\r\n      <\/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=\"wsxSubmitGuideTitle\">\r\n      <button class=\"wsx-modal-close\" type=\"button\" data-submit-close aria-label=\"Close submit modal\">\u00d7<\/button>\r\n\r\n      <div class=\"wsx-submit-head\">\r\n        <h3 id=\"wsxSubmitGuideTitle\">Submit Guide<\/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      <form class=\"wsx-submit-form\" data-submit-form>\r\n        <input type=\"hidden\" name=\"guide_payload\" data-guide-payload>\r\n\r\n        <div class=\"wsx-form-row\">\r\n          <div class=\"wsx-form-field\">\r\n            <label for=\"wsxGuideCreator\">Creator Name<\/label>\r\n            <input id=\"wsxGuideCreator\" 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=\"wsxGuideHandle\">Handle<\/label>\r\n            <input id=\"wsxGuideHandle\" 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=\"wsxGuideEmail\">Email<\/label>\r\n            <input id=\"wsxGuideEmail\" 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=\"wsxGuideCategory\">Category<\/label>\r\n            <select id=\"wsxGuideCategory\" name=\"category\" required>\r\n              <option value=\"\">Choose category<\/option>\r\n              <option value=\"beginner\">Beginner<\/option>\r\n              <option value=\"crews\">Crews<\/option>\r\n              <option value=\"map-intel\">Map Intel<\/option>\r\n              <option value=\"vehicles\">Vehicles<\/option>\r\n              <option value=\"creator-tips\">Creator Tips<\/option>\r\n            <\/select>\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=\"wsxGuideDifficulty\">Difficulty<\/label>\r\n            <select id=\"wsxGuideDifficulty\" name=\"difficulty\" required>\r\n              <option value=\"\">Choose level<\/option>\r\n              <option value=\"beginner\">Beginner<\/option>\r\n              <option value=\"advanced\">Advanced<\/option>\r\n              <option value=\"pro\">Pro<\/option>\r\n            <\/select>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-form-field\">\r\n            <label for=\"wsxGuideReadTime\">Read Time<\/label>\r\n            <input id=\"wsxGuideReadTime\" name=\"read_time\" type=\"text\" placeholder=\"5 min\" required>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-form-field\">\r\n          <label for=\"wsxGuideTitle\">Guide Title<\/label>\r\n          <input id=\"wsxGuideTitle\" name=\"guide_title\" type=\"text\" placeholder=\"Your guide title\" required>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-form-field\">\r\n          <label for=\"wsxGuideCover\">Cover Image URL<\/label>\r\n          <input id=\"wsxGuideCover\" name=\"cover_image\" type=\"url\" placeholder=\"https:\/\/...\">\r\n        <\/div>\r\n\r\n        <div class=\"wsx-form-field\">\r\n          <label for=\"wsxGuideExcerpt\">Short Excerpt<\/label>\r\n          <textarea id=\"wsxGuideExcerpt\" name=\"excerpt\" placeholder=\"Tell us what players will learn from this guide.\"><\/textarea>\r\n        <\/div>\r\n\r\n        <label class=\"wsx-checkline\">\r\n          <input type=\"checkbox\" name=\"confirm_guide_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 Guide<\/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-guides-library');\r\n      if (!root) return;\r\n\r\n      const featuredTarget = root.querySelector('[data-featured-guide]');\r\n      const grid = root.querySelector('[data-guides-grid]');\r\n      const empty = root.querySelector('[data-guides-empty]');\r\n      const searchInput = root.querySelector('[data-guides-search]');\r\n      const categorySelect = root.querySelector('[data-guides-category]');\r\n      const difficultySelect = root.querySelector('[data-guides-difficulty]');\r\n      const sortSelect = root.querySelector('[data-guides-sort]');\r\n      const tabs = Array.from(root.querySelectorAll('[data-guides-tab]'));\r\n      const pathCards = Array.from(root.querySelectorAll('[data-path-filter]'));\r\n      const guideModal = root.querySelector('[data-guide-modal]');\r\n      const previewImage = root.querySelector('[data-guide-preview-image]');\r\n      const previewBadges = root.querySelector('[data-guide-preview-badges]');\r\n      const previewTitle = root.querySelector('[data-guide-preview-title]');\r\n      const previewExcerpt = root.querySelector('[data-guide-preview-excerpt]');\r\n      const previewCreator = root.querySelector('[data-guide-preview-creator]');\r\n      const previewMeta = root.querySelector('[data-guide-preview-meta]');\r\n      const previewSteps = root.querySelector('[data-guide-preview-steps]');\r\n      const previewCreatorLink = root.querySelector('[data-guide-preview-creator-link]');\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 guides = [];\r\n      let toastTimer = null;\r\n\r\n      const fallbackImages = {\r\n        news: 'https:\/\/wantedsix.com\/wp-content\/uploads\/2026\/07\/News-Updates.webp',\r\n        map: 'https:\/\/wantedsix.com\/wp-content\/uploads\/2026\/07\/Interactive-Map.webp',\r\n        crew: 'https:\/\/wantedsix.com\/wp-content\/uploads\/2026\/07\/Crew-Finder.webp',\r\n        intel: 'https:\/\/wantedsix.com\/wp-content\/uploads\/2026\/07\/Live-Intel.webp'\r\n      };\r\n\r\n      const fallbackGuides = [\r\n        {\r\n          id: 'guide-leonida-starter',\r\n          slug: 'beginner-guide-to-leonida',\r\n          title: 'Beginner Guide To Leonida',\r\n          excerpt: 'A first-step creator guide for players who want to understand the Wanted Six ecosystem, creator content, crews, clips and community features.',\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          cover_image: fallbackImages.news,\r\n          fallback_cover_image: fallbackImages.news,\r\n          category: 'beginner',\r\n          difficulty: 'beginner',\r\n          guide_type: 'text_guide',\r\n          read_time: '6 min',\r\n          status: 'featured',\r\n          is_featured: true,\r\n          published_at: '2026-07-09',\r\n          stats: { views: 'Demo', saves: 'Demo' },\r\n          steps: [\r\n            { title: 'Understand The Hub', text: 'Learn how creators, clips, crews, guides and community features connect.' },\r\n            { title: 'Follow Creators', text: 'Use creator profiles to discover channels, socials, videos and future uploads.' },\r\n            { title: 'Build Your Path', text: 'Start with clips, screenshots and guides before joining crews or challenges.' }\r\n          ]\r\n        },\r\n        {\r\n          id: 'guide-build-first-crew',\r\n          slug: 'how-to-build-your-first-crew',\r\n          title: 'How To Build Your First Crew',\r\n          excerpt: 'Learn how to create, organize and grow your first Wanted Six crew with clear roles, identity and recruiting structure.',\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          cover_image: fallbackImages.crew,\r\n          fallback_cover_image: fallbackImages.crew,\r\n          category: 'crews',\r\n          difficulty: 'beginner',\r\n          guide_type: 'crew_guide',\r\n          read_time: '5 min',\r\n          status: 'approved',\r\n          is_featured: false,\r\n          published_at: '2026-07-09',\r\n          stats: { views: 'Demo', saves: 'Demo' },\r\n          steps: [\r\n            { title: 'Define Your Identity', text: 'Pick a crew name, visual style, role and community promise.' },\r\n            { title: 'Set Rules Early', text: 'Decide how members join, communicate and represent the crew.' },\r\n            { title: 'Recruit Smart', text: 'Start small, stay active and build reputation with consistent activity.' }\r\n          ]\r\n        },\r\n        {\r\n          id: 'guide-map-intel-basics',\r\n          slug: 'map-intel-basics',\r\n          title: 'Map Intel Basics',\r\n          excerpt: 'A quick guide for understanding points of interest, map notes, discovery posts and future State of Leonida integrations.',\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          cover_image: fallbackImages.map,\r\n          fallback_cover_image: fallbackImages.map,\r\n          category: 'map-intel',\r\n          difficulty: 'advanced',\r\n          guide_type: 'map_guide',\r\n          read_time: '7 min',\r\n          status: 'approved',\r\n          is_featured: false,\r\n          published_at: '2026-07-09',\r\n          stats: { views: 'Demo', saves: 'Demo' },\r\n          steps: [\r\n            { title: 'Track Locations', text: 'Save points of interest and connect them to screenshots, videos and guide notes.' },\r\n            { title: 'Use Categories', text: 'Separate landmarks, activities, vehicles, rumors and creator findings.' },\r\n            { title: 'Update Often', text: 'Map intel becomes stronger when creators keep discoveries current.' }\r\n          ]\r\n        },\r\n        {\r\n          id: 'guide-creator-content-setup',\r\n          slug: 'creator-content-setup',\r\n          title: 'Creator Content Setup',\r\n          excerpt: 'A creator-focused guide for preparing channels, profiles, uploads, visuals and content formats for Wanted Six.',\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          cover_image: fallbackImages.intel,\r\n          fallback_cover_image: fallbackImages.intel,\r\n          category: 'creator-tips',\r\n          difficulty: 'advanced',\r\n          guide_type: 'creator_tutorial',\r\n          read_time: '8 min',\r\n          status: 'approved',\r\n          is_featured: false,\r\n          published_at: '2026-07-09',\r\n          stats: { views: 'Demo', saves: 'Demo' },\r\n          steps: [\r\n            { title: 'Prepare Your Profile', text: 'Set your avatar, banner, bio, socials and main platform links.' },\r\n            { title: 'Choose Formats', text: 'Decide whether you publish clips, edits, screenshots, streams or guides.' },\r\n            { title: 'Stay Consistent', text: 'Use clear titles, tags and upload rhythm so the platform can rank content.' }\r\n          ]\r\n        },\r\n        {\r\n          id: 'guide-vehicle-prep',\r\n          slug: 'vehicle-prep-checklist',\r\n          title: 'Vehicle Prep Checklist',\r\n          excerpt: 'A compact checklist-style guide for future vehicle content, garage planning and creator-made gameplay preparation.',\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          cover_image: fallbackImages.news,\r\n          fallback_cover_image: fallbackImages.news,\r\n          category: 'vehicles',\r\n          difficulty: 'pro',\r\n          guide_type: 'checklist',\r\n          read_time: '4 min',\r\n          status: 'approved',\r\n          is_featured: false,\r\n          published_at: '2026-07-09',\r\n          stats: { views: 'Demo', saves: 'Demo' },\r\n          steps: [\r\n            { title: 'Define The Use Case', text: 'Separate racing, exploration, crew events, roleplay and cinematic content.' },\r\n            { title: 'Document Builds', text: 'Track setup notes, screenshots, clips and performance impressions.' },\r\n            { title: 'Share Updates', text: 'Turn vehicle discoveries into guides, screenshots and creator posts.' }\r\n          ]\r\n        },\r\n        {\r\n          id: 'guide-submit-content',\r\n          slug: 'how-to-submit-creator-content',\r\n          title: 'How To Submit Creator Content',\r\n          excerpt: 'Learn how clips, screenshots, edits and guides can later be submitted through the Wanted Six creator dashboard.',\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          cover_image: fallbackImages.crew,\r\n          fallback_cover_image: fallbackImages.crew,\r\n          category: 'creator-tips',\r\n          difficulty: 'beginner',\r\n          guide_type: 'creator_tutorial',\r\n          read_time: '5 min',\r\n          status: 'approved',\r\n          is_featured: false,\r\n          published_at: '2026-07-09',\r\n          stats: { views: 'Demo', saves: 'Demo' },\r\n          steps: [\r\n            { title: 'Login To Dashboard', text: 'Creators use their account to manage public profile and submissions.' },\r\n            { title: 'Submit Content', text: 'Each submission can include title, category, URL, image, notes and tags.' },\r\n            { title: 'Wait For Approval', text: 'Moderation decides what becomes public, hidden, updated or featured.' }\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 creatorProfileUrl(guide) {\r\n        if (guide.creator_profile_url) return guide.creator_profile_url;\r\n\r\n        const slug = guide.creator_slug || guide.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 getCoverImage(guide) {\r\n        return guide.cover_image || guide.fallback_cover_image || fallbackImages.news;\r\n      }\r\n\r\n      function getFallbackCoverImage(guide) {\r\n        return guide.fallback_cover_image || fallbackImages.news;\r\n      }\r\n\r\n      function imageHtml(guide, alt) {\r\n        return '<img decoding=\"async\" src=\"' + escapeHtml(getCoverImage(guide)) + '\" alt=\"' + escapeHtml(alt || guide.title || 'Creator guide') + '\" loading=\"lazy\" onerror=\"this.onerror=null;this.src=\\'' + escapeHtml(getFallbackCoverImage(guide)) + '\\';\">';\r\n      }\r\n\r\n      function guideBadgesHtml(guide) {\r\n        const badges = [];\r\n\r\n        if (guide.is_featured || guide.status === 'featured') {\r\n          badges.push('<span class=\"wsx-guide-badge hot\">Featured<\/span>');\r\n        }\r\n\r\n        badges.push('<span class=\"wsx-guide-badge cyan\">' + escapeHtml(guide.category || 'Guide') + '<\/span>');\r\n        badges.push('<span class=\"wsx-guide-badge purple\">' + escapeHtml(guide.difficulty || 'Level') + '<\/span>');\r\n\r\n        if (guide.status && guide.status !== 'featured') {\r\n          badges.push('<span class=\"wsx-guide-badge\">' + escapeHtml(guide.status) + '<\/span>');\r\n        }\r\n\r\n        return '<div class=\"wsx-guide-badges\">' + badges.join('') + '<\/div>';\r\n      }\r\n\r\n      function creatorLineHtml(guide) {\r\n        return (\r\n          '<div class=\"wsx-creator-line\">' +\r\n            '<a class=\"wsx-creator-avatar\" href=\"' + escapeHtml(creatorProfileUrl(guide)) + '\">' +\r\n              '<img decoding=\"async\" src=\"' + escapeHtml(guide.creator_avatar || '') + '\" alt=\"' + escapeHtml(guide.creator_name || 'Creator') + ' avatar\" loading=\"lazy\">' +\r\n            '<\/a>' +\r\n            '<div class=\"wsx-creator-name\">' +\r\n              '<strong>' + escapeHtml(guide.creator_name || 'Creator') + '<\/strong>' +\r\n              '<span>' + escapeHtml(guide.creator_handle || '') + '<\/span>' +\r\n            '<\/div>' +\r\n          '<\/div>'\r\n        );\r\n      }\r\n\r\n      function metaHtml(guide) {\r\n        const views = guide.stats && guide.stats.views ? guide.stats.views : 'Demo';\r\n        const saves = guide.stats && guide.stats.saves ? guide.stats.saves : 'Demo';\r\n\r\n        return (\r\n          '<div class=\"wsx-guide-meta\">' +\r\n            '<span class=\"wsx-meta-pill\">Read <strong>' + escapeHtml(guide.read_time || '5 min') + '<\/strong><\/span>' +\r\n            '<span class=\"wsx-meta-pill\">Saves <strong>' + escapeHtml(saves) + '<\/strong><\/span>' +\r\n            '<span class=\"wsx-meta-pill\">Views <strong>' + escapeHtml(views) + '<\/strong><\/span>' +\r\n          '<\/div>'\r\n        );\r\n      }\r\n\r\n      function renderFeatured(guide) {\r\n        if (!featuredTarget || !guide) return;\r\n\r\n        featuredTarget.dataset.guideId = guide.id || '';\r\n\r\n        featuredTarget.innerHTML =\r\n          '<div class=\"wsx-featured-cover\">' +\r\n            imageHtml(guide, guide.title) +\r\n          '<\/div>' +\r\n\r\n          '<div class=\"wsx-featured-content\">' +\r\n            '<div>' +\r\n              guideBadgesHtml(guide) +\r\n              '<h3 class=\"wsx-featured-title\">' + escapeHtml(guide.title || 'Featured Guide') + '<\/h3>' +\r\n              '<p class=\"wsx-featured-text\">' + escapeHtml(guide.excerpt || '') + '<\/p>' +\r\n              creatorLineHtml(guide) +\r\n              metaHtml(guide) +\r\n            '<\/div>' +\r\n\r\n            '<div class=\"wsx-featured-actions\">' +\r\n              '<button class=\"wsx-btn-primary\" type=\"button\" data-open-guide data-guide-id=\"' + escapeHtml(guide.id || '') + '\">Read Guide<\/button>' +\r\n              '<a class=\"wsx-btn-secondary\" href=\"' + escapeHtml(creatorProfileUrl(guide)) + '\">View Creator<\/a>' +\r\n            '<\/div>' +\r\n          '<\/div>';\r\n      }\r\n\r\n      function renderCard(guide) {\r\n        return (\r\n          '<article class=\"wsx-guide-card\" ' +\r\n            'data-guide-card ' +\r\n            'data-guide-id=\"' + escapeHtml(guide.id || '') + '\" ' +\r\n            'data-title=\"' + escapeHtml(guide.title || '') + '\" ' +\r\n            'data-creator-id=\"' + escapeHtml(guide.creator_id || '') + '\" ' +\r\n            'data-creator-name=\"' + escapeHtml(guide.creator_name || '') + '\" ' +\r\n            'data-category=\"' + escapeHtml(guide.category || '') + '\" ' +\r\n            'data-difficulty=\"' + escapeHtml(guide.difficulty || '') + '\" ' +\r\n            'data-status=\"' + escapeHtml(guide.status || '') + '\" ' +\r\n            'data-is-featured=\"' + String(!!guide.is_featured || guide.status === 'featured') + '\"' +\r\n          '>' +\r\n            '<div class=\"wsx-guide-thumb\">' +\r\n              imageHtml(guide, guide.title) +\r\n            '<\/div>' +\r\n\r\n            '<div class=\"wsx-guide-card-body\">' +\r\n              guideBadgesHtml(guide) +\r\n              '<h3 class=\"wsx-guide-title\">' + escapeHtml(guide.title || 'Creator Guide') + '<\/h3>' +\r\n              '<p class=\"wsx-guide-text\">' + escapeHtml(guide.excerpt || '') + '<\/p>' +\r\n              creatorLineHtml(guide) +\r\n              metaHtml(guide) +\r\n\r\n              '<div class=\"wsx-guide-actions\">' +\r\n                '<button class=\"wsx-btn-primary\" type=\"button\" data-open-guide data-guide-id=\"' + escapeHtml(guide.id || '') + '\">Read<\/button>' +\r\n                '<a class=\"wsx-btn-secondary\" href=\"' + escapeHtml(creatorProfileUrl(guide)) + '\">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_guides: list.length,\r\n          featured_guides: list.filter(function (guide) {\r\n            return guide.is_featured || guide.status === 'featured';\r\n          }).length,\r\n          active_creators: Array.from(new Set(list.map(function (guide) {\r\n            return guide.creator_id || guide.creator_name;\r\n          }))).filter(Boolean).length,\r\n          total_saves: '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 sortedGuides(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 renderGuides(list, stats) {\r\n        guides = Array.isArray(list) && list.length ? list : fallbackGuides;\r\n\r\n        const sorted = sortedGuides(guides);\r\n        const featured = sorted.find(function (guide) {\r\n          return guide.is_featured || guide.status === 'featured';\r\n        }) || sorted[0];\r\n\r\n        renderFeatured(featured);\r\n\r\n        if (grid) {\r\n          grid.innerHTML = sorted\r\n            .filter(function (guide) {\r\n              return !featured || guide.id !== featured.id;\r\n            })\r\n            .map(renderCard)\r\n            .join('');\r\n        }\r\n\r\n        updateStats(stats, guides);\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-guide-card]'));\r\n        const term = normalize(searchInput && searchInput.value);\r\n        const category = categorySelect ? categorySelect.value : 'all';\r\n        const difficulty = difficultySelect ? difficultySelect.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 cardDifficulty = card.dataset.difficulty || '';\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 difficultyMatch = difficulty === 'all' || cardDifficulty === difficulty;\r\n          const tabMatch = matchesTab(card);\r\n\r\n          const show = termMatch && categoryMatch && difficultyMatch && 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 findGuide(id) {\r\n        return guides.find(function (guide) {\r\n          return guide.id === id;\r\n        });\r\n      }\r\n\r\n      function openGuide(id) {\r\n        const guide = findGuide(id);\r\n        if (!guide || !guideModal) return;\r\n\r\n        if (previewImage) {\r\n          previewImage.src = getCoverImage(guide);\r\n          previewImage.alt = guide.title || 'Creator guide';\r\n          previewImage.onerror = function () {\r\n            this.onerror = null;\r\n            this.src = getFallbackCoverImage(guide);\r\n          };\r\n        }\r\n\r\n        if (previewBadges) {\r\n          previewBadges.innerHTML = guideBadgesHtml(guide).replace('<div class=\"wsx-guide-badges\">', '').replace('<\/div>', '');\r\n        }\r\n\r\n        if (previewTitle) previewTitle.textContent = guide.title || 'Guide Preview';\r\n        if (previewExcerpt) previewExcerpt.textContent = guide.excerpt || '';\r\n        if (previewCreator) previewCreator.innerHTML = creatorLineHtml(guide);\r\n        if (previewMeta) previewMeta.innerHTML = metaHtml(guide).replace('<div class=\"wsx-guide-meta\">', '').replace('<\/div>', '');\r\n        if (previewCreatorLink) previewCreatorLink.href = creatorProfileUrl(guide);\r\n\r\n        if (previewSteps) {\r\n          const steps = Array.isArray(guide.steps) && guide.steps.length ? guide.steps : [\r\n            { title: 'Guide Preview', text: 'Full guide content will be available once the app publishing system is connected.' }\r\n          ];\r\n\r\n          previewSteps.innerHTML = steps.map(function (step, index) {\r\n            return (\r\n              '<div class=\"wsx-preview-step\">' +\r\n                '<i>' + (index + 1) + '<\/i>' +\r\n                '<div>' +\r\n                  '<strong>' + escapeHtml(step.title || 'Step') + '<\/strong>' +\r\n                  escapeHtml(step.text || '') +\r\n                '<\/div>' +\r\n              '<\/div>'\r\n            );\r\n          }).join('');\r\n        }\r\n\r\n        guideModal.classList.add('is-open');\r\n        guideModal.setAttribute('aria-hidden', 'false');\r\n        document.documentElement.style.overflow = 'hidden';\r\n      }\r\n\r\n      function closeGuide() {\r\n        if (!guideModal) return;\r\n\r\n        guideModal.classList.remove('is-open');\r\n        guideModal.setAttribute('aria-hidden', 'true');\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          difficulty: formData.get('difficulty'),\r\n          read_time: formData.get('read_time'),\r\n          guide_title: formData.get('guide_title'),\r\n          cover_image: formData.get('cover_image'),\r\n          excerpt: formData.get('excerpt'),\r\n          season_id: root.dataset.seasonId || '',\r\n          user_id: root.dataset.userId || '',\r\n          source: 'wordpress_elementor_creator_guides_library',\r\n          status: 'pending_moderation',\r\n          created_at: new Date().toISOString()\r\n        };\r\n\r\n        const payloadField = submitForm.querySelector('[data-guide-payload]');\r\n        const endpoint = root.dataset.guideSubmitEndpoint || '';\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('Guide submit failed');\r\n            showToast('Guide submitted for review.');\r\n          })\r\n          .catch(function () {\r\n            console.info('Wanted Six guide submit payload:', payload);\r\n            showToast('Demo mode: guide payload created.');\r\n          });\r\n        } else {\r\n          console.info('Wanted Six guide submit payload:', payload);\r\n          showToast('Demo mode: guide 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.guidesTab || '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      pathCards.forEach(function (card) {\r\n        card.addEventListener('click', function () {\r\n          const filter = card.dataset.pathFilter || 'all';\r\n\r\n          if (categorySelect) {\r\n            categorySelect.value = filter;\r\n          }\r\n\r\n          activeTab = filter;\r\n\r\n          tabs.forEach(function (item) {\r\n            item.classList.toggle('is-active', item.dataset.guidesTab === filter);\r\n          });\r\n\r\n          applyFilters();\r\n        });\r\n      });\r\n\r\n      [searchInput, categorySelect, difficultySelect].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          renderGuides(guides);\r\n        });\r\n      }\r\n\r\n      root.addEventListener('click', function (event) {\r\n        const openButton = event.target.closest('[data-open-guide]');\r\n        const guideClose = event.target.closest('[data-guide-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 (openButton) openGuide(openButton.dataset.guideId);\r\n        if (guideClose) closeGuide();\r\n        if (submitOpen) openSubmit();\r\n        if (submitClose) closeSubmit();\r\n      });\r\n\r\n      if (guideModal) {\r\n        guideModal.addEventListener('click', function (event) {\r\n          if (event.target === guideModal) closeGuide();\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          closeGuide();\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 loadGuides() {\r\n        const endpoint = root.dataset.guidesEndpoint || '';\r\n\r\n        if (!endpoint) {\r\n          renderGuides(fallbackGuides);\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('Guides request failed');\r\n          return response.json();\r\n        })\r\n        .then(function (payload) {\r\n          const list = Array.isArray(payload.guides) ? payload.guides : [];\r\n          renderGuides(list, payload.stats || {});\r\n          console.info('Wanted Six creator guides loaded:', payload);\r\n        })\r\n        .catch(function () {\r\n          console.info('Wanted Six guides endpoint not available yet. Using fallback guides.');\r\n          renderGuides(fallbackGuides);\r\n        });\r\n      }\r\n\r\n      loadGuides();\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 Guides Learn Leonida from the creators who know it best. Discover guides, tutorials, strategies and creator-made walkthroughs from the Wanted Six network. Explore Guides 6 Total Guides Published creator guides 1 Featured Guides Curated by Wanted Six 1 Active Creators Publishing guide content Demo Total Saves Tracked after app API Creator Guides Learn Leonida [&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-950","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/pages\/950","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=950"}],"version-history":[{"count":13,"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/pages\/950\/revisions"}],"predecessor-version":[{"id":963,"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/pages\/950\/revisions\/963"}],"wp:attachment":[{"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/media?parent=950"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}