<?xml version="1.0" encoding="UTF-8"?>
<template name="Poll results" category="Webinar" description="Up to three options with percentage bars." anim="slide-up" from="bottom" animMs="500">
  <field id="title" label="Question" default="Which feature next?"/>
  <field id="o1" label="Option 1" default="Replay buffer"/>
  <field id="p1" label="Percent 1 (0–100)" type="number" default="52" min="0" max="100" step="1"/>
  <field id="o2" label="Option 2" default="Scene transitions"/>
  <field id="p2" label="Percent 2 (0–100)" type="number" default="31" min="0" max="100" step="1"/>
  <field id="o3" label="Option 3" default="Mobile remote"/>
  <field id="p3" label="Percent 3 (0–100)" type="number" default="17" min="0" max="100" step="1"/>
  <field id="accent" label="Accent start" type="color" default="#06b6d4"/>
  <field id="accent2" label="Accent end" type="color" default="#6366f1"/>

  <rect x="110" y="640" w="1100" h="400" radius="18" fill="rgba(10,12,16,0.94)"/>
  <text x="144" y="676" size="36" weight="800" color="#ffffff" maxWidth="1030">{title}</text>

  <text id="o1" x="144" y="742" size="26" weight="600" color="#ffffff" maxWidth="820">{o1}</text>
  <text x="1176" y="742" align="right" size="26" weight="800" font="mono" color="{accent}">{p1}%</text>
  <rect x="144" y="778" w="1000" h="22" radius="11" fill="rgba(255,255,255,0.1)"/>
  <rect x="144" y="778" w="{p1}0" h="22" radius="11" fill="linear(90,{accent},{accent2})"/>

  <text id="o2" x="144" y="834" size="26" weight="600" color="#ffffff" maxWidth="820">{o2}</text>
  <text x="1176" y="834" align="right" size="26" weight="800" font="mono" color="{accent}">{p2}%</text>
  <rect x="144" y="870" w="1000" h="22" radius="11" fill="rgba(255,255,255,0.1)"/>
  <rect x="144" y="870" w="{p2}0" h="22" radius="11" fill="linear(90,{accent},{accent2})"/>

  <text id="o3" x="144" y="926" size="26" weight="600" color="#ffffff" maxWidth="820">{o3}</text>
  <text x="1176" y="926" align="right" size="26" weight="800" font="mono" color="{accent}">{p3}%</text>
  <rect x="144" y="962" w="1000" h="22" radius="11" fill="rgba(255,255,255,0.1)"/>
  <rect x="144" y="962" w="{p3}0" h="22" radius="11" fill="linear(90,{accent},{accent2})"/>
</template>
