/* Shared scaled Tailwind utilities for the thumbnail reference canvas. */
.thumbnail-template {
    font-size: 35.8px;
    line-height: 1.2;
}

.thumbnail-template .text-xs, .thumbnail-template .md\:text-xs { font-size: 26.85px; line-height: 35.8px; }
.thumbnail-template .text-sm, .thumbnail-template .md\:text-sm { font-size: 31.33px; line-height: 44.76px; }
.thumbnail-template .text-base, .thumbnail-template .md\:text-base { font-size: 35.8px; line-height: 53.71px; }
.thumbnail-template .text-lg, .thumbnail-template .md\:text-lg { font-size: 40.28px; line-height: 62.66px; }
.thumbnail-template .text-xl, .thumbnail-template .md\:text-xl { font-size: 44.76px; line-height: 62.66px; }
.thumbnail-template .text-2xl, .thumbnail-template .md\:text-2xl { font-size: 53.71px; line-height: 71.61px; }
.thumbnail-template .text-3xl, .thumbnail-template .md\:text-3xl { font-size: 67.13px; line-height: 80.56px; }
.thumbnail-template .text-4xl, .thumbnail-template .md\:text-4xl { font-size: 80.56px; line-height: 89.51px; }
.thumbnail-template .text-5xl, .thumbnail-template .md\:text-5xl { font-size: 107.41px; line-height: 1; }
.thumbnail-template .text-6xl, .thumbnail-template .md\:text-6xl { font-size: 134.27px; line-height: 1; }
.thumbnail-template .text-7xl, .thumbnail-template .md\:text-7xl { font-size: 161.12px; line-height: 1; }
.thumbnail-template .text-8xl, .thumbnail-template .md\:text-8xl { font-size: 214.83px; line-height: 1; }
.thumbnail-template .left-1 { left: 8.95px; }
.thumbnail-template .right-1 { right: 8.95px; }
.thumbnail-template .top-1 { top: 8.95px; }
.thumbnail-template .bottom-1 { bottom: 8.95px; }
.thumbnail-template .w-1, .thumbnail-template .md\:w-1 { width: 8.95px; }
.thumbnail-template .h-1, .thumbnail-template .md\:h-1 { height: 8.95px; }
.thumbnail-template .p-1 { padding: 8.95px; }
.thumbnail-template .px-1 { padding-left: 8.95px; padding-right: 8.95px; }
.thumbnail-template .py-1 { padding-top: 8.95px; padding-bottom: 8.95px; }
.thumbnail-template .gap-1 { gap: 8.95px; }
.thumbnail-template .left-2 { left: 17.9px; }
.thumbnail-template .right-2 { right: 17.9px; }
.thumbnail-template .top-2 { top: 17.9px; }
.thumbnail-template .bottom-2 { bottom: 17.9px; }
.thumbnail-template .w-2, .thumbnail-template .md\:w-2 { width: 17.9px; }
.thumbnail-template .h-2, .thumbnail-template .md\:h-2 { height: 17.9px; }
.thumbnail-template .p-2 { padding: 17.9px; }
.thumbnail-template .px-2 { padding-left: 17.9px; padding-right: 17.9px; }
.thumbnail-template .py-2 { padding-top: 17.9px; padding-bottom: 17.9px; }
.thumbnail-template .gap-2 { gap: 17.9px; }
.thumbnail-template .left-3 { left: 26.85px; }
.thumbnail-template .right-3 { right: 26.85px; }
.thumbnail-template .top-3 { top: 26.85px; }
.thumbnail-template .bottom-3 { bottom: 26.85px; }
.thumbnail-template .w-3, .thumbnail-template .md\:w-3 { width: 26.85px; }
.thumbnail-template .h-3, .thumbnail-template .md\:h-3 { height: 26.85px; }
.thumbnail-template .p-3 { padding: 26.85px; }
.thumbnail-template .px-3 { padding-left: 26.85px; padding-right: 26.85px; }
.thumbnail-template .py-3 { padding-top: 26.85px; padding-bottom: 26.85px; }
.thumbnail-template .gap-3 { gap: 26.85px; }
.thumbnail-template .left-4 { left: 35.8px; }
.thumbnail-template .right-4 { right: 35.8px; }
.thumbnail-template .top-4 { top: 35.8px; }
.thumbnail-template .bottom-4 { bottom: 35.8px; }
.thumbnail-template .w-4, .thumbnail-template .md\:w-4 { width: 35.8px; }
.thumbnail-template .h-4, .thumbnail-template .md\:h-4 { height: 35.8px; }
.thumbnail-template .p-4 { padding: 35.8px; }
.thumbnail-template .px-4 { padding-left: 35.8px; padding-right: 35.8px; }
.thumbnail-template .py-4 { padding-top: 35.8px; padding-bottom: 35.8px; }
.thumbnail-template .gap-4 { gap: 35.8px; }
.thumbnail-template .left-5 { left: 44.76px; }
.thumbnail-template .right-5 { right: 44.76px; }
.thumbnail-template .top-5 { top: 44.76px; }
.thumbnail-template .bottom-5 { bottom: 44.76px; }
.thumbnail-template .w-5, .thumbnail-template .md\:w-5 { width: 44.76px; }
.thumbnail-template .h-5, .thumbnail-template .md\:h-5 { height: 44.76px; }
.thumbnail-template .p-5 { padding: 44.76px; }
.thumbnail-template .px-5 { padding-left: 44.76px; padding-right: 44.76px; }
.thumbnail-template .py-5 { padding-top: 44.76px; padding-bottom: 44.76px; }
.thumbnail-template .gap-5 { gap: 44.76px; }
.thumbnail-template .left-6 { left: 53.71px; }
.thumbnail-template .right-6 { right: 53.71px; }
.thumbnail-template .top-6 { top: 53.71px; }
.thumbnail-template .bottom-6 { bottom: 53.71px; }
.thumbnail-template .w-6, .thumbnail-template .md\:w-6 { width: 53.71px; }
.thumbnail-template .h-6, .thumbnail-template .md\:h-6 { height: 53.71px; }
.thumbnail-template .p-6 { padding: 53.71px; }
.thumbnail-template .px-6 { padding-left: 53.71px; padding-right: 53.71px; }
.thumbnail-template .py-6 { padding-top: 53.71px; padding-bottom: 53.71px; }
.thumbnail-template .gap-6 { gap: 53.71px; }
.thumbnail-template .left-8 { left: 71.61px; }
.thumbnail-template .right-8 { right: 71.61px; }
.thumbnail-template .top-8 { top: 71.61px; }
.thumbnail-template .bottom-8 { bottom: 71.61px; }
.thumbnail-template .w-8, .thumbnail-template .md\:w-8 { width: 71.61px; }
.thumbnail-template .h-8, .thumbnail-template .md\:h-8 { height: 71.61px; }
.thumbnail-template .p-8 { padding: 71.61px; }
.thumbnail-template .px-8 { padding-left: 71.61px; padding-right: 71.61px; }
.thumbnail-template .py-8 { padding-top: 71.61px; padding-bottom: 71.61px; }
.thumbnail-template .gap-8 { gap: 71.61px; }
.thumbnail-template .left-10 { left: 89.51px; }
.thumbnail-template .right-10 { right: 89.51px; }
.thumbnail-template .top-10 { top: 89.51px; }
.thumbnail-template .bottom-10 { bottom: 89.51px; }
.thumbnail-template .w-10, .thumbnail-template .md\:w-10 { width: 89.51px; }
.thumbnail-template .h-10, .thumbnail-template .md\:h-10 { height: 89.51px; }
.thumbnail-template .p-10 { padding: 89.51px; }
.thumbnail-template .px-10 { padding-left: 89.51px; padding-right: 89.51px; }
.thumbnail-template .py-10 { padding-top: 89.51px; padding-bottom: 89.51px; }
.thumbnail-template .gap-10 { gap: 89.51px; }
.thumbnail-template .left-12 { left: 107.41px; }
.thumbnail-template .right-12 { right: 107.41px; }
.thumbnail-template .top-12 { top: 107.41px; }
.thumbnail-template .bottom-12 { bottom: 107.41px; }
.thumbnail-template .w-12, .thumbnail-template .md\:w-12 { width: 107.41px; }
.thumbnail-template .h-12, .thumbnail-template .md\:h-12 { height: 107.41px; }
.thumbnail-template .p-12 { padding: 107.41px; }
.thumbnail-template .px-12 { padding-left: 107.41px; padding-right: 107.41px; }
.thumbnail-template .py-12 { padding-top: 107.41px; padding-bottom: 107.41px; }
.thumbnail-template .gap-12 { gap: 107.41px; }
.thumbnail-template .left-16 { left: 143.22px; }
.thumbnail-template .right-16 { right: 143.22px; }
.thumbnail-template .top-16 { top: 143.22px; }
.thumbnail-template .bottom-16 { bottom: 143.22px; }
.thumbnail-template .w-16, .thumbnail-template .md\:w-16 { width: 143.22px; }
.thumbnail-template .h-16, .thumbnail-template .md\:h-16 { height: 143.22px; }
.thumbnail-template .p-16 { padding: 143.22px; }
.thumbnail-template .px-16 { padding-left: 143.22px; padding-right: 143.22px; }
.thumbnail-template .py-16 { padding-top: 143.22px; padding-bottom: 143.22px; }
.thumbnail-template .gap-16 { gap: 143.22px; }
.thumbnail-template .left-20 { left: 179.02px; }
.thumbnail-template .right-20 { right: 179.02px; }
.thumbnail-template .top-20 { top: 179.02px; }
.thumbnail-template .bottom-20 { bottom: 179.02px; }
.thumbnail-template .w-20, .thumbnail-template .md\:w-20 { width: 179.02px; }
.thumbnail-template .h-20, .thumbnail-template .md\:h-20 { height: 179.02px; }
.thumbnail-template .p-20 { padding: 179.02px; }
.thumbnail-template .px-20 { padding-left: 179.02px; padding-right: 179.02px; }
.thumbnail-template .py-20 { padding-top: 179.02px; padding-bottom: 179.02px; }
.thumbnail-template .gap-20 { gap: 179.02px; }
.thumbnail-template .left-24 { left: 214.83px; }
.thumbnail-template .right-24 { right: 214.83px; }
.thumbnail-template .top-24 { top: 214.83px; }
.thumbnail-template .bottom-24 { bottom: 214.83px; }
.thumbnail-template .w-24, .thumbnail-template .md\:w-24 { width: 214.83px; }
.thumbnail-template .h-24, .thumbnail-template .md\:h-24 { height: 214.83px; }
.thumbnail-template .p-24 { padding: 214.83px; }
.thumbnail-template .px-24 { padding-left: 214.83px; padding-right: 214.83px; }
.thumbnail-template .py-24 { padding-top: 214.83px; padding-bottom: 214.83px; }
.thumbnail-template .gap-24 { gap: 214.83px; }
.thumbnail-template .left-32 { left: 286.43px; }
.thumbnail-template .right-32 { right: 286.43px; }
.thumbnail-template .top-32 { top: 286.43px; }
.thumbnail-template .bottom-32 { bottom: 286.43px; }
.thumbnail-template .w-32, .thumbnail-template .md\:w-32 { width: 286.43px; }
.thumbnail-template .h-32, .thumbnail-template .md\:h-32 { height: 286.43px; }
.thumbnail-template .p-32 { padding: 286.43px; }
.thumbnail-template .px-32 { padding-left: 286.43px; padding-right: 286.43px; }
.thumbnail-template .py-32 { padding-top: 286.43px; padding-bottom: 286.43px; }
.thumbnail-template .gap-32 { gap: 286.43px; }
.thumbnail-template .rounded-xl { border-radius: 26.85px; }
.thumbnail-template .rounded-2xl { border-radius: 35.8px; }
.thumbnail-template .rounded-full { border-radius: 9999px; }
.thumbnail-template .border-2 { border-width: 4.48px; border-style: solid; }
.thumbnail-template .border-4 { border-width: 8.95px; border-style: solid; }
.thumbnail-template .rotate-\[-10deg\],
.thumbnail-template .rotate-\[-12deg\],
.thumbnail-template .rotate-\[-1deg\],
.thumbnail-template .rotate-\[-2deg\],
.thumbnail-template .rotate-\[-3deg\],
.thumbnail-template .rotate-\[-4deg\],
.thumbnail-template .rotate-\[-5deg\],
.thumbnail-template .rotate-\[-6deg\],
.thumbnail-template .rotate-\[-8deg\],
.thumbnail-template .rotate-\[12deg\],
.thumbnail-template .rotate-\[2deg\],
.thumbnail-template .rotate-\[3deg\],
.thumbnail-template .rotate-\[4deg\],
.thumbnail-template .rotate-\[5deg\],
.thumbnail-template .rotate-\[6deg\],
.thumbnail-template .rotate-\[7deg\],
.thumbnail-template .rotate-\[8deg\] { transform: translate(var(--tw-translate-x, 0), var(--tw-translate-y, 0)) rotate(var(--tw-rotate, 0)); }
.thumbnail-template .border-\[5px\] { border-width: 11.19px; border-style: solid; }
.thumbnail-template .border-\[6px\] { border-width: 13.43px; border-style: solid; }
.thumbnail-template .bottom-\[10\%\] { bottom: 10%; }
.thumbnail-template .bottom-\[11\%\] { bottom: 11%; }
.thumbnail-template .bottom-\[12\%\] { bottom: 12%; }
.thumbnail-template .bottom-\[13\%\] { bottom: 13%; }
.thumbnail-template .bottom-\[16\%\] { bottom: 16%; }
.thumbnail-template .bottom-\[24\%\] { bottom: 24%; }
.thumbnail-template .bottom-\[28\%\] { bottom: 28%; }
.thumbnail-template .bottom-\[36\%\] { bottom: 36%; }
.thumbnail-template .bottom-\[4\%\] { bottom: 4%; }
.thumbnail-template .bottom-\[5\%\] { bottom: 5%; }
.thumbnail-template .bottom-\[6\%\] { bottom: 6%; }
.thumbnail-template .bottom-\[7\%\] { bottom: 7%; }
.thumbnail-template .bottom-\[8\%\] { bottom: 8%; }
.thumbnail-template .bottom-\[9\%\] { bottom: 9%; }
.thumbnail-template .h-\[20\%\] { height: 20%; }
.thumbnail-template .h-\[21\%\] { height: 21%; }
.thumbnail-template .h-\[22\%\] { height: 22%; }
.thumbnail-template .h-\[26\%\] { height: 26%; }
.thumbnail-template .h-\[30\%\] { height: 30%; }
.thumbnail-template .h-\[32\%\] { height: 32%; }
.thumbnail-template .h-\[34\%\] { height: 34%; }
.thumbnail-template .h-\[35\%\] { height: 35%; }
.thumbnail-template .h-\[38\%\] { height: 38%; }
.thumbnail-template .h-\[39\%\] { height: 39%; }
.thumbnail-template .h-\[42\%\] { height: 42%; }
.thumbnail-template .h-\[44\%\] { height: 44%; }
.thumbnail-template .h-\[48\%\] { height: 48%; }
.thumbnail-template .h-\[50\%\] { height: 50%; }
.thumbnail-template .h-\[52\%\] { height: 52%; }
.thumbnail-template .h-\[54\%\] { height: 54%; }
.thumbnail-template .h-\[56\%\] { height: 56%; }
.thumbnail-template .h-\[58\%\] { height: 58%; }
.thumbnail-template .h-\[60\%\] { height: 60%; }
.thumbnail-template .h-\[62\%\] { height: 62%; }
.thumbnail-template .h-\[64\%\] { height: 64%; }
.thumbnail-template .h-\[66\%\] { height: 66%; }
.thumbnail-template .h-\[70\%\] { height: 70%; }
.thumbnail-template .h-\[72\%\] { height: 72%; }
.thumbnail-template .h-\[74\%\] { height: 74%; }
.thumbnail-template .h-\[78\%\] { height: 78%; }
.thumbnail-template .left-\[-8\%\] { left: -8%; }
.thumbnail-template .left-\[10\%\] { left: 10%; }
.thumbnail-template .left-\[11\%\] { left: 11%; }
.thumbnail-template .left-\[14\%\] { left: 14%; }
.thumbnail-template .left-\[18\%\] { left: 18%; }
.thumbnail-template .left-\[38\%\] { left: 38%; }
.thumbnail-template .left-\[39\%\] { left: 39%; }
.thumbnail-template .left-\[45\%\] { left: 45%; }
.thumbnail-template .left-\[46\%\] { left: 46%; }
.thumbnail-template .left-\[48\%\] { left: 48%; }
.thumbnail-template .left-\[5\%\] { left: 5%; }
.thumbnail-template .left-\[51\%\] { left: 51%; }
.thumbnail-template .left-\[52\%\] { left: 52%; }
.thumbnail-template .left-\[53\%\] { left: 53%; }
.thumbnail-template .left-\[54\%\] { left: 54%; }
.thumbnail-template .left-\[55\%\] { left: 55%; }
.thumbnail-template .left-\[6\%\] { left: 6%; }
.thumbnail-template .left-\[7\%\] { left: 7%; }
.thumbnail-template .left-\[75\%\] { left: 75%; }
.thumbnail-template .left-\[8\%\] { left: 8%; }
.thumbnail-template .left-\[9\%\] { left: 9%; }
.thumbnail-template .right-\[-8\%\] { right: -8%; }
.thumbnail-template .right-\[10\%\] { right: 10%; }
.thumbnail-template .right-\[12\%\] { right: 12%; }
.thumbnail-template .right-\[13\%\] { right: 13%; }
.thumbnail-template .right-\[14\%\] { right: 14%; }
.thumbnail-template .right-\[15\%\] { right: 15%; }
.thumbnail-template .right-\[16\%\] { right: 16%; }
.thumbnail-template .right-\[17\%\] { right: 17%; }
.thumbnail-template .right-\[18\%\] { right: 18%; }
.thumbnail-template .right-\[2\%\] { right: 2%; }
.thumbnail-template .right-\[23\%\] { right: 23%; }
.thumbnail-template .right-\[28\%\] { right: 28%; }
.thumbnail-template .right-\[3\%\] { right: 3%; }
.thumbnail-template .right-\[36\%\] { right: 36%; }
.thumbnail-template .right-\[4\%\] { right: 4%; }
.thumbnail-template .right-\[5\%\] { right: 5%; }
.thumbnail-template .right-\[6\%\] { right: 6%; }
.thumbnail-template .right-\[7\%\] { right: 7%; }
.thumbnail-template .right-\[8\%\] { right: 8%; }
.thumbnail-template .right-\[9\%\] { right: 9%; }
.thumbnail-template .rotate-\[-10deg\] { --tw-rotate: -10deg; }
.thumbnail-template .rotate-\[-12deg\] { --tw-rotate: -12deg; }
.thumbnail-template .rotate-\[-1deg\] { --tw-rotate: -1deg; }
.thumbnail-template .rotate-\[-2deg\] { --tw-rotate: -2deg; }
.thumbnail-template .rotate-\[-3deg\] { --tw-rotate: -3deg; }
.thumbnail-template .rotate-\[-4deg\] { --tw-rotate: -4deg; }
.thumbnail-template .rotate-\[-5deg\] { --tw-rotate: -5deg; }
.thumbnail-template .rotate-\[-6deg\] { --tw-rotate: -6deg; }
.thumbnail-template .rotate-\[-8deg\] { --tw-rotate: -8deg; }
.thumbnail-template .rotate-\[12deg\] { --tw-rotate: 12deg; }
.thumbnail-template .rotate-\[2deg\] { --tw-rotate: 2deg; }
.thumbnail-template .rotate-\[3deg\] { --tw-rotate: 3deg; }
.thumbnail-template .rotate-\[4deg\] { --tw-rotate: 4deg; }
.thumbnail-template .rotate-\[5deg\] { --tw-rotate: 5deg; }
.thumbnail-template .rotate-\[6deg\] { --tw-rotate: 6deg; }
.thumbnail-template .rotate-\[7deg\] { --tw-rotate: 7deg; }
.thumbnail-template .rotate-\[8deg\] { --tw-rotate: 8deg; }
.thumbnail-template .rounded-\[14px\] { border-radius: 31.33px; }
.thumbnail-template .rounded-\[26px\] { border-radius: 58.18px; }
.thumbnail-template .shadow-\[0_0_0_4px_rgba\(255\,255\,255\,0\.9\)\] { box-shadow: 0 0 0 8.95px rgba(255,255,255,0.9); }
.thumbnail-template .shadow-\[0_0_15px_\#fff\] { box-shadow: 0 0 33.57px #fff; }
.thumbnail-template .shadow-\[0_0_20px_\#00f0ff\] { box-shadow: 0 0 44.76px #00f0ff; }
.thumbnail-template .shadow-\[0_0_20px_\#fff\] { box-shadow: 0 0 44.76px #fff; }
.thumbnail-template .shadow-\[0_0_20px_rgba\(16\,185\,129\,0\.5\)\] { box-shadow: 0 0 44.76px rgba(16,185,129,0.5); }
.thumbnail-template .shadow-\[0_0_20px_rgba\(244\,63\,94\,0\.7\)\] { box-shadow: 0 0 44.76px rgba(244,63,94,0.7); }
.thumbnail-template .shadow-\[0_0_20px_rgba\(245\,158\,11\,0\.6\)\] { box-shadow: 0 0 44.76px rgba(245,158,11,0.6); }
.thumbnail-template .shadow-\[0_0_20px_var\(--cyan\)\] { box-shadow: 0 0 44.76px var(--cyan); }
.thumbnail-template .shadow-\[0_0_20px_var\(--orange\)\] { box-shadow: 0 0 44.76px var(--orange); }
.thumbnail-template .shadow-\[0_0_20px_var\(--yellow\)\] { box-shadow: 0 0 44.76px var(--yellow); }
.thumbnail-template .shadow-\[0_0_25px_\#00f0ff\] { box-shadow: 0 0 55.94px #00f0ff; }
.thumbnail-template .shadow-\[0_0_25px_rgba\(16\,185\,129\,0\.7\)\] { box-shadow: 0 0 55.94px rgba(16,185,129,0.7); }
.thumbnail-template .shadow-\[0_0_25px_rgba\(245\,158\,11\,0\.7\)\] { box-shadow: 0 0 55.94px rgba(245,158,11,0.7); }
.thumbnail-template .shadow-\[0_0_25px_var\(--green\)\] { box-shadow: 0 0 55.94px var(--green); }
.thumbnail-template .shadow-\[0_0_25px_var\(--purple\)\] { box-shadow: 0 0 55.94px var(--purple); }
.thumbnail-template .top-\[10\%\] { top: 10%; }
.thumbnail-template .top-\[11\%\] { top: 11%; }
.thumbnail-template .top-\[12\%\] { top: 12%; }
.thumbnail-template .top-\[13\%\] { top: 13%; }
.thumbnail-template .top-\[14\%\] { top: 14%; }
.thumbnail-template .top-\[15\%\] { top: 15%; }
.thumbnail-template .top-\[16\%\] { top: 16%; }
.thumbnail-template .top-\[17\%\] { top: 17%; }
.thumbnail-template .top-\[18\%\] { top: 18%; }
.thumbnail-template .top-\[20\%\] { top: 20%; }
.thumbnail-template .top-\[22\%\] { top: 22%; }
.thumbnail-template .top-\[23\%\] { top: 23%; }
.thumbnail-template .top-\[24\%\] { top: 24%; }
.thumbnail-template .top-\[25\%\] { top: 25%; }
.thumbnail-template .top-\[28\%\] { top: 28%; }
.thumbnail-template .top-\[29\%\] { top: 29%; }
.thumbnail-template .top-\[3\%\] { top: 3%; }
.thumbnail-template .top-\[32\%\] { top: 32%; }
.thumbnail-template .top-\[33\%\] { top: 33%; }
.thumbnail-template .top-\[34\%\] { top: 34%; }
.thumbnail-template .top-\[35\%\] { top: 35%; }
.thumbnail-template .top-\[36\%\] { top: 36%; }
.thumbnail-template .top-\[38\%\] { top: 38%; }
.thumbnail-template .top-\[4\%\] { top: 4%; }
.thumbnail-template .top-\[42\%\] { top: 42%; }
.thumbnail-template .top-\[45\%\] { top: 45%; }
.thumbnail-template .top-\[48\%\] { top: 48%; }
.thumbnail-template .top-\[5\%\] { top: 5%; }
.thumbnail-template .top-\[50\%\] { top: 50%; }
.thumbnail-template .top-\[6\%\] { top: 6%; }
.thumbnail-template .top-\[7\%\] { top: 7%; }
.thumbnail-template .top-\[8\%\] { top: 8%; }
.thumbnail-template .top-\[9\%\] { top: 9%; }
.thumbnail-template .w-\[10px\] { width: 22.38px; }
.thumbnail-template .w-\[18\%\] { width: 18%; }
.thumbnail-template .w-\[21\%\] { width: 21%; }
.thumbnail-template .w-\[22\%\] { width: 22%; }
.thumbnail-template .w-\[23\%\] { width: 23%; }
.thumbnail-template .w-\[24\%\] { width: 24%; }
.thumbnail-template .w-\[25\%\] { width: 25%; }
.thumbnail-template .w-\[26\%\] { width: 26%; }
.thumbnail-template .w-\[32\%\] { width: 32%; }
.thumbnail-template .w-\[33\%\] { width: 33%; }
.thumbnail-template .w-\[34\%\] { width: 34%; }
.thumbnail-template .w-\[35\%\] { width: 35%; }
.thumbnail-template .w-\[36\%\] { width: 36%; }
.thumbnail-template .w-\[38\%\] { width: 38%; }
.thumbnail-template .w-\[39\%\] { width: 39%; }
.thumbnail-template .w-\[42\%\] { width: 42%; }
.thumbnail-template .w-\[43\%\] { width: 43%; }
.thumbnail-template .w-\[44\%\] { width: 44%; }
.thumbnail-template .w-\[48\%\] { width: 48%; }
.thumbnail-template .w-\[60\%\] { width: 60%; }
.thumbnail-template .w-\[65\%\] { width: 65%; }
.thumbnail-template .w-\[70\%\] { width: 70%; }
.thumbnail-template .w-\[72\%\] { width: 72%; }
.thumbnail-template .w-\[85\%\] { width: 85%; }
.thumbnail-template .z-\[18\] { z-index: 18; }
.thumbnail-template .z-\[5\] { z-index: 5; }

/* Ultimate VS Split Templates */
.thumbnail-template .template-set-ultimate-vs-split .safe {
    position: absolute;
    inset: 44.76px;
    z-index: 10;
    pointer-events: none;
}
.thumbnail-template .template-set-ultimate-vs-split .template-title {
    color: #93c5fd;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 26.85px;
}
.thumbnail-template .template-set-ultimate-vs-split .split-left-perfect {
    clip-path: polygon(0 0, 56% 0, 46% 100%, 0 100%);
}
.thumbnail-template .template-set-ultimate-vs-split .split-right-perfect {
    clip-path: polygon(56% 0, 100% 0, 100% 100%, 46% 100%);
}
.thumbnail-template .template-set-ultimate-vs-split .split-line-perfect {
    clip-path: polygon(56% 0, 57% 0, 47% 100%, 46% 100%);
}
.thumbnail-template .template-set-ultimate-vs-split .sticker {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    border-radius: 2235.52px;
    box-shadow: 0 26.85px 62.66px rgba(0,0,0,0.45);
    white-space: nowrap;
    pointer-events: auto;
}
.thumbnail-template .template-set-ultimate-vs-split .glow-red {
    box-shadow: 0 0 78.32px rgba(255,21,61,0.65);
}
.thumbnail-template .template-set-ultimate-vs-split .glow-cyan {
    box-shadow: 0 0 78.32px rgba(0,213,255,0.6);
}
.thumbnail-template .template-set-ultimate-vs-split .glow-yellow {
    box-shadow: 0 0 78.32px rgba(255,229,0,0.6);
}
.thumbnail-template .template-set-ultimate-vs-split .help-pill {
    border: 2.24px solid rgba(255,255,255,0.12);
    background: rgba(15,23,42,0.8);
    border-radius: 2235.52px;
    padding: 17.9px 26.85px;
    color: #cbd5e1;
    font-size: 26.85px;
}

/* Review Templates */
.thumbnail-template .template-set-review-core .safe {
    position: absolute;
    inset: 44.76px;
    z-index: 10;
    pointer-events: none;
}
.thumbnail-template .template-set-review-core .product-card img,
.thumbnail-template .template-set-review-core .review-card img,
.thumbnail-template .template-set-review-core .mini-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .25s ease;
}
.thumbnail-template .template-set-review-core .product-card:hover img,
.thumbnail-template .template-set-review-core .review-card:hover img,
.thumbnail-template .template-set-review-core .mini-card:hover img {
    transform: scale(1.04);
}
.thumbnail-template .template-set-review-core .photo-bg {
    inset: 0;
    z-index: 1;
}
.thumbnail-template .template-set-review-core .photo-bg img {
    filter: saturate(1.2) contrast(1.1);
}
.thumbnail-template .template-set-review-core .blur-bg img {
    filter: blur(11.19px) brightness(.45) saturate(1.2);
    transform: scale(1.05);
}
.thumbnail-template .template-set-review-core .shade-left {
    position: absolute;
    inset: 0;
    z-index: 3;
    background: linear-gradient(90deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 45%, transparent 100%);
    pointer-events: none;
}
.thumbnail-template .template-set-review-core .shade-bottom {
    position: absolute;
    inset: 0;
    z-index: 3;
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, transparent 100%);
    pointer-events: none;
}
.thumbnail-template .template-set-review-core .badge {
    position: absolute;
    z-index: 25;
    font-family: 'Impact', sans-serif;
    text-transform: uppercase;
    letter-spacing: -.02em;
    background: var(--red);
    color: white;
    border: 8.95px solid white;
    border-radius: 35.8px;
    padding: 13.43px 44.76px;
    box-shadow: 0 17.9px 0 #000, 0 44.76px 67.13px rgba(0,0,0,.5);
    line-height: 1;
    font-style: italic;
    pointer-events: auto;
}
.thumbnail-template .template-set-review-core .pill {
    position: absolute;
    z-index: 25;
    border-radius: 2235.52px;
    padding: 22.38px 53.71px;
    font-family: 'Montserrat', system-ui, sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    background: var(--yellow);
    color: black;
    border: 8.95px solid black;
    box-shadow: 0 17.9px 0 #000000, 0 40.28px 58.18px rgba(0,0,0,.45);
    white-space: nowrap;
    pointer-events: auto;
}
.thumbnail-template .template-set-review-core .product-card {
    position: absolute;
    z-index: 5;
    overflow: hidden;
    border: 13.43px solid white;
    border-radius: 49.23px;
    background: #111827;
    box-shadow: 0 40.28px 71.61px rgba(0,0,0,.50);
    cursor: pointer;
}
.thumbnail-template .template-set-review-core .product-card.red-ring {
    border-color: var(--red);
    box-shadow: 0 0 78.32px rgba(255,21,61,.65);
}
.thumbnail-template .template-set-review-core .product-card.green-ring {
    border-color: var(--green);
    box-shadow: 0 0 78.32px rgba(36,255,114,.55);
}
.thumbnail-template .template-set-review-core .product-card.yellow-ring {
    border-color: var(--yellow);
    box-shadow: 0 0 78.32px rgba(255,229,0,.55);
}
.thumbnail-template .template-set-review-core .review-card {
    position: absolute;
    z-index: 5;
    border: 11.19px solid white;
    border-radius: 49.23px;
    background: rgba(0,0,0,.85);
    box-shadow: 0 40.28px 71.61px rgba(0,0,0,.50);
    overflow: hidden;
    cursor: pointer;
}
.thumbnail-template .template-set-review-core .score {
    position: absolute;
    z-index: 25;
    min-width: 246.15px;
    height: 170.07px;
    display: grid;
    place-items: center;
    padding: 0 35.8px;
    border-radius: 35.8px;
    border: 8.95px solid #000;
    background: var(--yellow);
    color: #000;
    font-family: 'Impact', sans-serif;
    font-size: 120.84px;
    line-height: 1;
    box-shadow: 0 17.9px 0 #000;
    white-space: nowrap;
    font-style: italic;
    pointer-events: auto;
}
.thumbnail-template .template-set-review-core .score.red {
    background: var(--red);
    color: white;
    border-color: white;
}
.thumbnail-template .template-set-review-core .score.green {
    background: var(--green);
    color: black;
}
.thumbnail-template .template-set-review-core .stars {
    position: absolute;
    z-index: 25;
    font-family: 'Impact', sans-serif;
    color: var(--yellow);
    font-size: 125.31px;
    line-height: 1;
    letter-spacing: 4.48px;
    -webkit-text-stroke: 4.48px #000000;
    paint-order: stroke fill;
    filter: drop-shadow(0px 11.19px 0px #000000) drop-shadow(0 0 40.28px rgba(255,229,0,.45));
    white-space: nowrap;
    pointer-events: auto;
}
.thumbnail-template .template-set-review-core .x-mark {
    position: absolute;
    z-index: 15;
    font-family: 'Impact', sans-serif;
    color: var(--red);
    font-size: 413.99px;
    line-height: .8;
    -webkit-text-stroke: 8.95px #000000;
    paint-order: stroke fill;
    filter: drop-shadow(0px 13.43px 0px #000000) drop-shadow(0 0 58.18px rgba(255,21,61,.75));
    transform: rotate(-10deg);
    pointer-events: none;
}
.thumbnail-template .template-set-review-core .check-mark {
    position: absolute;
    z-index: 15;
    font-family: 'Impact', sans-serif;
    color: var(--green);
    font-size: 358.04px;
    line-height: .8;
    -webkit-text-stroke: 8.95px #000000;
    paint-order: stroke fill;
    filter: drop-shadow(0px 13.43px 0px #000000) drop-shadow(0 0 55.94px rgba(36,255,114,.55));
    transform: rotate(-8deg);
    pointer-events: none;
}
.thumbnail-template .template-set-review-core .viral-arrow {
    width: 290.91px;
    height: 98.46px;
    background: var(--yellow);
    position: relative;
    filter: drop-shadow(0px 17.9px 0px #000000) drop-shadow(0px 0px 44.76px rgba(255, 229, 0, 0.75));
}
.thumbnail-template .template-set-review-core .viral-arrow::after {
    content: '';
    position: absolute;
    right: calc(80.56px * -1);
    top: 50%;
    transform: translateY(-50%);
    border-top: 98.46px solid transparent;
    border-bottom: 98.46px solid transparent;
    border-left: 102.94px solid var(--yellow);
}
.thumbnail-template .template-set-review-core .viral-arrow.red-arrow {
    background: var(--red);
    filter: drop-shadow(0px 17.9px 0px #000000) drop-shadow(0px 0px 44.76px rgba(255, 21, 61, 0.75));
}
.thumbnail-template .template-set-review-core .viral-arrow.red-arrow::after {
    border-left-color: var(--red);
}
.thumbnail-template .template-set-review-core .ring {
    position: absolute;
    z-index: 15;
    border: 26.85px solid var(--red);
    border-radius: 2235.52px;
    box-shadow: 0 0 85.03px rgba(255,21,61,.75), inset 0 0 67.13px rgba(255,21,61,.18);
    pointer-events: none;
}
.thumbnail-template .template-set-review-core .split-left-perfect {
    clip-path: polygon(0 0, 56% 0, 46% 100%, 0 100%);
}
.thumbnail-template .template-set-review-core .split-right-perfect {
    clip-path: polygon(56% 0, 100% 0, 100% 100%, 46% 100%);
}
.thumbnail-template .template-set-review-core .split-line-perfect {
    clip-path: polygon(56% 0, 57% 0, 47% 100%, 46% 100%);
}
.thumbnail-template .template-set-review-core .mini-grid {
    position: absolute;
    z-index: 6;
    display: grid;
    gap: 26.85px;
    padding: 26.85px;
    border-radius: 53.71px;
    background: rgba(0,0,0,.6);
    border: 8.95px solid #ffffff;
    box-shadow: 0 40.28px 76.08px rgba(0,0,0,.45);
    pointer-events: auto;
}
.thumbnail-template .template-set-review-core .mini-grid .image-zone {
    position: relative;
    inset: auto;
    border: 6.71px solid white;
    border-radius: 31.33px;
}
.thumbnail-template .template-set-review-core .verdict-board {
    position: absolute;
    z-index: 12;
    border: 11.19px solid white;
    border-radius: 49.23px;
    overflow: hidden;
    background: rgba(0,0,0,.85);
    box-shadow: 0 40.28px 80.56px rgba(0,0,0,.5);
    pointer-events: auto;
}
.thumbnail-template .template-set-review-core .verdict-row {
    display: grid;
    grid-template-columns: 1fr 179.02px;
    align-items: center;
    padding: 26.85px 40.28px;
    border-bottom: 6.71px solid rgba(255,255,255,.12);
    font-family: 'Impact', sans-serif;
    font-size: 62.66px;
    line-height: 1;
    text-transform: uppercase;
    font-style: italic;
}
.thumbnail-template .template-set-review-core .verdict-row:last-child {
    border-bottom: 0;
}
.thumbnail-template .template-set-review-core .quote-card {
    position: absolute;
    z-index: 12;
    border: 11.19px solid white;
    border-radius: 49.23px;
    background: #ffffff;
    color: #111;
    padding: 44.76px;
    box-shadow: 0 44.76px 80.56px rgba(0,0,0,.55);
    transform: rotate(3deg);
    pointer-events: auto;
}
.thumbnail-template .template-set-review-core .quote-card p {
    margin: 0;
    font-family: 'Impact', sans-serif;
    text-transform: uppercase;
    font-size: 76.08px;
    line-height: .95;
    font-style: italic;
}
.thumbnail-template .template-set-review-core .quote-card .source {
    margin-top: 22.38px;
    font-family: 'Montserrat', system-ui, sans-serif;
    font-size: 35.8px;
    font-weight: 900;
    color: #64748b;
    text-transform: uppercase;
}
.thumbnail-template .template-set-review-core .template-title {
    color: #93c5fd;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 26.85px;
}
.thumbnail-template .template-set-review-core .help-pill {
    border: 2.24px solid rgba(255,255,255,0.12);
    background: rgba(15,23,42,0.8);
    border-radius: 2235.52px;
    padding: 17.9px 26.85px;
    color: #cbd5e1;
    font-size: 26.85px;
}

/* Review Templates */
.thumbnail-template .template-set-review-expose .safe {
    position: absolute;
    inset: 44.76px;
    z-index: 10;
    pointer-events: none;
}
.thumbnail-template .template-set-review-expose .product-card img,
.thumbnail-template .template-set-review-expose .review-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .25s ease;
}
.thumbnail-template .template-set-review-expose .product-card:hover img,
.thumbnail-template .template-set-review-expose .review-card:hover img {
    transform: scale(1.04);
}
.thumbnail-template .template-set-review-expose .photo-bg {
    inset: 0;
    z-index: 1;
}
.thumbnail-template .template-set-review-expose .photo-bg img {
    filter: saturate(1.2) contrast(1.1);
}
.thumbnail-template .template-set-review-expose .blur-bg img {
    filter: blur(11.19px) brightness(.45) saturate(1.2);
    transform: scale(1.05);
}
.thumbnail-template .template-set-review-expose .shade-left {
    position: absolute;
    inset: 0;
    z-index: 3;
    background: linear-gradient(90deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 45%, transparent 100%);
    pointer-events: none;
}
.thumbnail-template .template-set-review-expose .shade-bottom {
    position: absolute;
    inset: 0;
    z-index: 3;
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, transparent 100%);
    pointer-events: none;
}
.thumbnail-template .template-set-review-expose .badge {
    position: absolute;
    z-index: 25;
    font-family: 'Impact', sans-serif;
    text-transform: uppercase;
    letter-spacing: -.02em;
    background: var(--red);
    color: white;
    border: 8.95px solid white;
    border-radius: 35.8px;
    padding: 13.43px 44.76px;
    box-shadow: 0 17.9px 0 #000, 0 44.76px 67.13px rgba(0,0,0,.5);
    line-height: 1;
    font-style: italic;
    pointer-events: auto;
}
.thumbnail-template .template-set-review-expose .pill {
    position: absolute;
    z-index: 25;
    border-radius: 2235.52px;
    padding: 22.38px 53.71px;
    font-family: 'Montserrat', system-ui, sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    background: var(--yellow);
    color: black;
    border: 8.95px solid black;
    box-shadow: 0 17.9px 0 #000000, 0 40.28px 58.18px rgba(0,0,0,.45);
    white-space: nowrap;
    pointer-events: auto;
}
.thumbnail-template .template-set-review-expose .product-card {
    position: absolute;
    z-index: 5;
    overflow: hidden;
    border: 13.43px solid white;
    border-radius: 49.23px;
    background: #111827;
    box-shadow: 0 40.28px 71.61px rgba(0,0,0,.50);
    cursor: pointer;
}
.thumbnail-template .template-set-review-expose .product-card.red-ring {
    border-color: var(--red);
    box-shadow: 0 0 78.32px rgba(255,21,61,.65);
}
.thumbnail-template .template-set-review-expose .product-card.green-ring {
    border-color: var(--green);
    box-shadow: 0 0 78.32px rgba(36,255,114,.55);
}
.thumbnail-template .template-set-review-expose .product-card.yellow-ring {
    border-color: var(--yellow);
    box-shadow: 0 0 78.32px rgba(255,229,0,.55);
}
.thumbnail-template .template-set-review-expose .score {
    position: absolute;
    z-index: 25;
    min-width: 246.15px;
    height: 170.07px;
    display: grid;
    place-items: center;
    padding: 0 35.8px;
    border-radius: 35.8px;
    border: 8.95px solid #000;
    background: var(--yellow);
    color: #000;
    font-family: 'Impact', sans-serif;
    font-size: 120.84px;
    line-height: 1;
    box-shadow: 0 17.9px 0 #000;
    white-space: nowrap;
    font-style: italic;
    pointer-events: auto;
}
.thumbnail-template .template-set-review-expose .score.red {
    background: var(--red);
    color: white;
    border-color: white;
}
.thumbnail-template .template-set-review-expose .score.green {
    background: var(--green);
    color: black;
}
.thumbnail-template .template-set-review-expose .stars {
    position: absolute;
    z-index: 25;
    font-family: 'Impact', sans-serif;
    color: var(--yellow);
    font-size: 125.31px;
    line-height: 1;
    letter-spacing: 4.48px;
    -webkit-text-stroke: 4.48px #000000;
    paint-order: stroke fill;
    filter: drop-shadow(0px 11.19px 0px #000000) drop-shadow(0 0 40.28px rgba(255,229,0,.45));
    white-space: nowrap;
    pointer-events: auto;
}
.thumbnail-template .template-set-review-expose .viral-arrow {
    width: 290.91px;
    height: 98.46px;
    background: var(--yellow);
    position: relative;
    filter: drop-shadow(0px 17.9px 0px #000000) drop-shadow(0px 0px 44.76px rgba(255, 229, 0, 0.75));
}
.thumbnail-template .template-set-review-expose .viral-arrow::after {
    content: '';
    position: absolute;
    right: calc(80.56px * -1);
    top: 50%;
    transform: translateY(-50%);
    border-top: 98.46px solid transparent;
    border-bottom: 98.46px solid transparent;
    border-left: 102.94px solid var(--yellow);
}
.thumbnail-template .template-set-review-expose .x-mark {
    position: absolute;
    z-index: 15;
    font-family: 'Impact', sans-serif;
    color: var(--red);
    font-size: 413.99px;
    line-height: .8;
    -webkit-text-stroke: 8.95px #000000;
    paint-order: stroke fill;
    filter: drop-shadow(0px 13.43px 0px #000000) drop-shadow(0 0 58.18px rgba(255,21,61,.75));
    transform: rotate(-10deg);
    pointer-events: none;
}
.thumbnail-template .template-set-review-expose .check-mark {
    position: absolute;
    z-index: 15;
    font-family: 'Impact', sans-serif;
    color: var(--green);
    font-size: 358.04px;
    line-height: .8;
    -webkit-text-stroke: 8.95px #000000;
    paint-order: stroke fill;
    filter: drop-shadow(0px 13.43px 0px #000000) drop-shadow(0 0 55.94px rgba(36,255,114,.55));
    transform: rotate(-8deg);
    pointer-events: none;
}
.thumbnail-template .template-set-review-expose .ring {
    position: absolute;
    z-index: 15;
    border: 26.85px solid var(--red);
    border-radius: 2235.52px;
    box-shadow: 0 0 85.03px rgba(255,21,61,.75), inset 0 0 67.13px rgba(255,21,61,.18);
    pointer-events: none;
}
.thumbnail-template .template-set-review-expose .split-left-perfect {
    clip-path: polygon(0 0, 56% 0, 46% 100%, 0 100%);
}
.thumbnail-template .template-set-review-expose .split-right-perfect {
    clip-path: polygon(56% 0, 100% 0, 100% 100%, 46% 100%);
}
.thumbnail-template .template-set-review-expose .split-line-perfect {
    clip-path: polygon(56% 0, 57% 0, 47% 100%, 46% 100%);
}
.thumbnail-template .template-set-review-expose .mini-grid {
    position: absolute;
    z-index: 6;
    display: grid;
    gap: 26.85px;
    padding: 26.85px;
    border-radius: 53.71px;
    background: rgba(0,0,0,.6);
    border: 8.95px solid #ffffff;
    box-shadow: 0 40.28px 76.08px rgba(0,0,0,.45);
    pointer-events: auto;
}
.thumbnail-template .template-set-review-expose .mini-grid .image-zone {
    position: relative;
    inset: auto;
    border: 6.71px solid white;
    border-radius: 31.33px;
}
.thumbnail-template .template-set-review-expose .verdict-board {
    position: absolute;
    z-index: 12;
    border: 11.19px solid white;
    border-radius: 49.23px;
    overflow: hidden;
    background: rgba(0,0,0,.85);
    box-shadow: 0 40.28px 80.56px rgba(0,0,0,.5);
    pointer-events: auto;
}
.thumbnail-template .template-set-review-expose .verdict-row {
    display: grid;
    grid-template-columns: 1fr 179.02px;
    align-items: center;
    padding: 26.85px 40.28px;
    border-bottom: 6.71px solid rgba(255,255,255,.12);
    font-family: 'Impact', sans-serif;
    font-size: 62.66px;
    line-height: 1;
    text-transform: uppercase;
    font-style: italic;
}
.thumbnail-template .template-set-review-expose .verdict-row:last-child {
    border-bottom: 0;
}
.thumbnail-template .template-set-review-expose .quote-card {
    position: absolute;
    z-index: 12;
    border: 11.19px solid white;
    border-radius: 49.23px;
    background: #ffffff;
    color: #111;
    padding: 44.76px;
    box-shadow: 0 44.76px 80.56px rgba(0,0,0,.55);
    transform: rotate(3deg);
    pointer-events: auto;
}
.thumbnail-template .template-set-review-expose .quote-card p {
    margin: 0;
    font-family: 'Impact', sans-serif;
    text-transform: uppercase;
    font-size: 76.08px;
    line-height: .95;
    font-style: italic;
}
.thumbnail-template .template-set-review-expose .quote-card .source {
    margin-top: 22.38px;
    font-family: 'Montserrat', system-ui, sans-serif;
    font-size: 35.8px;
    font-weight: 900;
    color: #64748b;
    text-transform: uppercase;
}
.thumbnail-template .template-set-review-expose .template-title {
    color: #93c5fd;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 26.85px;
}
.thumbnail-template .template-set-review-expose .help-pill {
    border: 2.24px solid rgba(255,255,255,0.12);
    background: rgba(15,23,42,0.8);
    border-radius: 2235.52px;
    padding: 17.9px 26.85px;
    color: #cbd5e1;
    font-size: 26.85px;
}

/* Top X / Ranked List Templates */
.thumbnail-template .template-set-ranked-list .safe {
    position: absolute;
    inset: 44.76px;
    z-index: 10;
    pointer-events: none;
}
.thumbnail-template .template-set-ranked-list .template-title {
    color: #93c5fd;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 26.85px;
}
.thumbnail-template .template-set-ranked-list .rank-card img,
.thumbnail-template .template-set-ranked-list .hero-card img,
.thumbnail-template .template-set-ranked-list .small-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .25s ease;
}
.thumbnail-template .template-set-ranked-list .rank-card:hover img,
.thumbnail-template .template-set-ranked-list .hero-card:hover img,
.thumbnail-template .template-set-ranked-list .small-card:hover img {
    transform: scale(1.04);
}
.thumbnail-template .template-set-ranked-list .photo-bg {
    inset: 0;
    z-index: 1;
}
.thumbnail-template .template-set-ranked-list .photo-bg img {
    filter: saturate(1.2) contrast(1.1);
}
.thumbnail-template .template-set-ranked-list .blur-bg img {
    filter: blur(11.19px) brightness(.45) saturate(1.2);
    transform: scale(1.05);
}
.thumbnail-template .template-set-ranked-list .shade-left {
    position: absolute;
    inset: 0;
    z-index: 3;
    background: linear-gradient(90deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 45%, transparent 100%);
    pointer-events: none;
}
.thumbnail-template .template-set-ranked-list .shade-right {
    position: absolute;
    inset: 0;
    z-index: 3;
    background: linear-gradient(270deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 45%, transparent 100%);
    pointer-events: none;
}
.thumbnail-template .template-set-ranked-list .shade-bottom {
    position: absolute;
    inset: 0;
    z-index: 3;
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, transparent 100%);
    pointer-events: none;
}
.thumbnail-template .template-set-ranked-list .badge {
    position: absolute;
    z-index: 25;
    font-family: 'Impact', sans-serif;
    text-transform: uppercase;
    letter-spacing: -.02em;
    background: var(--red);
    color: white;
    border: 8.95px solid white;
    border-radius: 35.8px;
    padding: 13.43px 44.76px;
    box-shadow: 0 17.9px 0 #000, 0 44.76px 67.13px rgba(0,0,0,.5);
    line-height: 1;
    font-style: italic;
    pointer-events: auto;
}
.thumbnail-template .template-set-ranked-list .pill {
    position: absolute;
    z-index: 25;
    border-radius: 2235.52px;
    padding: 22.38px 53.71px;
    font-family: 'Montserrat', system-ui, sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    background: var(--yellow);
    color: black;
    border: 8.95px solid black;
    box-shadow: 0 17.9px 0 #000000, 0 40.28px 58.18px rgba(0,0,0,.45);
    white-space: nowrap;
    pointer-events: auto;
}
.thumbnail-template .template-set-ranked-list .rank-card,
.thumbnail-template .template-set-ranked-list .hero-card,
.thumbnail-template .template-set-ranked-list .small-card {
    position: absolute;
    z-index: 5;
    overflow: hidden;
    border: 11.19px solid white;
    border-radius: 40.28px;
    background: #111827;
    box-shadow: 0 40.28px 71.61px rgba(0,0,0,.50);
    cursor: pointer;
}
.thumbnail-template .template-set-ranked-list .hero-card {
    border: 13.43px solid var(--yellow);
    box-shadow: 0 0 78.32px rgba(255,229,0,.55), 0 49.23px 89.51px rgba(0,0,0,.55);
}
.thumbnail-template .template-set-ranked-list .rank-num {
    position: absolute;
    z-index: 25;
    min-width: 129.79px;
    height: 116.36px;
    display: grid;
    place-items: center;
    padding: 0 26.85px;
    background: var(--yellow);
    color: #000;
    border: 8.95px solid #000;
    border-radius: 31.33px;
    font-family: 'Impact', sans-serif;
    font-size: 71.61px;
    line-height: 1;
    box-shadow: 0 13.43px 0 #000;
    white-space: nowrap;
    font-style: italic;
    pointer-events: auto;
}
.thumbnail-template .template-set-ranked-list .rank-num.red {
    background: var(--red);
    color: white;
}
.thumbnail-template .template-set-ranked-list .rank-num.green {
    background: var(--green);
    color: black;
}
.thumbnail-template .template-set-ranked-list .viral-arrow {
    width: 290.91px;
    height: 98.46px;
    background: var(--yellow);
    position: relative;
    filter: drop-shadow(0px 17.9px 0px #000000) drop-shadow(0px 0px 44.76px rgba(255, 229, 0, 0.75));
}
.thumbnail-template .template-set-ranked-list .viral-arrow::after {
    content: '';
    position: absolute;
    right: calc(80.56px * -1);
    top: 50%;
    transform: translateY(-50%);
    border-top: 98.46px solid transparent;
    border-bottom: 98.46px solid transparent;
    border-left: 102.94px solid var(--yellow);
}
.thumbnail-template .template-set-ranked-list .x-mark {
    position: absolute;
    z-index: 15;
    font-family: 'Impact', sans-serif;
    color: var(--red);
    font-size: 380.42px;
    line-height: .8;
    -webkit-text-stroke: 8.95px #000000;
    paint-order: stroke fill;
    filter: drop-shadow(0px 13.43px 0px #000000) drop-shadow(0 0 58.18px rgba(255,21,61,.75));
    transform: rotate(-10deg);
    pointer-events: none;
}
.thumbnail-template .template-set-ranked-list .check-mark {
    position: absolute;
    z-index: 15;
    font-family: 'Impact', sans-serif;
    color: var(--green);
    font-size: 335.66px;
    line-height: .8;
    -webkit-text-stroke: 8.95px #000000;
    paint-order: stroke fill;
    filter: drop-shadow(0px 13.43px 0px #000000) drop-shadow(0 0 55.94px rgba(36,255,114,.55));
    transform: rotate(-8deg);
    pointer-events: none;
}
.thumbnail-template .template-set-ranked-list .ring {
    position: absolute;
    z-index: 15;
    border: 26.85px solid var(--red);
    border-radius: 2235.52px;
    box-shadow: 0 0 85.03px rgba(255,21,61,.75), inset 0 0 67.13px rgba(255,21,61,.18);
    pointer-events: none;
}
.thumbnail-template .template-set-ranked-list .strip {
    position: absolute;
    z-index: 10;
    display: grid;
    gap: 26.85px;
    pointer-events: auto;
}
.thumbnail-template .template-set-ranked-list .strip .rank-card,
.thumbnail-template .template-set-ranked-list .strip .small-card {
    position: relative;
    inset: auto;
    width: 100%;
    height: 100%;
}
.thumbnail-template .template-set-ranked-list .podium-base {
    position: absolute;
    z-index: 4;
    bottom: 0;
    border-radius: 40.28px 40.28px 0 0;
    background: linear-gradient(180deg, rgba(255,255,255,.15), rgba(255,255,255,.02));
    border: 8.95px solid rgba(255,255,255,0.8);
    border-bottom: 0;
    box-shadow: 0 31.33px 62.66px rgba(0,0,0,.45);
}
.thumbnail-template .template-set-ranked-list .leaderboard {
    position: absolute;
    z-index: 12;
    border: 11.19px solid white;
    border-radius: 49.23px;
    overflow: hidden;
    background: rgba(0,0,0,.85);
    box-shadow: 0 40.28px 80.56px rgba(0,0,0,.5);
    pointer-events: auto;
}
.thumbnail-template .template-set-ranked-list .leader-row {
    display: grid;
    grid-template-columns: 134.27px 1fr 179.02px;
    align-items: center;
    gap: 26.85px;
    padding: 22.38px 35.8px;
    border-bottom: 6.71px solid rgba(255,255,255,.12);
    font-family: 'Impact', sans-serif;
    font-size: 58.18px;
    text-transform: uppercase;
    font-style: italic;
}
.thumbnail-template .template-set-ranked-list .leader-row:last-child {
    border-bottom: 0;
}
.thumbnail-template .template-set-ranked-list .split-left-perfect {
    clip-path: polygon(0 0, 56% 0, 46% 100%, 0 100%);
}
.thumbnail-template .template-set-ranked-list .split-right-perfect {
    clip-path: polygon(56% 0, 100% 0, 100% 100%, 46% 100%);
}
.thumbnail-template .template-set-ranked-list .split-line-perfect {
    clip-path: polygon(56% 0, 57% 0, 47% 100%, 46% 100%);
}
.thumbnail-template .template-set-ranked-list .price-tag {
    position: absolute;
    z-index: 25;
    background: var(--green);
    color: black;
    border: 11.19px solid black;
    border-radius: 40.28px;
    padding: 13.43px 44.76px;
    font-family: 'Impact', sans-serif;
    font-size: 134.27px;
    line-height: 1;
    box-shadow: 0 17.9px 0 #000000;
    white-space: nowrap;
    font-style: italic;
    pointer-events: auto;
}
.thumbnail-template .template-set-ranked-list .down-arrow {
    position: absolute;
    z-index: 25;
    font-family: 'Impact', sans-serif;
    color: var(--red);
    font-size: 358.04px;
    line-height: .8;
    -webkit-text-stroke: 8.95px #000000;
    paint-order: stroke fill;
    filter: drop-shadow(0px 13.43px 0px #000000) drop-shadow(0 0 53.71px rgba(255,21,61,.7));
    pointer-events: none;
}
.thumbnail-template .template-set-ranked-list .help-pill {
    border: 2.24px solid rgba(255,255,255,0.12);
    background: rgba(15,23,42,0.8);
    border-radius: 2235.52px;
    padding: 17.9px 26.85px;
    color: #cbd5e1;
    font-size: 26.85px;
}

/* Viral Review & Roast Templates */
.thumbnail-template .template-set-viral-review-roast .safe {
    position: absolute;
    inset: 44.76px;
    z-index: 10;
    pointer-events: none;
}
.thumbnail-template .template-set-viral-review-roast .template-title {
    color: #93c5fd;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 26.85px;
}
.thumbnail-template .template-set-viral-review-roast .card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .25s ease;
}
.thumbnail-template .template-set-viral-review-roast .card:hover img {
    transform: scale(1.04);
}
.thumbnail-template .template-set-viral-review-roast .photo-bg {
    inset: 0;
    z-index: 1;
}
.thumbnail-template .template-set-viral-review-roast .photo-bg img {
    filter: saturate(1.2) contrast(1.1);
}
.thumbnail-template .template-set-viral-review-roast .blur-bg img {
    filter: blur(11.19px) brightness(.45) saturate(1.2);
    transform: scale(1.05);
}
.thumbnail-template .template-set-viral-review-roast .shade-left {
    position: absolute;
    inset: 0;
    z-index: 3;
    background: linear-gradient(90deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 45%, transparent 100%);
    pointer-events: none;
}
.thumbnail-template .template-set-viral-review-roast .shade-bottom {
    position: absolute;
    inset: 0;
    z-index: 3;
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, transparent 100%);
    pointer-events: none;
}
.thumbnail-template .template-set-viral-review-roast .badge {
    position: absolute;
    z-index: 25;
    font-family: 'Impact', sans-serif;
    text-transform: uppercase;
    letter-spacing: -.02em;
    background: var(--red);
    color: white;
    border: 8.95px solid white;
    border-radius: 35.8px;
    padding: 13.43px 44.76px;
    box-shadow: 0 17.9px 0 #000, 0 44.76px 67.13px rgba(0,0,0,.5);
    line-height: 1;
    font-style: italic;
    pointer-events: auto;
}
.thumbnail-template .template-set-viral-review-roast .badge.green-badge {
    background: var(--green);
    color: black;
}
.thumbnail-template .template-set-viral-review-roast .pill {
    position: absolute;
    z-index: 25;
    border-radius: 2235.52px;
    padding: 22.38px 53.71px;
    font-family: 'Montserrat', system-ui, sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    background: var(--yellow);
    color: black;
    border: 8.95px solid black;
    box-shadow: 0 17.9px 0 #000000, 0 40.28px 58.18px rgba(0,0,0,.45);
    white-space: nowrap;
    pointer-events: auto;
}
.thumbnail-template .template-set-viral-review-roast .card {
    position: absolute;
    z-index: 5;
    overflow: hidden;
    border: 13.43px solid white;
    border-radius: 49.23px;
    background: #111827;
    box-shadow: 0 40.28px 71.61px rgba(0,0,0,.50);
    cursor: pointer;
}
.thumbnail-template .template-set-viral-review-roast .card.red-ring {
    border-color: var(--red);
    box-shadow: 0 0 78.32px rgba(255,21,61,.65);
}
.thumbnail-template .template-set-viral-review-roast .card.yellow-ring {
    border-color: var(--yellow);
    box-shadow: 0 0 78.32px rgba(255,229,0,.55);
}
.thumbnail-template .template-set-viral-review-roast .card.green-ring {
    border-color: var(--green);
    box-shadow: 0 0 78.32px rgba(36,255,114,.55);
}
.thumbnail-template .template-set-viral-review-roast .viral-arrow {
    width: 290.91px;
    height: 98.46px;
    background: var(--yellow);
    position: relative;
    filter: drop-shadow(0px 17.9px 0px #000000) drop-shadow(0px 0px 44.76px rgba(255, 229, 0, 0.75));
}
.thumbnail-template .template-set-viral-review-roast .viral-arrow::after {
    content: '';
    position: absolute;
    right: calc(80.56px * -1);
    top: 50%;
    transform: translateY(-50%);
    border-top: 98.46px solid transparent;
    border-bottom: 98.46px solid transparent;
    border-left: 102.94px solid var(--yellow);
}
.thumbnail-template .template-set-viral-review-roast .split-left-perfect {
    clip-path: polygon(0 0, 56% 0, 46% 100%, 0 100%);
}
.thumbnail-template .template-set-viral-review-roast .split-right-perfect {
    clip-path: polygon(56% 0, 100% 0, 100% 100%, 46% 100%);
}
.thumbnail-template .template-set-viral-review-roast .split-line-perfect {
    clip-path: polygon(56% 0, 57% 0, 47% 100%, 46% 100%);
}
.thumbnail-template .template-set-viral-review-roast .x-mark {
    position: absolute;
    z-index: 15;
    font-family: 'Impact', sans-serif;
    color: var(--red);
    font-size: 425.17px;
    line-height: .8;
    -webkit-text-stroke: 8.95px #000000;
    paint-order: stroke fill;
    filter: drop-shadow(0px 13.43px 0px #000000) drop-shadow(0 0 58.18px rgba(255,21,61,.75));
    transform: rotate(-10deg);
    pointer-events: none;
}
.thumbnail-template .template-set-viral-review-roast .glow-red {
    box-shadow: 0 0 71.61px rgba(255,21,61,0.6);
}
.thumbnail-template .template-set-viral-review-roast .glow-green {
    box-shadow: 0 0 71.61px rgba(36,255,114,0.6);
}
.thumbnail-template .template-set-viral-review-roast .help-pill {
    border: 2.24px solid rgba(255,255,255,0.12);
    background: rgba(15,23,42,0.8);
    border-radius: 2235.52px;
    padding: 17.9px 26.85px;
    color: #cbd5e1;
    font-size: 26.85px;
}

/* Challenge / Progress Templates */
.thumbnail-template .template-set-challenge-progress .template-title {
    color: #93c5fd;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 26.85px;
}
.thumbnail-template .template-set-challenge-progress .help-pill {
    border: 2.24px solid rgba(255,255,255,0.12);
    background: rgba(15,23,42,0.8);
    border-radius: 2235.52px;
    padding: 17.9px 26.85px;
    color: #cbd5e1;
    font-size: 26.85px;
}
.thumbnail-template .template-set-challenge-progress .safe {
    position: absolute;
    inset: 44.76px;
    z-index: 10;
    pointer-events: none;
}
.thumbnail-template .template-set-challenge-progress .photo-bg {
    inset: 0;
    z-index: 1;
}
.thumbnail-template .template-set-challenge-progress .photo-bg img {
    filter: saturate(1.2) contrast(1.1);
}
.thumbnail-template .template-set-challenge-progress .blur-bg img {
    filter: blur(11.19px) brightness(.45) saturate(1.2);
    transform: scale(1.05);
}
.thumbnail-template .template-set-challenge-progress .shade-left {
    position: absolute;
    inset: 0;
    z-index: 3;
    background: linear-gradient(90deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 45%, transparent 100%);
    pointer-events: none;
}
.thumbnail-template .template-set-challenge-progress .shade-bottom {
    position: absolute;
    inset: 0;
    z-index: 3;
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, transparent 100%);
    pointer-events: none;
}
.thumbnail-template .template-set-challenge-progress .badge {
    position: absolute;
    z-index: 25;
    font-family: 'Impact', sans-serif;
    text-transform: uppercase;
    letter-spacing: -.02em;
    background: var(--red);
    color: white;
    border: 8.95px solid white;
    border-radius: 35.8px;
    padding: 13.43px 44.76px;
    box-shadow: 0 17.9px 0 #000, 0 44.76px 67.13px rgba(0,0,0,.5);
    line-height: 1;
    font-style: italic;
    pointer-events: auto;
}
.thumbnail-template .template-set-challenge-progress .pill {
    position: absolute;
    z-index: 25;
    border-radius: 2235.52px;
    padding: 22.38px 53.71px;
    font-family: 'Montserrat', system-ui, sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    background: var(--yellow);
    color: black;
    border: 8.95px solid black;
    box-shadow: 0 17.9px 0 #000000, 0 40.28px 58.18px rgba(0,0,0,.45);
    white-space: nowrap;
    pointer-events: auto;
}
.thumbnail-template .template-set-challenge-progress .timer {
    position: absolute;
    z-index: 25;
    display: inline-flex;
    align-items: center;
    gap: 22.38px;
    background: #050505;
    color: var(--red);
    border: 11.19px solid white;
    border-radius: 40.28px;
    padding: 13.43px 49.23px;
    font-family: 'Impact', sans-serif;
    font-size: 129.79px;
    line-height: 1;
    letter-spacing: .02em;
    box-shadow: 0 20.14px 0 #000, 0 44.76px 67.13px rgba(0,0,0,.5);
    white-space: nowrap;
    font-style: italic;
    pointer-events: auto;
}
.thumbnail-template .template-set-challenge-progress .progress-wrap {
    position: absolute;
    z-index: 20;
    height: 107.41px;
    border: 11.19px solid white;
    border-radius: 2235.52px;
    background: rgba(0,0,0,.8);
    box-shadow: 0 17.9px 0 #000, 0 40.28px 67.13px rgba(0,0,0,.45);
    overflow: hidden;
    pointer-events: auto;
}
.thumbnail-template .template-set-challenge-progress .progress-fill {
    height: 100%;
    border-radius: 2235.52px;
    background: linear-gradient(90deg, var(--red), var(--yellow), var(--green));
}
.thumbnail-template .template-set-challenge-progress .progress-text {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    font-family: 'Impact', sans-serif;
    color: white;
    -webkit-text-stroke: 3.36px #000000;
    paint-order: stroke fill;
    font-size: 67.13px;
    line-height: 1;
    font-style: italic;
}
.thumbnail-template .template-set-challenge-progress .card {
    position: absolute;
    z-index: 5;
    overflow: hidden;
    border: 13.43px solid white;
    border-radius: 49.23px;
    background: #111827;
    box-shadow: 0 40.28px 71.61px rgba(0,0,0,.50);
}
.thumbnail-template .template-set-challenge-progress .card.red-ring {
    border-color: var(--red);
    box-shadow: 0 0 78.32px rgba(255,42,42,.65), 0 49.23px 89.51px rgba(0,0,0,.55);
}
.thumbnail-template .template-set-challenge-progress .card.green-ring {
    border-color: var(--green);
    box-shadow: 0 0 78.32px rgba(38,229,109,.55), 0 49.23px 89.51px rgba(0,0,0,.55);
}
.thumbnail-template .template-set-challenge-progress .card.yellow-ring {
    border-color: var(--yellow);
    box-shadow: 0 0 78.32px rgba(255,229,0,.55), 0 49.23px 89.51px rgba(0,0,0,.55);
}
.thumbnail-template .template-set-challenge-progress .card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.thumbnail-template .template-set-challenge-progress .viral-arrow {
    width: 290.91px;
    height: 98.46px;
    background: var(--yellow);
    position: relative;
    filter: drop-shadow(0px 17.9px 0px #000000) drop-shadow(0px 0px 44.76px rgba(255, 229, 0, 0.75));
}
.thumbnail-template .template-set-challenge-progress .viral-arrow::after {
    content: '';
    position: absolute;
    right: calc(80.56px * -1);
    top: 50%;
    transform: translateY(-50%);
    border-top: 98.46px solid transparent;
    border-bottom: 98.46px solid transparent;
    border-left: 102.94px solid var(--yellow);
}
.thumbnail-template .template-set-challenge-progress .split-left-perfect {
    clip-path: polygon(0 0, 56% 0, 46% 100%, 0 100%);
}
.thumbnail-template .template-set-challenge-progress .split-right-perfect {
    clip-path: polygon(56% 0, 100% 0, 100% 100%, 46% 100%);
}
.thumbnail-template .template-set-challenge-progress .split-line-perfect {
    clip-path: polygon(56% 0, 57% 0, 47% 100%, 46% 100%);
}
.thumbnail-template .template-set-challenge-progress .step-row {
    position: absolute;
    z-index: 6;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 31.33px;
    pointer-events: auto;
}
.thumbnail-template .template-set-challenge-progress .step-card {
    position: relative;
    overflow: hidden;
    border-radius: 44.76px;
    border: 11.19px solid white;
    box-shadow: 0 35.8px 67.13px rgba(0,0,0,.45);
    background: #111827;
}
.thumbnail-template .template-set-challenge-progress .step-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.thumbnail-template .template-set-challenge-progress .step-num {
    position: absolute;
    left: 26.85px;
    top: 26.85px;
    z-index: 7;
    width: 129.79px;
    height: 129.79px;
    display: grid;
    place-items: center;
    border-radius: 31.33px;
    background: var(--yellow);
    color: black;
    border: 8.95px solid black;
    font-family: 'Impact', sans-serif;
    font-size: 76.08px;
    box-shadow: 0 11.19px 0 #000;
    font-style: italic;
}
.thumbnail-template .template-set-challenge-progress .x-mark {
    position: absolute;
    z-index: 15;
    font-family: 'Impact', sans-serif;
    color: var(--red);
    font-size: 380.42px;
    line-height: .8;
    -webkit-text-stroke: 8.95px #000000;
    paint-order: stroke fill;
    filter: drop-shadow(0px 13.43px 0px #000000) drop-shadow(0 0 55.94px rgba(255,42,42,.65));
    transform: rotate(-10deg);
    pointer-events: none;
}
.thumbnail-template .template-set-challenge-progress .check-mark {
    position: absolute;
    z-index: 15;
    font-family: 'Impact', sans-serif;
    color: var(--green);
    font-size: 358.04px;
    line-height: .8;
    -webkit-text-stroke: 8.95px #000000;
    paint-order: stroke fill;
    filter: drop-shadow(0px 13.43px 0px #000000) drop-shadow(0 0 55.94px rgba(38,229,109,.55));
    transform: rotate(-8deg);
    pointer-events: none;
}
.thumbnail-template .template-set-challenge-progress .counter {
    position: absolute;
    z-index: 25;
    background: var(--yellow);
    color: black;
    border: 11.19px solid black;
    border-radius: 40.28px;
    padding: 13.43px 44.76px;
    font-family: 'Impact', sans-serif;
    font-size: 138.74px;
    line-height: 1;
    box-shadow: 0 17.9px 0 #000000;
    white-space: nowrap;
    font-style: italic;
    pointer-events: auto;
}
.thumbnail-template .template-set-challenge-progress .grid-cards {
    position: absolute;
    z-index: 6;
    display: grid;
    gap: 26.85px;
    padding: 26.85px;
    border-radius: 53.71px;
    background: rgba(0,0,0,.6);
    border: 8.95px solid #ffffff;
    box-shadow: 0 40.28px 76.08px rgba(0,0,0,.45);
    pointer-events: auto;
}
.thumbnail-template .template-set-challenge-progress .grid-cards .image-zone {
    position: relative;
    inset: auto;
    border: 6.71px solid white;
    border-radius: 31.33px;
}
.thumbnail-template .template-set-challenge-progress .scanlines {
    position: absolute;
    inset: 0;
    z-index: 6;
    background: repeating-linear-gradient(to bottom, rgba(255,255,255,.05) 0 4.48px, transparent 4.48px 13.43px);
    opacity: .3;
    pointer-events: none;
    mix-blend-mode: overlay;
}
.thumbnail-template .template-set-challenge-progress .glow-red {
    box-shadow: 0 0 71.61px rgba(255,21,61,0.6);
}
.thumbnail-template .template-set-challenge-progress .glow-cyan {
    box-shadow: 0 0 71.61px rgba(0,213,255,0.55);
}
.thumbnail-template .template-set-challenge-progress .glow-yellow {
    box-shadow: 0 0 71.61px rgba(255,229,0,0.55);
}

/* Mystery Discovery Templates */
.thumbnail-template .template-set-mystery-discovery .safe {
    position: absolute;
    inset: 44.76px;
    z-index: 10;
    pointer-events: none;
}
.thumbnail-template .template-set-mystery-discovery .photo-bg {
    inset: 0;
    z-index: 1;
}
.thumbnail-template .template-set-mystery-discovery .photo-bg img {
    filter: saturate(1.2) contrast(1.1);
}
.thumbnail-template .template-set-mystery-discovery .blur-bg img {
    filter: blur(13.43px) brightness(.45) saturate(1.2);
    transform: scale(1.05);
}
.thumbnail-template .template-set-mystery-discovery .shade-left {
    position: absolute;
    inset: 0;
    z-index: 3;
    background: linear-gradient(90deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 45%, transparent 100%);
    pointer-events: none;
}
.thumbnail-template .template-set-mystery-discovery .shade-bottom {
    position: absolute;
    inset: 0;
    z-index: 3;
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, transparent 100%);
    pointer-events: none;
}
.thumbnail-template .template-set-mystery-discovery .target-card {
    position: absolute;
    z-index: 5;
    border: 13.43px solid white;
    border-radius: 49.23px;
    background: #111827;
    box-shadow: 0 40.28px 76.08px rgba(0,0,0,.5);
}
.thumbnail-template .template-set-mystery-discovery .target-card.red-ring {
    border-color: var(--red);
    box-shadow: 0 0 78.32px rgba(255,34,34,.65), 0 49.23px 89.51px rgba(0,0,0,.55);
}
.thumbnail-template .template-set-mystery-discovery .target-card.yellow-ring {
    border-color: var(--yellow);
    box-shadow: 0 0 78.32px rgba(255,229,0,.55), 0 49.23px 89.51px rgba(0,0,0,.55);
}
.thumbnail-template .template-set-mystery-discovery .circle {
    position: absolute;
    z-index: 15;
    border: 22.38px solid var(--red);
    border-radius: 2235.52px;
    box-shadow: 0 0 67.13px rgba(255,34,34,.85), inset 0 0 44.76px rgba(255,34,34,.3);
    pointer-events: none;
}
.thumbnail-template .template-set-mystery-discovery .circle.thick {
    border-width: 31.33px;
}
.thumbnail-template .template-set-mystery-discovery .viral-arrow {
    width: 290.91px;
    height: 98.46px;
    background: var(--yellow);
    position: relative;
    filter: drop-shadow(0px 17.9px 0px #000000) drop-shadow(0px 0px 44.76px rgba(255, 229, 0, 0.75));
}
.thumbnail-template .template-set-mystery-discovery .viral-arrow::after {
    content: '';
    position: absolute;
    right: calc(80.56px * -1);
    top: 50%;
    transform: translateY(-50%);
    border-top: 98.46px solid transparent;
    border-bottom: 98.46px solid transparent;
    border-left: 102.94px solid var(--yellow);
}
.thumbnail-template .template-set-mystery-discovery .viral-arrow.red-arrow {
    background: var(--red);
    filter: drop-shadow(0px 17.9px 0px #000000) drop-shadow(0px 0px 44.76px rgba(255, 34, 34, 0.75));
}
.thumbnail-template .template-set-mystery-discovery .viral-arrow.red-arrow::after {
    border-left-color: var(--red);
}
.thumbnail-template .template-set-mystery-discovery .badge {
    position: absolute;
    z-index: 25;
    font-family: 'Impact', sans-serif;
    text-transform: uppercase;
    letter-spacing: -.02em;
    background: var(--red);
    color: white;
    border: 8.95px solid white;
    border-radius: 35.8px;
    padding: 13.43px 44.76px;
    box-shadow: 0 17.9px 0 #000, 0 44.76px 67.13px rgba(0,0,0,.5);
    line-height: 1;
    font-style: italic;
    pointer-events: auto;
}
.thumbnail-template .template-set-mystery-discovery .pill {
    position: absolute;
    z-index: 25;
    border-radius: 2235.52px;
    padding: 22.38px 53.71px;
    font-family: 'Montserrat', system-ui, sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    background: var(--yellow);
    color: black;
    border: 8.95px solid black;
    box-shadow: 0 17.9px 0 #000000, 0 40.28px 58.18px rgba(0,0,0,.45);
    white-space: nowrap;
    pointer-events: auto;
}
.thumbnail-template .template-set-mystery-discovery .question {
    position: relative;
    z-index: 25;
    width: 273.01px;
    height: 273.01px;
    display: grid;
    place-items: center;
    border-radius: 2235.52px;
    background: var(--cyan);
    color: black;
    border: 13.43px solid white;
    font-family: 'Impact', sans-serif;
    font-size: 183.5px;
    line-height: 1;
    box-shadow: 0 0 76.08px rgba(0,217,255,.65), 0 33.57px 62.66px rgba(0,0,0,.5);
}
.thumbnail-template .template-set-mystery-discovery .panel {
    position: absolute;
    z-index: 5;
    border: 11.19px solid rgba(255,255,255,.95);
    border-radius: 44.76px;
    overflow: hidden;
    background: #111827;
    box-shadow: 0 40.28px 71.61px rgba(0,0,0,.50);
}
.thumbnail-template .template-set-mystery-discovery .panel img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.thumbnail-template .template-set-mystery-discovery .note-card {
    position: absolute;
    z-index: 6;
    background: #ffe9a6;
    color: #111;
    border: 11.19px solid #111;
    border-radius: 35.8px;
    box-shadow: 22.38px 22.38px 0 #000, 0 40.28px 67.13px rgba(0,0,0,.42);
    font-family: 'Impact', sans-serif;
    text-transform: uppercase;
    line-height: .9;
    padding: 40.28px;
}
.thumbnail-template .template-set-mystery-discovery .evidence-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 26.85px;
    position: absolute;
    padding: 26.85px;
    z-index: 5;
    border-radius: 53.71px;
    background: rgba(0,0,0,.6);
    border: 8.95px solid #ffffff;
    box-shadow: 0 40.28px 76.08px rgba(0,0,0,0.5);
}
.thumbnail-template .template-set-mystery-discovery .evidence-grid .image-zone {
    position: relative;
    inset: auto;
    border: 6.71px solid white;
    border-radius: 31.33px;
}
.thumbnail-template .template-set-mystery-discovery .frame {
    border: 13.43px solid white;
    border-radius: 49.23px;
    box-shadow: 0 0 0 13.43px rgba(0,0,0,.9), 0 44.76px 89.51px rgba(0,0,0,.45);
}
.thumbnail-template .template-set-mystery-discovery .scanlines {
    position: absolute;
    inset: 0;
    z-index: 6;
    background: repeating-linear-gradient(to bottom, rgba(255,255,255,.05) 0 4.48px, transparent 4.48px 13.43px);
    opacity: .3;
    pointer-events: none;
    mix-blend-mode: overlay;
}
.thumbnail-template .template-set-mystery-discovery .template-title {
    color: #93c5fd;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 26.85px;
}
.thumbnail-template .template-set-mystery-discovery .help-pill {
    border: 2.24px solid rgba(255,255,255,0.12);
    background: rgba(15,23,42,0.8);
    border-radius: 2235.52px;
    padding: 17.9px 26.85px;
    color: #cbd5e1;
    font-size: 26.85px;
}

/* 3-Column Rank Matrix Templates */
.thumbnail-template .brightness-\[0\.4\] { filter: brightness(.4); }
.thumbnail-template .brightness-\[0\.5\] { filter: brightness(.5); }
.thumbnail-template .brightness-\[0\.55\] { filter: brightness(.55); }
.thumbnail-template .brightness-\[0\.65\] { filter: brightness(.65); }
.thumbnail-template .brightness-\[0\.7\] { filter: brightness(.7); }
.thumbnail-template .brightness-\[0\.75\] { filter: brightness(.75); }
.thumbnail-template .brightness-\[0\.95\] { filter: brightness(.95); }
.thumbnail-template .grayscale { filter: grayscale(1); }
.thumbnail-template .filter.grayscale { filter: grayscale(1); }
.thumbnail-template .saturate-\[1\.3\] { filter: saturate(1.3); }
.thumbnail-template .saturate-\[1\.4\] { filter: saturate(1.4); }
.thumbnail-template .saturate-\[1\.45\] { filter: saturate(1.45); }
.thumbnail-template .brightness-\[0\.4\].filter.grayscale { filter: brightness(.4) grayscale(1); }
.thumbnail-template .brightness-\[0\.5\].grayscale,
.thumbnail-template .brightness-\[0\.5\].filter.grayscale { filter: brightness(.5) grayscale(1); }
.thumbnail-template .brightness-\[0\.55\].filter.grayscale { filter: brightness(.55) grayscale(1); }
.thumbnail-template .brightness-\[0\.95\].saturate-\[1\.3\] { filter: brightness(.95) saturate(1.3); }
.thumbnail-template .brightness-\[0\.95\].saturate-\[1\.4\] { filter: brightness(.95) saturate(1.4); }
.thumbnail-template .brightness-\[0\.95\].saturate-\[1\.45\] { filter: brightness(.95) saturate(1.45); }

.thumbnail-template .template-set-rank-matrix {
    background: #090d16;
    font-family: "Oswald", system-ui, sans-serif;
}

.thumbnail-template .template-set-rank-matrix .triple-wrap {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
}

.thumbnail-template .template-set-rank-matrix .triple-col.image-zone.template-image-slot {
    position: relative;
    inset: auto;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    border: 0;
    border-right: 13.43px solid #000000;
    background: #111827;
    text-shadow: none;
}

.thumbnail-template .template-set-rank-matrix .triple-col.image-zone.template-image-slot:last-child {
    border-right: 0;
}

.thumbnail-template .template-set-rank-matrix .triple-col.image-zone.has-default-image,
.thumbnail-template .template-set-rank-matrix .triple-col.image-zone.has-image {
    border-right: 13.43px solid #000000;
}

.thumbnail-template .template-set-rank-matrix .triple-col.image-zone.has-default-image:last-child,
.thumbnail-template .template-set-rank-matrix .triple-col.image-zone.has-image:last-child {
    border-right: 0;
}

.thumbnail-template .template-set-rank-matrix .triple-col.image-zone.is-cleared {
    border-color: transparent !important;
    outline: 0 !important;
}

.thumbnail-template .template-set-rank-matrix .triple-col img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.25s ease;
}

.thumbnail-template .template-set-rank-matrix .triple-col:hover img {
    transform: scale(1.04);
}

.thumbnail-template .template-set-rank-matrix .rank-badge {
    position: absolute;
    top: 35.8px;
    left: 35.8px;
    z-index: 25;
    padding: 8.95px 35.8px;
    border-radius: 26.85px;
    border: 6.71px solid #000000;
    font-family: Impact, "Arial Black", sans-serif;
    font-size: 76.08px;
    line-height: 1;
    font-style: italic;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    box-shadow: 0 13.43px 0 #000000;
    white-space: nowrap;
    pointer-events: auto;
}

.thumbnail-template .template-set-rank-matrix .shade-bottom {
    position: absolute;
    inset: 0;
    z-index: 3;
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.4) 40%, transparent 100%);
    pointer-events: none;
}

.thumbnail-template .template-set-rank-matrix .template-slot-label {
    inset: 0;
    z-index: 3;
    align-content: center;
}

.thumbnail-template :where([data-text-index], .editable) {
    pointer-events: auto !important;
    cursor: text;
}

.thumbnail-template :where([data-text-index]) {
    z-index: 80;
}