makeables 0.0.0 → 0.2.0

package/dist/assets/designs/dream-sequence/artwork.svg

@@ -0,0 +1,56 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 756" width="1200" height="756" role="img" aria-label="Dream Sequence">
+<title>Dream Sequence</title>
+<defs><linearGradient id="sky" x1="0" y1="0" x2="0" y2="640" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5f6fd6"/><stop offset="0.38" stop-color="#9d93ea"/><stop offset="0.7" stop-color="#f2b5d3"/><stop offset="1" stop-color="#ffe0c6"/></linearGradient><linearGradient id="sea" x1="0" y1="600" x2="0" y2="756" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#b7a5ec"/><stop offset="1" stop-color="#7768c4"/></linearGradient><radialGradient id="sunglow" cx="900" cy="560" r="460" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff1d6" stop-opacity="0.95"/><stop offset="0.4" stop-color="#ffd0c4" stop-opacity="0.5"/><stop offset="1" stop-color="#ffd0c4" stop-opacity="0"/></radialGradient><linearGradient id="comet" x1="150" y1="150" x2="430" y2="70" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffffff" stop-opacity="0"/><stop offset="1" stop-color="#ffffff" stop-opacity="0.95"/></linearGradient><clipPath id="baseA"><rect x="0" y="0" width="1200" height="604"/></clipPath><clipPath id="baseB"><rect x="0" y="0" width="1200" height="446"/></clipPath><filter id="grain" x="0" y="0" width="100%" height="100%"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" seed="3" stitchTiles="stitch"/><feColorMatrix type="saturate" values="0"/></filter></defs>
+<rect width="1200" height="756" fill="url(#sky)"/>
+<rect width="1200" height="756" fill="url(#sunglow)"/>
+<g clip-path="url(#baseB)" opacity="0.85"><g fill="#c2abe6"><circle cx="110" cy="420" r="42"/><circle cx="170" cy="398" r="58"/><circle cx="236" cy="408" r="48"/><circle cx="292" cy="426" r="36"/><circle cx="60" cy="434" r="30"/></g><g fill="#ead9fb"><circle cx="104" cy="404" r="34"/><circle cx="164" cy="382" r="50"/><circle cx="230" cy="392" r="40"/><circle cx="286" cy="410" r="28"/><circle cx="54" cy="418" r="22"/></g><g fill="#fbf4ff"><circle cx="96" cy="386" r="12"/><circle cx="156" cy="364" r="28"/><circle cx="222" cy="374" r="18"/><circle cx="278" cy="392" r="6"/><circle cx="46" cy="400" r="4"/></g></g>
+<rect x="80" y="250" width="260" height="10" rx="5" fill="#ffffff" opacity="0.35"/>
+<rect x="160" y="276" width="180" height="10" rx="5" fill="#ffffff" opacity="0.25"/>
+<rect x="1000" y="70" width="220" height="10" rx="5" fill="#ffffff" opacity="0.3"/>
+<g clip-path="url(#baseA)" opacity="1"><g fill="#b39be2"><circle cx="640" cy="548" r="90"/><circle cx="736" cy="506" r="120"/><circle cx="856" cy="474" r="150"/><circle cx="990" cy="500" r="125"/><circle cx="1100" cy="540" r="104"/><circle cx="1196" cy="556" r="92"/><circle cx="792" cy="366" r="110"/><circle cx="904" cy="336" r="132"/><circle cx="1016" cy="384" r="104"/><circle cx="1110" cy="430" r="80"/><circle cx="852" cy="226" r="100"/><circle cx="944" cy="206" r="92"/><circle cx="902" cy="126" r="80"/><circle cx="1004" cy="270" r="70"/></g><g fill="#ecdffd"><circle cx="634" cy="532" r="82"/><circle cx="730" cy="490" r="112"/><circle cx="850" cy="458" r="142"/><circle cx="984" cy="484" r="117"/><circle cx="1094" cy="524" r="96"/><circle cx="1190" cy="540" r="84"/><circle cx="786" cy="350" r="102"/><circle cx="898" cy="320" r="124"/><circle cx="1010" cy="368" r="96"/><circle cx="1104" cy="414" r="72"/><circle cx="846" cy="210" r="92"/><circle cx="938" cy="190" r="84"/><circle cx="896" cy="110" r="72"/><circle cx="998" cy="254" r="62"/></g><g fill="#ffffff"><circle cx="626" cy="514" r="60"/><circle cx="722" cy="472" r="90"/><circle cx="842" cy="440" r="120"/><circle cx="976" cy="466" r="95"/><circle cx="1086" cy="506" r="74"/><circle cx="1182" cy="522" r="62"/><circle cx="778" cy="332" r="80"/><circle cx="890" cy="302" r="102"/><circle cx="1002" cy="350" r="74"/><circle cx="1096" cy="396" r="50"/><circle cx="838" cy="192" r="70"/><circle cx="930" cy="172" r="62"/><circle cx="888" cy="92" r="50"/><circle cx="990" cy="236" r="40"/></g></g>
+<path d="M660 604C700 590 760 598 820 604Z" fill="#ffd6c2" opacity="0.6"/>
+<rect x="0" y="604" width="1200" height="152" fill="url(#sea)"/>
+<rect x="0" y="604" width="1200" height="3" fill="#fff3e6" opacity="0.7"/>
+<rect x="931.1" y="707.5" width="25.3" height="2" rx="1" fill="#fff6ee" opacity="0.8"/>
+<rect x="1008.3" y="730.2" width="6.4" height="2" rx="1" fill="#fff6ee" opacity="0.6"/>
+<rect x="1142.6" y="695.8" width="29.5" height="2" rx="1" fill="#fff6ee" opacity="0.4"/>
+<rect x="829.6" y="645.1" width="25.5" height="2" rx="1" fill="#fff6ee" opacity="0.6"/>
+<rect x="528.7" y="641.3" width="17.6" height="2" rx="1" fill="#fff6ee" opacity="0.8"/>
+<rect x="1025.4" y="634.1" width="34.8" height="2" rx="1" fill="#fff6ee" opacity="0.4"/>
+<rect x="927.5" y="630" width="9.2" height="2" rx="1" fill="#fff6ee" opacity="0.8"/>
+<rect x="658.2" y="641.2" width="39.7" height="2" rx="1" fill="#fff6ee" opacity="0.8"/>
+<rect x="710.9" y="735.1" width="16.6" height="2" rx="1" fill="#fff6ee" opacity="0.7"/>
+<rect x="655.2" y="732.6" width="19.9" height="2" rx="1" fill="#fff6ee" opacity="0.8"/>
+<rect x="1109.9" y="651.6" width="19.3" height="2" rx="1" fill="#fff6ee" opacity="0.4"/>
+<rect x="616.2" y="622.2" width="19.6" height="2" rx="1" fill="#fff6ee" opacity="0.7"/>
+<rect x="522.2" y="699.4" width="15.1" height="2" rx="1" fill="#fff6ee" opacity="0.5"/>
+<rect x="1060.2" y="674.6" width="16.3" height="2" rx="1" fill="#fff6ee" opacity="0.6"/>
+<rect x="985.1" y="621.2" width="42.5" height="2" rx="1" fill="#fff6ee" opacity="0.4"/>
+<rect x="1014.9" y="720.5" width="6.5" height="2" rx="1" fill="#fff6ee" opacity="0.7"/>
+<rect x="761.7" y="686.9" width="7.5" height="2" rx="1" fill="#fff6ee" opacity="0.4"/>
+<rect x="639.4" y="734.4" width="9.7" height="2" rx="1" fill="#fff6ee" opacity="0.7"/>
+<rect x="1133.6" y="732.7" width="12.8" height="2" rx="1" fill="#fff6ee" opacity="0.5"/>
+<rect x="866.3" y="711.7" width="8.9" height="2" rx="1" fill="#fff6ee" opacity="0.7"/>
+<rect x="1046.2" y="722.3" width="6.9" height="2" rx="1" fill="#fff6ee" opacity="0.8"/>
+<rect x="580.2" y="656.9" width="26.3" height="2" rx="1" fill="#fff6ee" opacity="0.8"/>
+<rect x="744.4" y="730.4" width="17.1" height="2" rx="1" fill="#fff6ee" opacity="0.5"/>
+<rect x="729.1" y="636.4" width="11.4" height="2" rx="1" fill="#fff6ee" opacity="0.4"/>
+<rect x="974.9" y="739.6" width="8.7" height="2" rx="1" fill="#fff6ee" opacity="0.4"/>
+<rect x="1171.2" y="681.2" width="18.3" height="2" rx="1" fill="#fff6ee" opacity="0.5"/>
+<path d="M150 150L430 70" stroke="url(#comet)" stroke-width="3" stroke-linecap="round"/>
+<path fill="#fff" opacity="1" d="M430 58C432.2 67.8 432.2 67.8 442 70C432.2 72.2 432.2 72.2 430 82C427.8 72.2 427.8 72.2 418 70C427.8 67.8 427.8 67.8 430 58Z"/>
+<path d="M300 360C380 330 430 300 520 262" fill="none" stroke="#ffffff" stroke-width="2.5" stroke-dasharray="2 12" stroke-linecap="round" opacity="0.8"/>
+<g transform="translate(528 256) rotate(-22)"><path d="M0 0L52 -6L10 20Z" fill="#ffffff"/><path d="M10 20L52 -6L20 10Z" fill="#dccdf6"/><path d="M0 0L20 10L14 22Z" fill="#b9a4e6"/></g>
+<path d="M0 612C160 592 330 602 480 642C600 674 700 722 770 756L0 756Z" fill="#3b3572"/>
+<path d="M-5 615L1 603L5 615ZM15 612.7L21 593.7L25 612.7ZM35.2 610.6L41.2 592.6L45.2 610.6ZM55.4 608.9L61.4 591.9L65.4 608.9ZM75.7 607.5L81.7 591.5L85.7 607.5ZM96 606.4L102 591.4L106 606.4ZM116.4 605.6L122.4 591.6L126.4 605.6ZM136.8 605.2L142.8 592.2L146.8 605.2ZM157.2 605L163.2 593L167.2 605ZM177.6 605.2L183.6 586.2L187.6 605.2ZM198 605.6L204 587.6L208 605.6ZM218.4 606.4L224.4 589.4L228.4 606.4ZM238.8 607.5L244.8 591.5L248.8 607.5ZM259 608.9L265 593.9L269 608.9ZM279.3 610.6L285.3 596.6L289.3 610.6ZM299.4 612.7L305.4 599.7L309.4 612.7ZM319.4 615L325.4 603L329.4 615ZM339.4 617.7L345.4 598.7L349.4 617.7ZM359.2 620.6L365.2 602.6L369.2 620.6ZM378.9 623.9L384.9 606.9L388.9 623.9ZM398.5 627.5L404.5 611.5L408.5 627.5ZM417.9 631.4L423.9 616.4L427.9 631.4ZM437.1 635.6L443.1 621.6L447.1 635.6ZM456.1 640.2L462.1 627.2L466.1 640.2ZM475 645L481 633L485 645ZM504.6 653.3L510.6 634.3L514.6 653.3ZM533.3 662.2L539.3 644.2L543.3 662.2ZM561.1 671.5L567.1 654.5L571.1 671.5ZM588 681.2L594 665.2L598 681.2ZM613.9 691.2L619.9 676.2L623.9 691.2ZM638.8 701.2L644.8 687.2L648.8 701.2ZM662.6 711.4L668.6 698.4L672.6 711.4ZM685.4 721.4L691.4 709.4L695.4 721.4Z" fill="#3b3572"/>
+<g fill="#2e2a5f"><rect x="244" y="150" width="12" height="470"/><rect x="186" y="186" width="128" height="8" rx="2"/><rect x="204" y="236" width="92" height="7" rx="2"/><rect x="192" y="176" width="8" height="12" rx="2"/><rect x="300" y="176" width="8" height="12" rx="2"/><rect x="210" y="226" width="7" height="11" rx="2"/><rect x="283" y="226" width="7" height="11" rx="2"/><rect x="238" y="146" width="24" height="8" rx="3"/></g>
+<g fill="none" stroke="#2e2a5f" stroke-width="2.2"><path d="M304 178Q760 300 1230 226"/><path d="M196 178Q560 330 1230 300"/><path d="M287 228Q720 360 1230 342"/><path d="M196 178Q90 206 -30 196"/><path d="M213 228Q110 258 -30 250"/></g>
+<path fill="#fff" opacity="1" d="M600 136C602.5 147.5 602.5 147.5 614 150C602.5 152.5 602.5 152.5 600 164C597.5 152.5 597.5 152.5 586 150C597.5 147.5 597.5 147.5 600 136Z"/>
+<path fill="#fff" opacity="1" d="M1130 108C1131.8 116.2 1131.8 116.2 1140 118C1131.8 119.8 1131.8 119.8 1130 128C1128.2 119.8 1128.2 119.8 1120 118C1128.2 116.2 1128.2 116.2 1130 108Z"/>
+<path fill="#fff" opacity="1" d="M430 292C431.4 298.6 431.4 298.6 438 300C431.4 301.4 431.4 301.4 430 308C428.6 301.4 428.6 301.4 422 300C428.6 298.6 428.6 298.6 430 292Z"/>
+<path fill="#fff" opacity="1" d="M1100 339C1101.3 344.7 1101.3 344.7 1107 346C1101.3 347.3 1101.3 347.3 1100 353C1098.7 347.3 1098.7 347.3 1093 346C1098.7 344.7 1098.7 344.7 1100 339Z"/>
+<path fill="#fff" opacity="1" d="M596 424C597.1 428.9 597.1 428.9 602 430C597.1 431.1 597.1 431.1 596 436C594.9 431.1 594.9 431.1 590 430C594.9 428.9 594.9 428.9 596 424Z"/>
+<path fill="#fff" opacity="1" d="M360 84C361.1 88.9 361.1 88.9 366 90C361.1 91.1 361.1 91.1 360 96C358.9 91.1 358.9 91.1 354 90C358.9 88.9 358.9 88.9 360 84Z"/>
+<path fill="#fff" opacity="1" d="M720 51C721.6 58.4 721.6 58.4 729 60C721.6 61.6 721.6 61.6 720 69C718.4 61.6 718.4 61.6 711 60C718.4 58.4 718.4 58.4 720 51Z"/>
+<rect width="1200" height="756" filter="url(#grain)" opacity="0.22" style="mix-blend-mode:soft-light"/>
+</svg>

package/dist/assets/designs/dream-sequence/design.json

@@ -0,0 +1,10 @@
+{
+  "id": "mk-002",
+  "title": "Dream Sequence",
+  "category": "Anime",
+  "author": {
+    "name": "Makeables Studio"
+  },
+  "featured": true,
+  "editable": true
+}

package/dist/assets/designs/electric-bloom/artwork.svg

@@ -0,0 +1,164 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 756" width="1200" height="756" role="img" aria-label="Electric Bloom">
+<title>Electric Bloom</title>
+<defs><radialGradient id="bg" cx="650" cy="384" r="820" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2c0f45"/><stop offset="0.55" stop-color="#150824"/><stop offset="1" stop-color="#07040f"/></radialGradient><linearGradient id="pA" x1="0" y1="1" x2="0" y2="0"><stop offset="0" stop-color="#ff5fc4" stop-opacity="0.95"/><stop offset="0.6" stop-color="#b23cff" stop-opacity="0.45"/><stop offset="1" stop-color="#6a2cff" stop-opacity="0.05"/></linearGradient><linearGradient id="pB" x1="0" y1="1" x2="0" y2="0"><stop offset="0" stop-color="#39f3ff" stop-opacity="0.95"/><stop offset="0.7" stop-color="#2a73ff" stop-opacity="0.35"/><stop offset="1" stop-color="#2a3cff" stop-opacity="0"/></linearGradient><linearGradient id="pC" x1="0" y1="1" x2="0" y2="0"><stop offset="0" stop-color="#e4ff5a" stop-opacity="1"/><stop offset="1" stop-color="#19d38a" stop-opacity="0.1"/></linearGradient><radialGradient id="core" cx="0.5" cy="0.5" r="0.5"><stop offset="0" stop-color="#ffffff"/><stop offset="0.45" stop-color="#fff0fa"/><stop offset="1" stop-color="#ff8ad6" stop-opacity="0"/></radialGradient><filter id="glow" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="6" result="b"/><feMerge><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge></filter><filter id="glow2" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="3" result="b"/><feMerge><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge></filter><filter id="grain" x="0" y="0" width="100%" height="100%"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" seed="3" stitchTiles="stitch"/><feColorMatrix type="saturate" values="0"/></filter></defs>
+<rect width="1200" height="756" fill="url(#bg)"/>
+<g transform="translate(650 384)" style="mix-blend-mode:screen" opacity="0.85"><ellipse cx="0" cy="-270" rx="74" ry="270" fill="url(#pA)" transform="rotate(0)"/><ellipse cx="0" cy="-270" rx="74" ry="270" fill="url(#pA)" transform="rotate(36)"/><ellipse cx="0" cy="-270" rx="74" ry="270" fill="url(#pA)" transform="rotate(72)"/><ellipse cx="0" cy="-270" rx="74" ry="270" fill="url(#pA)" transform="rotate(108)"/><ellipse cx="0" cy="-270" rx="74" ry="270" fill="url(#pA)" transform="rotate(144)"/><ellipse cx="0" cy="-270" rx="74" ry="270" fill="url(#pA)" transform="rotate(180)"/><ellipse cx="0" cy="-270" rx="74" ry="270" fill="url(#pA)" transform="rotate(216)"/><ellipse cx="0" cy="-270" rx="74" ry="270" fill="url(#pA)" transform="rotate(252)"/><ellipse cx="0" cy="-270" rx="74" ry="270" fill="url(#pA)" transform="rotate(288)"/><ellipse cx="0" cy="-270" rx="74" ry="270" fill="url(#pA)" transform="rotate(324)"/></g><g transform="translate(650 384)" fill="none" stroke="#ff9fe2" stroke-width="1.6" opacity="0.55" filter="url(#glow2)"><ellipse cx="0" cy="-270" rx="74" ry="270" transform="rotate(0)"/><ellipse cx="0" cy="-270" rx="74" ry="270" transform="rotate(36)"/><ellipse cx="0" cy="-270" rx="74" ry="270" transform="rotate(72)"/><ellipse cx="0" cy="-270" rx="74" ry="270" transform="rotate(108)"/><ellipse cx="0" cy="-270" rx="74" ry="270" transform="rotate(144)"/><ellipse cx="0" cy="-270" rx="74" ry="270" transform="rotate(180)"/><ellipse cx="0" cy="-270" rx="74" ry="270" transform="rotate(216)"/><ellipse cx="0" cy="-270" rx="74" ry="270" transform="rotate(252)"/><ellipse cx="0" cy="-270" rx="74" ry="270" transform="rotate(288)"/><ellipse cx="0" cy="-270" rx="74" ry="270" transform="rotate(324)"/></g>
+<g transform="translate(650 384)" style="mix-blend-mode:screen" opacity="0.85"><ellipse cx="0" cy="-196" rx="52" ry="196" fill="url(#pB)" transform="rotate(18)"/><ellipse cx="0" cy="-196" rx="52" ry="196" fill="url(#pB)" transform="rotate(54)"/><ellipse cx="0" cy="-196" rx="52" ry="196" fill="url(#pB)" transform="rotate(90)"/><ellipse cx="0" cy="-196" rx="52" ry="196" fill="url(#pB)" transform="rotate(126)"/><ellipse cx="0" cy="-196" rx="52" ry="196" fill="url(#pB)" transform="rotate(162)"/><ellipse cx="0" cy="-196" rx="52" ry="196" fill="url(#pB)" transform="rotate(198)"/><ellipse cx="0" cy="-196" rx="52" ry="196" fill="url(#pB)" transform="rotate(234)"/><ellipse cx="0" cy="-196" rx="52" ry="196" fill="url(#pB)" transform="rotate(270)"/><ellipse cx="0" cy="-196" rx="52" ry="196" fill="url(#pB)" transform="rotate(306)"/><ellipse cx="0" cy="-196" rx="52" ry="196" fill="url(#pB)" transform="rotate(342)"/></g><g transform="translate(650 384)" fill="none" stroke="#8ff8ff" stroke-width="1.6" opacity="0.55" filter="url(#glow2)"><ellipse cx="0" cy="-196" rx="52" ry="196" transform="rotate(18)"/><ellipse cx="0" cy="-196" rx="52" ry="196" transform="rotate(54)"/><ellipse cx="0" cy="-196" rx="52" ry="196" transform="rotate(90)"/><ellipse cx="0" cy="-196" rx="52" ry="196" transform="rotate(126)"/><ellipse cx="0" cy="-196" rx="52" ry="196" transform="rotate(162)"/><ellipse cx="0" cy="-196" rx="52" ry="196" transform="rotate(198)"/><ellipse cx="0" cy="-196" rx="52" ry="196" transform="rotate(234)"/><ellipse cx="0" cy="-196" rx="52" ry="196" transform="rotate(270)"/><ellipse cx="0" cy="-196" rx="52" ry="196" transform="rotate(306)"/><ellipse cx="0" cy="-196" rx="52" ry="196" transform="rotate(342)"/></g>
+<g transform="translate(650 384)" style="mix-blend-mode:screen" opacity="0.9"><ellipse cx="0" cy="-112" rx="24" ry="112" fill="url(#pC)" transform="rotate(0)"/><ellipse cx="0" cy="-112" rx="24" ry="112" fill="url(#pC)" transform="rotate(30)"/><ellipse cx="0" cy="-112" rx="24" ry="112" fill="url(#pC)" transform="rotate(60)"/><ellipse cx="0" cy="-112" rx="24" ry="112" fill="url(#pC)" transform="rotate(90)"/><ellipse cx="0" cy="-112" rx="24" ry="112" fill="url(#pC)" transform="rotate(120)"/><ellipse cx="0" cy="-112" rx="24" ry="112" fill="url(#pC)" transform="rotate(150)"/><ellipse cx="0" cy="-112" rx="24" ry="112" fill="url(#pC)" transform="rotate(180)"/><ellipse cx="0" cy="-112" rx="24" ry="112" fill="url(#pC)" transform="rotate(210)"/><ellipse cx="0" cy="-112" rx="24" ry="112" fill="url(#pC)" transform="rotate(240)"/><ellipse cx="0" cy="-112" rx="24" ry="112" fill="url(#pC)" transform="rotate(270)"/><ellipse cx="0" cy="-112" rx="24" ry="112" fill="url(#pC)" transform="rotate(300)"/><ellipse cx="0" cy="-112" rx="24" ry="112" fill="url(#pC)" transform="rotate(330)"/></g>
+<path d="M719.2 394.7L753.5 396.6L798.4 400L832.7 420.5L861.3 418.6L902.1 412.1L933.5 434.8L968.8 441.9L1000.4 430.1L1027.1 444M684 445.2L706.9 481.7L732 516L739.8 549L765 583L782.4 605.1L797.8 631.6L822.5 667.8L823.8 719.3M624.7 449.3L615 484.9L591.8 513.7L584.9 541.7L574.4 568.4L565.6 614L559.6 639.7L548.9 676L524.7 696.7L510.2 740.8M582.7 403.2L555.9 411.5L527.2 419.4L484.9 441.7L445.2 443.1L419.5 459.1L368.1 453.6L342.7 469.4L302.4 498.4M590.7 346.8L565.5 323.3L534.7 299.3L508 288.8L473.5 259.5L441.6 242.6L405 211.6L387.7 190.4L353.4 181.4L328.3 163.8M642.4 314.4L638.3 274.8L632.5 231.9L642.8 187.9L639.2 151L638.5 119.6L621.8 85.3L623.2 37.8L638.1 2.7M702.5 337.6L725.9 319.3L742.9 291L778 259L823.8 240L836.7 195.8L860 180.5L893.8 166.1L922.5 127.5" fill="none" stroke="#bff9ff" stroke-width="1.4" stroke-linejoin="round" opacity="0.45" filter="url(#glow)"/>
+<circle cx="500.1" cy="328.7" r="2.4" fill="#ff7bd0" opacity="0.3"/>
+<circle cx="484" cy="431.1" r="2.8" fill="#ffffff" opacity="0.7"/>
+<circle cx="714.4" cy="215.5" r="2.5" fill="#b58cff" opacity="0.6"/>
+<circle cx="867.5" cy="524.8" r="0.9" fill="#b58cff" opacity="0.4"/>
+<circle cx="696.8" cy="249.9" r="3" fill="#ff7bd0" opacity="0.4"/>
+<circle cx="423.3" cy="418.1" r="2.5" fill="#b58cff" opacity="0.6"/>
+<circle cx="493.2" cy="352.1" r="3.4" fill="#ff7bd0" opacity="0.7"/>
+<circle cx="395.9" cy="248.3" r="2.3" fill="#ff7bd0" opacity="0.9"/>
+<circle cx="491" cy="312.4" r="3.5" fill="#ff7bd0" opacity="0.8"/>
+<circle cx="574.6" cy="20.1" r="2.1" fill="#ffffff" opacity="0.9"/>
+<circle cx="603" cy="86.8" r="2.7" fill="#ff7bd0" opacity="0.5"/>
+<circle cx="756.6" cy="292.5" r="2.8" fill="#b58cff" opacity="0.6"/>
+<circle cx="535.4" cy="284.2" r="1.9" fill="#b58cff" opacity="0.3"/>
+<circle cx="698.9" cy="493.3" r="2.5" fill="#58f3ff" opacity="0.4"/>
+<circle cx="966.3" cy="438" r="2.1" fill="#ff7bd0" opacity="0.5"/>
+<circle cx="715.6" cy="101.4" r="0.8" fill="#ffffff" opacity="0.7"/>
+<circle cx="753.9" cy="457.7" r="1.8" fill="#58f3ff" opacity="0.6"/>
+<circle cx="796" cy="522.8" r="0.9" fill="#ff7bd0" opacity="0.9"/>
+<circle cx="763.1" cy="368.6" r="1.8" fill="#ff7bd0" opacity="0.6"/>
+<circle cx="311.5" cy="341.6" r="1.5" fill="#e4ff5a" opacity="0.8"/>
+<circle cx="502.5" cy="88.7" r="0.8" fill="#e4ff5a" opacity="0.9"/>
+<circle cx="1107.2" cy="441.9" r="1" fill="#e4ff5a" opacity="0.6"/>
+<circle cx="502.1" cy="691.1" r="3.2" fill="#ff7bd0" opacity="0.7"/>
+<circle cx="820" cy="551.6" r="1.8" fill="#ffffff" opacity="0.9"/>
+<circle cx="743.1" cy="301.8" r="3.4" fill="#ff7bd0" opacity="0.3"/>
+<circle cx="382.4" cy="480.6" r="2.4" fill="#ffffff" opacity="0.6"/>
+<circle cx="830.2" cy="471.3" r="1.6" fill="#ffffff" opacity="0.7"/>
+<circle cx="427.1" cy="292" r="1.9" fill="#e4ff5a" opacity="0.4"/>
+<circle cx="587.6" cy="508.3" r="0.9" fill="#58f3ff" opacity="0.8"/>
+<circle cx="473" cy="137.3" r="1.7" fill="#ffffff" opacity="0.9"/>
+<circle cx="352.1" cy="190.5" r="3.4" fill="#ffffff" opacity="0.4"/>
+<circle cx="537.9" cy="356.8" r="2.3" fill="#ffffff" opacity="0.4"/>
+<circle cx="630.9" cy="264.7" r="2.9" fill="#b58cff" opacity="0.6"/>
+<circle cx="-3.1" cy="522.3" r="1.4" fill="#58f3ff" opacity="0.3"/>
+<circle cx="739.4" cy="340.4" r="0.9" fill="#58f3ff" opacity="0.5"/>
+<circle cx="553.2" cy="444.2" r="3.2" fill="#ffffff" opacity="0.9"/>
+<circle cx="296.7" cy="371.6" r="1.8" fill="#e4ff5a" opacity="0.4"/>
+<circle cx="984.2" cy="206.1" r="2.4" fill="#b58cff" opacity="0.8"/>
+<circle cx="735.2" cy="542" r="3.3" fill="#e4ff5a" opacity="0.6"/>
+<circle cx="839.9" cy="191.8" r="2.7" fill="#ff7bd0" opacity="0.5"/>
+<circle cx="937.5" cy="712.1" r="1.4" fill="#e4ff5a" opacity="0.4"/>
+<circle cx="559.8" cy="215.5" r="2.9" fill="#ff7bd0" opacity="0.7"/>
+<circle cx="879.7" cy="284.9" r="3" fill="#ff7bd0" opacity="0.6"/>
+<circle cx="586.6" cy="473" r="2.9" fill="#58f3ff" opacity="0.9"/>
+<circle cx="692.9" cy="564.9" r="2" fill="#b58cff" opacity="0.9"/>
+<circle cx="1081.2" cy="219.4" r="2.8" fill="#ffffff" opacity="0.5"/>
+<circle cx="473.8" cy="547.9" r="2" fill="#58f3ff" opacity="0.7"/>
+<circle cx="1178.3" cy="114.2" r="3.5" fill="#ff7bd0" opacity="0.9"/>
+<circle cx="643.9" cy="469.6" r="2.3" fill="#b58cff" opacity="0.3"/>
+<circle cx="449.4" cy="90.6" r="1.7" fill="#58f3ff" opacity="0.9"/>
+<circle cx="416.7" cy="266.8" r="1.4" fill="#e4ff5a" opacity="0.5"/>
+<circle cx="726" cy="456.6" r="1.9" fill="#58f3ff" opacity="0.6"/>
+<circle cx="803.5" cy="352.7" r="0.9" fill="#58f3ff" opacity="0.8"/>
+<circle cx="783.4" cy="275.5" r="3" fill="#b58cff" opacity="0.5"/>
+<circle cx="1085.4" cy="38.6" r="0.9" fill="#ffffff" opacity="0.4"/>
+<circle cx="567.5" cy="427.2" r="2.9" fill="#b58cff" opacity="0.4"/>
+<circle cx="930.1" cy="326.4" r="2.5" fill="#e4ff5a" opacity="0.6"/>
+<circle cx="765.4" cy="382.8" r="2.9" fill="#b58cff" opacity="0.6"/>
+<circle cx="1105.7" cy="196" r="1.4" fill="#ff7bd0" opacity="0.5"/>
+<circle cx="537" cy="731.1" r="0.8" fill="#ffffff" opacity="0.9"/>
+<circle cx="487" cy="540.1" r="3.4" fill="#b58cff" opacity="0.7"/>
+<circle cx="828.1" cy="561.5" r="3.5" fill="#ff7bd0" opacity="0.3"/>
+<circle cx="957.4" cy="417.8" r="1.8" fill="#b58cff" opacity="0.8"/>
+<circle cx="1011.7" cy="166.6" r="1.1" fill="#ffffff" opacity="0.8"/>
+<circle cx="1029.4" cy="254.5" r="2.2" fill="#ffffff" opacity="0.5"/>
+<circle cx="538.6" cy="220.6" r="3.3" fill="#e4ff5a" opacity="0.8"/>
+<circle cx="431.6" cy="364.6" r="2.3" fill="#e4ff5a" opacity="0.6"/>
+<circle cx="609.3" cy="535.9" r="3" fill="#b58cff" opacity="0.6"/>
+<circle cx="670.8" cy="96.9" r="2.8" fill="#58f3ff" opacity="0.6"/>
+<circle cx="533.8" cy="502.8" r="1.8" fill="#ffffff" opacity="0.6"/>
+<circle cx="623.5" cy="196.5" r="2.8" fill="#e4ff5a" opacity="0.6"/>
+<circle cx="789.9" cy="399.2" r="2" fill="#ffffff" opacity="0.5"/>
+<circle cx="198.6" cy="459" r="2.5" fill="#58f3ff" opacity="0.5"/>
+<circle cx="990" cy="399.2" r="1.4" fill="#b58cff" opacity="0.4"/>
+<circle cx="328.5" cy="372.8" r="2.7" fill="#58f3ff" opacity="0.9"/>
+<circle cx="927.6" cy="509.2" r="3.2" fill="#ffffff" opacity="0.9"/>
+<circle cx="689.8" cy="489.8" r="2.1" fill="#ffffff" opacity="0.8"/>
+<circle cx="361.1" cy="373.7" r="3.2" fill="#ff7bd0" opacity="0.7"/>
+<circle cx="516.7" cy="248.6" r="1.9" fill="#e4ff5a" opacity="0.3"/>
+<circle cx="544.8" cy="397.1" r="2.4" fill="#b58cff" opacity="0.7"/>
+<circle cx="1007.3" cy="368.3" r="2.2" fill="#ff7bd0" opacity="0.7"/>
+<circle cx="758.6" cy="391.6" r="1.6" fill="#b58cff" opacity="0.4"/>
+<circle cx="873.7" cy="339" r="1.3" fill="#ff7bd0" opacity="0.8"/>
+<circle cx="1168.2" cy="380.8" r="1.7" fill="#58f3ff" opacity="0.4"/>
+<circle cx="814.7" cy="365.5" r="2.1" fill="#e4ff5a" opacity="0.9"/>
+<circle cx="586.3" cy="652.2" r="1.1" fill="#b58cff" opacity="0.5"/>
+<circle cx="1001.8" cy="531.8" r="2" fill="#ffffff" opacity="0.5"/>
+<circle cx="722.3" cy="492.9" r="2.7" fill="#ff7bd0" opacity="0.7"/>
+<circle cx="795.2" cy="455.6" r="1.6" fill="#ffffff" opacity="0.9"/>
+<circle cx="342.9" cy="479.9" r="1.5" fill="#ff7bd0" opacity="0.4"/>
+<circle cx="974.8" cy="14.7" r="1.2" fill="#e4ff5a" opacity="0.5"/>
+<circle cx="718.2" cy="573.5" r="1.3" fill="#b58cff" opacity="0.6"/>
+<circle cx="267.7" cy="608.4" r="2.8" fill="#e4ff5a" opacity="0.6"/>
+<circle cx="433.1" cy="519.7" r="1.2" fill="#58f3ff" opacity="0.8"/>
+<circle cx="494.3" cy="274.2" r="1.9" fill="#ffffff" opacity="0.6"/>
+<circle cx="502.4" cy="287.3" r="2.3" fill="#e4ff5a" opacity="0.4"/>
+<circle cx="480.1" cy="639.1" r="3.1" fill="#e4ff5a" opacity="0.7"/>
+<circle cx="581.9" cy="322.2" r="2.4" fill="#e4ff5a" opacity="0.7"/>
+<circle cx="608.3" cy="306.8" r="2.3" fill="#ff7bd0" opacity="0.7"/>
+<circle cx="640.8" cy="583.8" r="1" fill="#58f3ff" opacity="0.5"/>
+<circle cx="738" cy="510" r="3.1" fill="#ff7bd0" opacity="0.3"/>
+<circle cx="552.5" cy="345.5" r="2.7" fill="#b58cff" opacity="0.3"/>
+<circle cx="763.2" cy="316.5" r="1.2" fill="#e4ff5a" opacity="0.7"/>
+<circle cx="380.1" cy="416.4" r="2.6" fill="#58f3ff" opacity="0.4"/>
+<circle cx="457" cy="349.9" r="0.8" fill="#ff7bd0" opacity="0.7"/>
+<circle cx="589.9" cy="314" r="3" fill="#b58cff" opacity="0.8"/>
+<circle cx="549.9" cy="371.3" r="3.2" fill="#e4ff5a" opacity="0.4"/>
+<circle cx="512.6" cy="136.9" r="3.2" fill="#58f3ff" opacity="0.3"/>
+<circle cx="278.6" cy="627.5" r="0.8" fill="#ffffff" opacity="0.3"/>
+<circle cx="819.4" cy="200" r="3.1" fill="#e4ff5a" opacity="0.8"/>
+<circle cx="352.4" cy="44" r="2.3" fill="#ffffff" opacity="0.7"/>
+<circle cx="725.3" cy="182.3" r="1.1" fill="#ff7bd0" opacity="0.4"/>
+<circle cx="1005.3" cy="460.2" r="3.1" fill="#58f3ff" opacity="0.8"/>
+<circle cx="551.6" cy="238.7" r="3.3" fill="#e4ff5a" opacity="0.8"/>
+<circle cx="642.9" cy="523.2" r="1" fill="#e4ff5a" opacity="0.8"/>
+<circle cx="726.9" cy="291.6" r="3.4" fill="#b58cff" opacity="0.5"/>
+<circle cx="1133.7" cy="455" r="0.9" fill="#ff7bd0" opacity="0.8"/>
+<circle cx="508.5" cy="561.9" r="1.2" fill="#b58cff" opacity="0.7"/>
+<circle cx="488.4" cy="353.5" r="1.7" fill="#b58cff" opacity="0.6"/>
+<circle cx="268.6" cy="396.2" r="2" fill="#ffffff" opacity="0.7"/>
+<circle cx="801.6" cy="596.6" r="1.3" fill="#ffffff" opacity="0.7"/>
+<circle cx="527.8" cy="183.5" r="1.2" fill="#e4ff5a" opacity="0.3"/>
+<circle cx="642.6" cy="522.4" r="1.6" fill="#ffffff" opacity="0.4"/>
+<circle cx="694.9" cy="204.6" r="1.9" fill="#e4ff5a" opacity="0.7"/>
+<circle cx="801.1" cy="135.1" r="1.2" fill="#ff7bd0" opacity="0.9"/>
+<circle cx="718.6" cy="306.7" r="1.7" fill="#b58cff" opacity="0.9"/>
+<circle cx="495.8" cy="233.5" r="2.8" fill="#b58cff" opacity="0.7"/>
+<circle cx="641.9" cy="147.5" r="2" fill="#ff7bd0" opacity="0.9"/>
+<circle cx="847.4" cy="304.3" r="0.9" fill="#ffffff" opacity="0.4"/>
+<circle cx="946.2" cy="481.4" r="1" fill="#b58cff" opacity="0.5"/>
+<circle cx="653.6" cy="601.4" r="2.8" fill="#58f3ff" opacity="0.6"/>
+<circle cx="900" cy="456.2" r="1.6" fill="#b58cff" opacity="0.8"/>
+<circle cx="450.1" cy="199.2" r="3.5" fill="#ffffff" opacity="0.5"/>
+<circle cx="896" cy="317.1" r="1.1" fill="#ffffff" opacity="0.9"/>
+<circle cx="628.9" cy="290" r="2.5" fill="#ff7bd0" opacity="0.5"/>
+<circle cx="299.9" cy="418.2" r="3.5" fill="#e4ff5a" opacity="0.9"/>
+<circle cx="225.6" cy="215.4" r="3.4" fill="#ff7bd0" opacity="0.6"/>
+<circle cx="326.9" cy="451.7" r="2.2" fill="#e4ff5a" opacity="0.6"/>
+<circle cx="527.5" cy="501.1" r="1.8" fill="#ff7bd0" opacity="0.3"/>
+<circle cx="1182" cy="566.7" r="3.3" fill="#b58cff" opacity="0.4"/>
+<circle cx="816.6" cy="560.8" r="1.8" fill="#58f3ff" opacity="0.7"/>
+<circle cx="166.9" cy="91.5" r="1.3" fill="#ff7bd0" opacity="0.6"/>
+<circle cx="970.3" cy="159.5" r="0.9" fill="#58f3ff" opacity="0.6"/>
+<circle cx="668.5" cy="124.5" r="1.9" fill="#ff7bd0" opacity="0.5"/>
+<circle cx="984.5" cy="603.1" r="0.9" fill="#e4ff5a" opacity="0.8"/>
+<circle cx="738.4" cy="278.4" r="1.8" fill="#e4ff5a" opacity="0.8"/>
+<circle cx="905.7" cy="454" r="1.7" fill="#ff7bd0" opacity="0.7"/>
+<circle cx="508.6" cy="235.8" r="1.3" fill="#58f3ff" opacity="0.7"/>
+<circle cx="643.3" cy="301.1" r="3" fill="#ffffff" opacity="0.8"/>
+<circle cx="817.9" cy="179.6" r="1.9" fill="#58f3ff" opacity="0.6"/>
+<circle cx="650" cy="384" r="90" fill="url(#core)"/>
+<g stroke="#ffe45c" stroke-width="2" opacity="0.9"><line x1="672" y1="384" x2="706" y2="384"/><line x1="671.1" y1="390.2" x2="703.7" y2="399.8"/><line x1="668.5" y1="395.9" x2="697.1" y2="414.3"/><line x1="664.4" y1="400.6" x2="686.7" y2="426.3"/><line x1="659.1" y1="404" x2="673.3" y2="434.9"/><line x1="653.1" y1="405.8" x2="658" y2="439.4"/><line x1="646.9" y1="405.8" x2="642" y2="439.4"/><line x1="640.9" y1="404" x2="626.7" y2="434.9"/><line x1="635.6" y1="400.6" x2="613.3" y2="426.3"/><line x1="631.5" y1="395.9" x2="602.9" y2="414.3"/><line x1="628.9" y1="390.2" x2="596.3" y2="399.8"/><line x1="628" y1="384" x2="594" y2="384"/><line x1="628.9" y1="377.8" x2="596.3" y2="368.2"/><line x1="631.5" y1="372.1" x2="602.9" y2="353.7"/><line x1="635.6" y1="367.4" x2="613.3" y2="341.7"/><line x1="640.9" y1="364" x2="626.7" y2="333.1"/><line x1="646.9" y1="362.2" x2="642" y2="328.6"/><line x1="653.1" y1="362.2" x2="658" y2="328.6"/><line x1="659.1" y1="364" x2="673.3" y2="333.1"/><line x1="664.4" y1="367.4" x2="686.7" y2="341.7"/><line x1="668.5" y1="372.1" x2="697.1" y2="353.7"/><line x1="671.1" y1="377.8" x2="703.7" y2="368.2"/></g>
+<circle cx="710" cy="384" r="4" fill="#fff38a"/><circle cx="707.6" cy="400.9" r="4" fill="#fff38a"/><circle cx="700.5" cy="416.4" r="4" fill="#fff38a"/><circle cx="689.3" cy="429.3" r="4" fill="#fff38a"/><circle cx="674.9" cy="438.6" r="4" fill="#fff38a"/><circle cx="658.5" cy="443.4" r="4" fill="#fff38a"/><circle cx="641.5" cy="443.4" r="4" fill="#fff38a"/><circle cx="625.1" cy="438.6" r="4" fill="#fff38a"/><circle cx="610.7" cy="429.3" r="4" fill="#fff38a"/><circle cx="599.5" cy="416.4" r="4" fill="#fff38a"/><circle cx="592.4" cy="400.9" r="4" fill="#fff38a"/><circle cx="590" cy="384" r="4" fill="#fff38a"/><circle cx="592.4" cy="367.1" r="4" fill="#fff38a"/><circle cx="599.5" cy="351.6" r="4" fill="#fff38a"/><circle cx="610.7" cy="338.7" r="4" fill="#fff38a"/><circle cx="625.1" cy="329.4" r="4" fill="#fff38a"/><circle cx="641.5" cy="324.6" r="4" fill="#fff38a"/><circle cx="658.5" cy="324.6" r="4" fill="#fff38a"/><circle cx="674.9" cy="329.4" r="4" fill="#fff38a"/><circle cx="689.3" cy="338.7" r="4" fill="#fff38a"/><circle cx="700.5" cy="351.6" r="4" fill="#fff38a"/><circle cx="707.6" cy="367.1" r="4" fill="#fff38a"/>
+<circle cx="650" cy="384" r="16" fill="#ffffff" filter="url(#glow)"/>
+<rect width="1200" height="756" filter="url(#grain)" opacity="0.18" style="mix-blend-mode:overlay"/>
+</svg>

package/dist/assets/designs/electric-bloom/design.json

@@ -0,0 +1,9 @@
+{
+  "id": "mk-005",
+  "title": "Electric Bloom",
+  "category": "Abstract",
+  "author": {
+    "name": "Makeables Studio"
+  },
+  "editable": true
+}

package/dist/assets/designs/extra-life/artwork.svg

@@ -0,0 +1,28 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 756" width="1200" height="756" role="img" aria-label="Extra Life">
+<title>Extra Life</title>
+<defs><radialGradient id="bg" cx="796" cy="340" r="780" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3b1262"/><stop offset="0.55" stop-color="#170828"/><stop offset="1" stop-color="#0a0416"/></radialGradient><radialGradient id="glow" cx="796" cy="340" r="330" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff4f86" stop-opacity="0.55"/><stop offset="0.5" stop-color="#ff4f86" stop-opacity="0.14"/><stop offset="1" stop-color="#ff4f86" stop-opacity="0"/></radialGradient><pattern id="scan" width="4" height="4" patternUnits="userSpaceOnUse"><rect width="4" height="1" fill="#000"/></pattern><linearGradient id="floor" x1="0" y1="560" x2="0" y2="756" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#8c3dff" stop-opacity="0.55"/><stop offset="1" stop-color="#8c3dff" stop-opacity="0.05"/></linearGradient></defs>
+<rect width="1200" height="756" fill="url(#bg)"/>
+<path d="M348 276h4v6h6v4h-6v6h-4v-6h-6v-4h6zM192 144h3v3h-3zM378 384h3v6h-3zM744 348h3v6h-3zM132 372h3v6h-3zM798 312h6v3h-3zM1014 198h3v6h-3zM948 288h3v6h-3zM360 528h3v3h-3zM930 48h3v6h-3zM1074 144h6v6h-3zM438 426h6v3h-3zM240 456h6v6h-3zM984 378h3v6h-3zM228 270h3v3h-3zM528 180h4v6h6v4h-6v6h-4v-6h-6v-4h6zM450 258h3v6h-3zM390 288h6v3h-3zM1008 300h3v3h-3zM1176 120h3v6h-3zM522 126h3v3h-3zM624 432h6v3h-3zM900 48h3v3h-3zM126 504h6v3h-3zM774 372h3v3h-3zM24 102h3v6h-3zM534 240h4v6h6v4h-6v6h-4v-6h-6v-4h6zM0 492h3v3h-3zM948 18h4v6h6v4h-6v6h-4v-6h-6v-4h6zM1164 444h6v6h-3zM678 90h3v6h-3zM726 114h3v6h-3zM990 96h3v6h-3zM864 300h6v3h-3zM78 150h3v3h-3zM324 0h3v6h-3zM660 402h3v3h-3zM492 402h3v3h-3zM444 468h3v6h-3zM618 168h3v6h-3zM1140 282h6v6h-3zM960 270h6v3h-3zM300 372h6v3h-3zM444 300h6v6h-3zM1032 324h3v6h-3zM246 48h6v6h-3zM1194 84h6v6h-3zM420 384h6v3h-3zM552 180h4v6h6v4h-6v6h-4v-6h-6v-4h6zM774 348h3v6h-3zM762 78h6v3h-3zM1002 126h6v3h-3zM210 12h6v3h-3zM144 354h6v3h-3zM192 462h3v6h-3zM54 54h4v6h6v4h-6v6h-4v-6h-6v-4h6zM1002 270h4v6h6v4h-6v6h-4v-6h-6v-4h6zM114 174h6v3h-3zM450 264h4v6h6v4h-6v6h-4v-6h-6v-4h6zM96 390h4v6h6v4h-6v6h-4v-6h-6v-4h6zM1104 468h3v3h-3zM390 294h3v3h-3zM816 168h3v6h-3zM1146 150h3v3h-3zM852 132h6v6h-3zM372 384h3v3h-3zM1146 96h3v6h-3zM264 126h6v3h-3zM1062 342h6v6h-3zM666 444h6v6h-3zM558 402h6v6h-3zM192 210h6v3h-3zM870 402h3v6h-3zM990 360h6v3h-3zM48 282h6v6h-3zM576 534h3v3h-3zM120 138h3v6h-3zM864 480h3v6h-3zM768 24h4v6h6v4h-6v6h-4v-6h-6v-4h6zM1098 498h6v3h-3zM486 498h3v3h-3zM732 276h6v6h-3zM570 480h3v6h-3zM90 18h4v6h6v4h-6v6h-4v-6h-6v-4h6zM780 276h6v3h-3zM462 102h3v6h-3zM1134 216h6v6h-3zM450 222h6v6h-3zM1008 480h6v6h-3zM204 438h4v6h6v4h-6v6h-4v-6h-6v-4h6z" fill="#e9dcff" opacity="0.65" shape-rendering="crispEdges"/>
+<rect x="0" y="560" width="1200" height="196" fill="#0a0414"/>
+<path d="M0 568H1200M0 582H1200M0 602H1200M0 630H1200M0 668H1200M0 718H1200M796 560L-1304 756M796 560L-1154 756M796 560L-1004 756M796 560L-854 756M796 560L-704 756M796 560L-554 756M796 560L-404 756M796 560L-254 756M796 560L-104 756M796 560L46 756M796 560L196 756M796 560L346 756M796 560L496 756M796 560L646 756M796 560L796 756M796 560L946 756M796 560L1096 756M796 560L1246 756M796 560L1396 756M796 560L1546 756M796 560L1696 756M796 560L1846 756M796 560L1996 756M796 560L2146 756M796 560L2296 756M796 560L2446 756M796 560L2596 756M796 560L2746 756M796 560L2896 756" fill="none" stroke="url(#floor)" stroke-width="2"/>
+<rect x="0" y="558" width="1200" height="3" fill="#c07bff" opacity="0.8"/>
+<circle cx="796" cy="340" r="330" fill="url(#glow)"/>
+<rect x="470" y="236" width="130" height="12" fill="#b77cff" opacity="0.8" shape-rendering="crispEdges"/><rect x="434" y="236" width="18" height="12" fill="#ff6f9c" opacity="0.35" shape-rendering="crispEdges"/><rect x="380" y="284" width="220" height="12" fill="#ff6f9c" opacity="0.8" shape-rendering="crispEdges"/><rect x="344" y="284" width="18" height="12" fill="#ff6f9c" opacity="0.35" shape-rendering="crispEdges"/><rect x="430" y="332" width="170" height="12" fill="#b77cff" opacity="0.8" shape-rendering="crispEdges"/><rect x="394" y="332" width="18" height="12" fill="#ff6f9c" opacity="0.35" shape-rendering="crispEdges"/><rect x="360" y="380" width="240" height="12" fill="#ff6f9c" opacity="0.8" shape-rendering="crispEdges"/><rect x="324" y="380" width="18" height="12" fill="#ff6f9c" opacity="0.35" shape-rendering="crispEdges"/><rect x="470" y="428" width="120" height="12" fill="#b77cff" opacity="0.8" shape-rendering="crispEdges"/><rect x="434" y="428" width="18" height="12" fill="#ff6f9c" opacity="0.35" shape-rendering="crispEdges"/><rect x="540" y="476" width="70" height="12" fill="#ff6f9c" opacity="0.8" shape-rendering="crispEdges"/><rect x="504" y="476" width="18" height="12" fill="#ff6f9c" opacity="0.35" shape-rendering="crispEdges"/>
+<ellipse cx="796" cy="600" rx="150" ry="16" fill="#ff3e6c" opacity="0.18"/>
+<g shape-rendering="crispEdges"><path fill="#2a0a24" d="M688 172h72v24h-72zM832 172h72v24h-72zM664 196h24v24h-24zM760 196h24v24h-24zM808 196h24v24h-24zM904 196h24v24h-24zM640 220h24v24h-24zM784 220h24v24h-24zM928 220h24v24h-24zM616 244h24v24h-24zM952 244h24v24h-24zM616 268h24v24h-24zM952 268h24v24h-24zM616 292h24v24h-24zM952 292h24v24h-24zM616 316h24v24h-24zM952 316h24v24h-24zM640 340h24v24h-24zM928 340h24v24h-24zM664 364h24v24h-24zM904 364h24v24h-24zM688 388h24v24h-24zM880 388h24v24h-24zM712 412h24v24h-24zM856 412h24v24h-24zM736 436h24v24h-24zM832 436h24v24h-24zM760 460h24v24h-24zM808 460h24v24h-24zM784 484h24v24h-24z"/><path fill="#ff3e6c" d="M688 196h72v24h-72zM832 196h72v24h-72zM664 220h24v24h-24zM736 220h48v24h-48zM808 220h120v24h-120zM640 244h24v24h-24zM712 244h240v24h-240zM640 268h24v24h-24zM688 268h264v24h-264zM640 292h288v24h-288zM640 316h264v24h-264zM664 340h216v24h-216zM688 364h168v24h-168zM712 388h120v24h-120zM736 412h72v24h-72zM760 436h24v24h-24z"/><path fill="#ffffff" d="M688 220h24v24h-24zM664 244h24v24h-24z"/><path fill="#ffb3c8" d="M712 220h24v24h-24zM688 244h24v24h-24zM664 268h24v24h-24z"/><path fill="#c01e55" d="M928 292h24v24h-24zM904 316h48v24h-48zM880 340h48v24h-48zM856 364h48v24h-48zM832 388h48v24h-48zM808 412h48v24h-48zM784 436h48v24h-48zM784 460h24v24h-24z"/></g>
+<g shape-rendering="crispEdges"><path fill="#3a0f3a" d="M1026 154h12v12h-12zM1026 166h12v12h-12zM1002 178h60v12h-60zM1026 190h12v12h-12zM1026 202h12v12h-12z"/></g>
+<g shape-rendering="crispEdges"><path fill="#3a0f3a" d="M1086 130h24v12h-24zM1074 142h36v12h-36zM1086 154h24v12h-24zM1086 166h24v12h-24zM1086 178h24v12h-24zM1086 190h24v12h-24zM1074 202h48v12h-48z"/></g>
+<g shape-rendering="crispEdges"><path fill="#ffe066" d="M1020 148h12v12h-12zM1020 160h12v12h-12zM996 172h60v12h-60zM1020 184h12v12h-12zM1020 196h12v12h-12z"/></g>
+<g shape-rendering="crispEdges"><path fill="#ffe066" d="M1080 124h24v12h-24zM1068 136h36v12h-36zM1080 148h24v12h-24zM1080 160h24v12h-24zM1080 172h24v12h-24zM1080 184h24v12h-24zM1068 196h48v12h-48z"/></g>
+<path d="M600 158h6v6h6v6h-6v6h-6v-6h-6v-6h6z" fill="#fff4c2" shape-rendering="crispEdges"/>
+<path d="M1000 458h6v6h6v6h-6v6h-6v-6h-6v-6h6z" fill="#fff4c2" shape-rendering="crispEdges"/>
+<path d="M960 82h4v4h4v4h-4v4h-4v-4h-4v-4h4z" fill="#fff4c2" shape-rendering="crispEdges"/>
+<path d="M560 512h4v4h4v4h-4v4h-4v-4h-4v-4h4z" fill="#fff4c2" shape-rendering="crispEdges"/>
+<path d="M1100 292h4v4h4v4h-4v4h-4v-4h-4v-4h4z" fill="#fff4c2" shape-rendering="crispEdges"/>
+<g shape-rendering="crispEdges"><path fill="#ff3e6c" d="M90 70h12v6h-12zM108 70h12v6h-12zM84 76h42v6h-42zM84 82h42v6h-42zM90 88h30v6h-30zM96 94h18v6h-18zM102 100h6v6h-6z"/></g>
+<g shape-rendering="crispEdges"><path fill="#ff3e6c" d="M144 70h12v6h-12zM162 70h12v6h-12zM138 76h42v6h-42zM138 82h42v6h-42zM144 88h30v6h-30zM150 94h18v6h-18zM156 100h6v6h-6z"/></g>
+<g shape-rendering="crispEdges"><path fill="#7b4aa8" d="M198 70h12v6h-12zM216 70h12v6h-12zM192 76h6v6h-6zM210 76h6v6h-6zM228 76h6v6h-6zM192 82h6v6h-6zM228 82h6v6h-6zM198 88h6v6h-6zM222 88h6v6h-6zM204 94h6v6h-6zM216 94h6v6h-6zM210 100h6v6h-6z"/></g>
+<g shape-rendering="crispEdges"><path fill="#ffcc3a" d="M90 124h12v6h-12zM84 130h6v6h-6zM96 130h12v6h-12zM84 136h6v6h-6zM96 136h12v6h-12zM84 142h24v6h-24zM84 148h24v6h-24zM90 154h12v6h-12z"/><path fill="#fff4c2" d="M90 130h6v6h-6zM90 136h6v6h-6z"/></g>
+<g shape-rendering="crispEdges"><path fill="#e9dcff" d="M120 135h5v5h-5zM130 135h5v5h-5zM125 140h5v5h-5zM120 145h5v5h-5zM130 145h5v5h-5z"/></g><g shape-rendering="crispEdges"><path fill="#e9dcff" d="M140 130h15v5h-15zM150 135h5v5h-5zM140 140h15v5h-15zM140 145h5v5h-5zM140 150h15v5h-15z"/></g><g shape-rendering="crispEdges"><path fill="#e9dcff" d="M160 130h15v5h-15zM160 135h5v5h-5zM160 140h15v5h-15zM170 145h5v5h-5zM160 150h15v5h-15z"/></g>
+<rect width="1200" height="756" fill="url(#scan)" opacity="0.22"/>
+</svg>

package/dist/assets/designs/extra-life/design.json

@@ -0,0 +1,9 @@
+{
+  "id": "mk-007",
+  "title": "Extra Life",
+  "category": "Gaming",
+  "author": {
+    "name": "Makeables Studio"
+  },
+  "editable": true
+}

package/dist/assets/designs/form-study/artwork.svg

@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 756" width="1200" height="756" role="img" aria-label="Form Study">
+<title>Form Study</title>
+<defs><filter id="grain" x="0" y="0" width="100%" height="100%"><feTurbulence type="fractalNoise" baseFrequency="0.7" numOctaves="2" seed="3" stitchTiles="stitch"/><feColorMatrix type="saturate" values="0"/></filter><filter id="sh" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="6"/></filter><clipPath id="ov"><rect x="540" y="150" width="152" height="456"/></clipPath></defs>
+<rect width="1200" height="756" fill="#ece4d5"/>
+<g fill="#6b5a44" opacity="0.18" filter="url(#sh)" transform="translate(10 12)"><path d="M0 756V330A426 426 0 0 1 426 756Z"/><rect x="540" y="150" width="152" height="456"/><circle cx="770" cy="322" r="138"/><path d="M890 606A92 92 0 0 1 1074 606Z"/></g>
+<path d="M0 756V330A426 426 0 0 1 426 756Z" fill="#c8553d"/>
+<path d="M0 756V470A286 286 0 0 1 286 756Z" fill="#e0876a"/>
+<rect x="540" y="150" width="152" height="456" fill="#1f3b57"/>
+<circle cx="770" cy="322" r="138" fill="#e3a93a"/>
+<circle cx="770" cy="322" r="138" fill="#c8553d" clip-path="url(#ov)"/>
+<path d="M890 606A92 92 0 0 1 1074 606Z" fill="#1c1c1c"/>
+<path d="M470 606H1130" stroke="#1c1c1c" stroke-width="2"/>
+<path d="M226 128L318 128L272 208Z" fill="#8aa38b"/>
+<circle cx="1040" cy="178" r="7" fill="#1c1c1c"/>
+<path d="M614 150V96" stroke="#1c1c1c" stroke-width="2"/>
+<rect width="1200" height="756" filter="url(#grain)" opacity="0.3" style="mix-blend-mode:multiply"/>
+</svg>

package/dist/assets/designs/form-study/design.json

@@ -0,0 +1,10 @@
+{
+  "id": "mk-012",
+  "title": "Form Study",
+  "category": "Minimal",
+  "author": {
+    "name": "Makeables Studio"
+  },
+  "darkInk": true,
+  "editable": true
+}

package/dist/assets/designs/garra-29/artwork.svg

@@ -0,0 +1,74 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="756" viewBox="0 0 1200 756" role="img" aria-label="Garra 29, an unofficial Universitario-inspired card artwork">
+  <title>Garra 29</title>
+  <desc>Flat cream, maroon, and black fan concept with a geometric U monogram and twenty-nine championship stars.</desc>
+  <metadata>Unofficial fan concept by Makeables Studio; not affiliated with or endorsed by Club Universitario de Deportes. Palette informed by the club identity manual: cream #FFFEF4 and maroon #A6192E. Twenty-nine stars reference the club's national titles through 2025.</metadata>
+  <defs>
+    <symbol id="star" viewBox="0 0 24 24">
+      <path d="M12 1.8l2.82 5.72 6.31.92-4.57 4.45 1.08 6.29L12 16.21l-5.64 2.97 1.08-6.29-4.57-4.45 6.31-.92L12 1.8z"/>
+    </symbol>
+    <clipPath id="right-panel">
+      <path d="M742 0h458v756H610l132-756z"/>
+    </clipPath>
+  </defs>
+
+  <rect width="1200" height="756" fill="#fffef4"/>
+  <path d="M742 0h458v756H610l132-756z" fill="#a6192e"/>
+  <path d="M706 0h36L610 756h-36L706 0z" fill="#111111"/>
+  <path d="M658 0h16L542 756h-16L658 0z" fill="#a6192e" opacity=".18"/>
+
+  <g fill="#a6192e" font-family="Arial, Helvetica, sans-serif">
+    <text x="76" y="94" font-size="18" font-weight="700" letter-spacing="6">LIMA / 1924</text>
+    <text x="76" y="164" font-size="54" font-weight="900" letter-spacing="-2">GARRA</text>
+    <text x="76" y="214" font-size="54" font-weight="900" letter-spacing="-2">CREMA</text>
+  </g>
+
+  <g transform="translate(76 292)" fill="#a6192e" aria-label="29 championship stars">
+    <use href="#star" x="0" y="0" width="24" height="24"/>
+    <use href="#star" x="38" y="0" width="24" height="24"/>
+    <use href="#star" x="76" y="0" width="24" height="24"/>
+    <use href="#star" x="114" y="0" width="24" height="24"/>
+    <use href="#star" x="152" y="0" width="24" height="24"/>
+    <use href="#star" x="190" y="0" width="24" height="24"/>
+    <use href="#star" x="228" y="0" width="24" height="24"/>
+    <use href="#star" x="266" y="0" width="24" height="24"/>
+    <use href="#star" x="304" y="0" width="24" height="24"/>
+    <use href="#star" x="342" y="0" width="24" height="24"/>
+    <use href="#star" x="0" y="44" width="24" height="24"/>
+    <use href="#star" x="38" y="44" width="24" height="24"/>
+    <use href="#star" x="76" y="44" width="24" height="24"/>
+    <use href="#star" x="114" y="44" width="24" height="24"/>
+    <use href="#star" x="152" y="44" width="24" height="24"/>
+    <use href="#star" x="190" y="44" width="24" height="24"/>
+    <use href="#star" x="228" y="44" width="24" height="24"/>
+    <use href="#star" x="266" y="44" width="24" height="24"/>
+    <use href="#star" x="304" y="44" width="24" height="24"/>
+    <use href="#star" x="342" y="44" width="24" height="24"/>
+    <use href="#star" x="0" y="88" width="24" height="24"/>
+    <use href="#star" x="38" y="88" width="24" height="24"/>
+    <use href="#star" x="76" y="88" width="24" height="24"/>
+    <use href="#star" x="114" y="88" width="24" height="24"/>
+    <use href="#star" x="152" y="88" width="24" height="24"/>
+    <use href="#star" x="190" y="88" width="24" height="24"/>
+    <use href="#star" x="228" y="88" width="24" height="24"/>
+    <use href="#star" x="266" y="88" width="24" height="24"/>
+    <use href="#star" x="304" y="88" width="24" height="24"/>
+  </g>
+
+  <g font-family="Arial, Helvetica, sans-serif">
+    <text x="76" y="469" fill="#111111" font-size="17" font-weight="700" letter-spacing="4">29 NATIONAL TITLES</text>
+    <path d="M76 494h382" stroke="#a6192e" stroke-width="4"/>
+    <text x="76" y="649" fill="#a6192e" font-size="112" font-weight="900" letter-spacing="-7">29</text>
+    <text x="238" y="620" fill="#111111" font-size="18" font-weight="700" letter-spacing="5">STARS</text>
+    <text x="238" y="650" fill="#111111" font-size="18" font-weight="700" letter-spacing="5">ONE LEGACY</text>
+  </g>
+
+  <g clip-path="url(#right-panel)">
+    <circle cx="914" cy="374" r="214" fill="#fffef4"/>
+    <circle cx="914" cy="374" r="184" fill="none" stroke="#a6192e" stroke-width="12"/>
+    <path d="M826 267v151c0 78 33 116 88 116s88-38 88-116V267" fill="none" stroke="#a6192e" stroke-width="52" stroke-linecap="square"/>
+    <path d="M1060 118h80v12h-80zM1060 144h80v12h-80zM1060 170h80v12h-80z" fill="#fffef4"/>
+    <text x="1096" y="668" text-anchor="middle" fill="#fffef4" font-family="Arial, Helvetica, sans-serif" font-size="16" font-weight="700" letter-spacing="4">FAN CONCEPT</text>
+  </g>
+
+  <path d="M26 26h1148v704H26z" fill="none" stroke="#a6192e" stroke-width="2" opacity=".45"/>
+</svg>

package/dist/assets/designs/garra-29/design.json

@@ -0,0 +1,12 @@
+{
+  "id": "mk-014",
+  "title": "Garra 29",
+  "category": "Minimal",
+  "author": {
+    "name": "Makeables Studio"
+  },
+  "note": "Unofficial fan concept",
+  "featured": true,
+  "embeddedCardDetails": true,
+  "editable": true
+}

package/dist/assets/designs/hunter-license-1999/artwork.svg

@@ -0,0 +1,31 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="756" viewBox="0 0 1200 756" role="img" aria-label="Hunter License 1999, an unofficial Hunter × Hunter fan concept card">
+  <title>Hunter License — 1999</title>
+  <desc>The front of the Hunter License as drawn in the 1999 Nippon Animation anime, turned on its side: a red card with a golden rim, a long white downward triangle carrying two serif X letters, a thin grey cross of lines, and golden pointers at the top and sides.</desc>
+  <metadata>Reference: the red Hunter License from the 1999 Hunter × Hunter anime (Nippon Animation), proportions measured from a fan reference image. Unofficial fan concept by Makeables Studio; not affiliated with or endorsed by Yoshihiro Togashi, Shueisha, Nippon Animation, Madhouse, or VIZ Media. Hunter × Hunter and the Hunter License design belong to their respective owners.</metadata>
+  <defs>
+    <linearGradient id="gold" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0" stop-color="#feea7c"/>
+      <stop offset="1" stop-color="#fdd06c"/>
+    </linearGradient>
+    <linearGradient id="pointer" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0" stop-color="#feec64"/>
+      <stop offset="1" stop-color="#f6c440"/>
+    </linearGradient>
+  </defs>
+  <!-- Portrait card (756 × 1200) rotated a quarter turn: its top edge sits on the left. -->
+  <g transform="translate(0 756) rotate(-90)">
+    <rect width="756" height="1200" fill="url(#gold)"/>
+    <rect x="40" y="40" width="676" height="1120" rx="34" fill="#c8402c" stroke="#8a2b1b" stroke-width="3"/>
+    <polygon points="78,187 678,187 378,1100" fill="#ffffff"/>
+    <g stroke="#aaa39a" stroke-width="7" fill="none">
+      <line x1="378" y1="187" x2="378" y2="730"/>
+      <line x1="142" y1="730" x2="614" y2="730"/>
+    </g>
+    <g fill="url(#pointer)">
+      <polygon points="276,113 480,113 378,185"/>
+      <polygon points="80,652 142,730 80,809"/>
+      <polygon points="676,652 614,730 676,809"/>
+    </g>
+    <g fill="#0a0a0a" aria-label="XX"><g transform="translate(106 243)"><polygon points="29,0 61,0 220,340 188,340"/><polygon points="202,0 214,0 52,340 40,340"/><polygon points="0,0 92,0 92,11 0,11"/><polygon points="164,0 250,0 250,11 164,11"/><polygon points="0,329 90,329 90,340 0,340"/><polygon points="158,329 250,329 250,340 158,340"/></g><g transform="translate(400 243)"><polygon points="29,0 61,0 220,340 188,340"/><polygon points="202,0 214,0 52,340 40,340"/><polygon points="0,0 92,0 92,11 0,11"/><polygon points="164,0 250,0 250,11 164,11"/><polygon points="0,329 90,329 90,340 0,340"/><polygon points="158,329 250,329 250,340 158,340"/></g></g>
+  </g>
+</svg>

package/dist/assets/designs/hunter-license-1999/design.json

@@ -0,0 +1,12 @@
+{
+  "id": "mk-017",
+  "title": "Hunter License — 1999",
+  "category": "Anime",
+  "author": {
+    "name": "Makeables Studio"
+  },
+  "note": "Unofficial Hunter × Hunter fan concept",
+  "featured": true,
+  "embeddedCardDetails": true,
+  "editable": true
+}