{
  "id": "current-ev-charge-planner",
  "css": "#jsoncut-canvas{background:#E9EEE9}.ev-shell{box-shadow:0 20px 48px rgba(16,38,34,.18)}",
  "fps": 1,
  "html": "<div id=\"current-ev-planner\" data-jc-clip data-jc-kind=\"shape\" data-jc-name=\"EV planner outer background\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"0\" style=\"left:0;top:0;width:1080px;height:1920px;background:#E9EEE9\"></div>\n<div id=\"ev-shell\" class=\"ev-shell\" data-jc-clip data-jc-kind=\"shape\" data-jc-name=\"EV planner device shell\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"1\" style=\"left:52px;top:36px;width:976px;height:1848px;border-radius:66px;background:#FAFCF8\"></div>\n<div id=\"ev-time\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Device time\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"2\" style=\"left:100px;top:79px;width:90px;height:22px;color:#102622;background:#FAFCF8;font-family:Manrope;font-size:18px;font-weight:800;line-height:1\">09:41</div>\n<svg id=\"ev-toolbar\" data-jc-clip data-jc-kind=\"shape\" data-jc-name=\"Device status toolbar\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"2\" style=\"left:484px;top:67px;width:515px;height:30px\" viewBox=\"0 0 515 30\"><rect width=\"112\" height=\"28\" rx=\"14\" fill=\"#102622\"/><path d=\"M422 15h28m10 0h18\" stroke=\"#102622\" stroke-width=\"5\" stroke-linecap=\"round\"/><rect x=\"488\" y=\"3\" width=\"27\" height=\"21\" rx=\"5\" fill=\"none\" stroke=\"#102622\" stroke-width=\"4\"/></svg>\n<div id=\"ev-index\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Route planner index\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"2\" style=\"left:100px;top:163px;width:400px;height:23px;color:#147B64;background:#FAFCF8;font-family:Manrope;font-size:19px;font-weight:800;letter-spacing:4px;line-height:1\">CURRENT / ROUTE PLAN</div>\n<div id=\"ev-title\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Berlin to Baltic coast title\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"2\" style=\"left:100px;top:213px;width:700px;height:64px;color:#102622;background:#FAFCF8;font-family:Manrope;font-size:56px;font-weight:800;line-height:1\">Berlin → Baltic coast</div>\n<div id=\"ev-trip-meta\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Route summary\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"2\" style=\"left:100px;top:292px;width:650px;height:24px;color:#60736D;background:#FAFCF8;font-family:Manrope;font-size:20px;font-weight:700;line-height:1\">286 km · one planned stop · arrive with 18%</div>\n<svg id=\"ev-map\" data-jc-clip data-jc-kind=\"shape\" data-jc-name=\"Editable route map base and roads\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"2\" style=\"left:86px;top:354px;width:908px;height:900px\" viewBox=\"0 0 908 900\"><defs><pattern id=\"ev-grid\" width=\"80\" height=\"80\" patternUnits=\"userSpaceOnUse\"><path d=\"M80 0H0V80\" fill=\"none\" stroke=\"#CBD4CF\" stroke-width=\"2\"/></pattern></defs><rect width=\"908\" height=\"900\" rx=\"32\" fill=\"#DDE5DF\"/><rect width=\"908\" height=\"900\" rx=\"32\" fill=\"url(#ev-grid)\" opacity=\".75\"/><path d=\"M4 146C174 56 284 216 434 136S734 36 904 186M4 406C164 326 274 456 424 366S734 296 904 406M4 696C214 606 354 756 534 646S764 546 904 626\" fill=\"none\" stroke=\"#F8FAF6\" stroke-width=\"24\"/><path d=\"M154 0C124 146 214 296 154 446S114 706 214 900M644 0C604 186 674 336 614 506S574 766 714 900\" fill=\"none\" stroke=\"#F8FAF6\" stroke-width=\"18\"/></svg>\n<svg id=\"ev-route\" data-jc-clip data-jc-kind=\"shape\" data-jc-name=\"Berlin to coast route line\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"3\" style=\"left:86px;top:354px;width:908px;height:900px\" viewBox=\"0 0 908 900\"><path d=\"M104 716C184 566 334 656 454 516S624 296 764 126\" fill=\"none\" stroke=\"#147B64\" stroke-width=\"18\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M104 716C184 566 334 656 454 516S624 296 764 126\" fill=\"none\" stroke=\"#8CE0C5\" stroke-width=\"6\" stroke-linecap=\"round\" stroke-dasharray=\"18 16\"/></svg>\n<div id=\"ev-start-marker\" data-jc-clip data-jc-kind=\"shape\" data-jc-name=\"Berlin start waypoint\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"4\" style=\"left:158px;top:1038px;width:64px;height:64px;border:8px solid #FFFFFF;border-radius:50%;background:#102622\"></div>\n<svg id=\"ev-charge-marker\" data-jc-clip data-jc-kind=\"shape\" data-jc-name=\"Neuruppin charging waypoint\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"4\" style=\"left:500px;top:830px;width:80px;height:80px\" viewBox=\"0 0 80 80\"><circle cx=\"40\" cy=\"40\" r=\"36\" fill=\"#F4A340\" stroke=\"#FFFFFF\" stroke-width=\"8\"/><svg x=\"14\" y=\"14\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#102622\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m11 7-3 5h4l-3 5\"/><path d=\"M14.856 6H16a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.935\"/><path d=\"M22 14v-4\"/><path d=\"M5.14 18H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h2.936\"/></svg></svg>\n<svg id=\"ev-destination-marker\" data-jc-clip data-jc-kind=\"shape\" data-jc-name=\"Prerow destination waypoint\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"4\" style=\"left:812px;top:442px;width:76px;height:76px\" viewBox=\"0 0 76 76\"><circle cx=\"38\" cy=\"38\" r=\"34\" fill=\"#147B64\" stroke=\"#FFFFFF\" stroke-width=\"8\"/><svg x=\"12\" y=\"10\" width=\"52\" height=\"52\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0\"/><circle cx=\"12\" cy=\"10\" r=\"3\"/></svg></svg>\n<div id=\"ev-start-card\" data-jc-clip data-jc-kind=\"shape\" data-jc-name=\"Berlin waypoint card\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"4\" style=\"left:240px;top:1034px;width:210px;height:72px;border-radius:18px;background:#FFFFFF\"></div>\n<div id=\"ev-start-label\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Berlin start label\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"5\" style=\"left:264px;top:1051px;width:160px;height:17px;color:#60736D;background:#FFFFFF;font-family:Manrope;font-size:14px;font-weight:800;line-height:1\">START · BERLIN</div>\n<div id=\"ev-start-value\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Berlin start time and charge\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"5\" style=\"left:264px;top:1073px;width:150px;height:22px;color:#102622;background:#FFFFFF;font-family:Manrope;font-size:18px;font-weight:800;line-height:1\">07:40 · 82%</div>\n<div id=\"ev-stop-card\" data-jc-clip data-jc-kind=\"shape\" data-jc-name=\"Neuruppin stop card\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"4\" style=\"left:582px;top:822px;width:248px;height:88px;border-radius:18px;background:#FFF3DF\"></div>\n<div id=\"ev-stop-label\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Neuruppin stop label\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"5\" style=\"left:606px;top:839px;width:190px;height:17px;color:#95590F;background:#FFF3DF;font-family:Manrope;font-size:14px;font-weight:800;line-height:1\">STOP · NEURUPPIN</div>\n<div id=\"ev-stop-value\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Neuruppin charge detail\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"5\" style=\"left:606px;top:863px;width:210px;height:22px;color:#102622;background:#FFF3DF;font-family:Manrope;font-size:18px;font-weight:800;line-height:1\">09:08 · 21 min · 38 kWh</div>\n<div id=\"ev-destination-card\" data-jc-clip data-jc-kind=\"shape\" data-jc-name=\"Prerow destination card\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"4\" style=\"left:678px;top:516px;width:250px;height:88px;border-radius:18px;background:#FFFFFF\"></div>\n<div id=\"ev-destination-label\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Prerow destination label\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"5\" style=\"left:702px;top:533px;width:200px;height:17px;color:#147B64;background:#FFFFFF;font-family:Manrope;font-size:14px;font-weight:800;line-height:1\">DESTINATION · PREROW</div>\n<div id=\"ev-destination-value\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Prerow arrival detail\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"5\" style=\"left:702px;top:557px;width:180px;height:22px;color:#102622;background:#FFFFFF;font-family:Manrope;font-size:18px;font-weight:800;line-height:1\">11:36 · arrive 18%</div>\n<div id=\"ev-battery-title\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Battery over distance heading\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"3\" style=\"left:100px;top:1311px;width:360px;height:22px;color:#147B64;background:#FAFCF8;font-family:Manrope;font-size:18px;font-weight:800;letter-spacing:3px;line-height:1\">BATTERY OVER DISTANCE</div>\n<div id=\"ev-battery-panel\" data-jc-clip data-jc-kind=\"shape\" data-jc-name=\"Battery chart panel\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"3\" style=\"left:86px;top:1360px;width:908px;height:300px;border-radius:28px;background:#102622\"></div>\n<svg id=\"ev-battery-grid\" data-jc-clip data-jc-kind=\"shape\" data-jc-name=\"Battery chart waypoint guides\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"4\" style=\"left:86px;top:1360px;width:908px;height:300px\" viewBox=\"0 0 908 300\"><line x1=\"104\" y1=\"40\" x2=\"104\" y2=\"240\" stroke=\"#48615A\" stroke-width=\"2\"/><line x1=\"454\" y1=\"40\" x2=\"454\" y2=\"240\" stroke=\"#F4A340\" stroke-width=\"3\" stroke-dasharray=\"8 8\"/><line x1=\"764\" y1=\"40\" x2=\"764\" y2=\"240\" stroke=\"#48615A\" stroke-width=\"2\"/></svg>\n<svg id=\"ev-battery-curve\" data-jc-clip data-jc-kind=\"shape\" data-jc-name=\"Battery charge curve and nodes\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"5\" style=\"left:86px;top:1360px;width:908px;height:300px\" viewBox=\"0 0 908 300\"><path d=\"M104 82C224 100 344 178 454 212L454 98C574 128 674 194 764 222\" fill=\"none\" stroke=\"#8CE0C5\" stroke-width=\"12\" stroke-linecap=\"round\"/><circle cx=\"104\" cy=\"82\" r=\"12\" fill=\"#8CE0C5\"/><circle cx=\"454\" cy=\"212\" r=\"12\" fill=\"#F4A340\"/><circle cx=\"454\" cy=\"98\" r=\"12\" fill=\"#F4A340\"/><circle cx=\"764\" cy=\"222\" r=\"12\" fill=\"#8CE0C5\"/></svg>\n<div id=\"ev-battery-start\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Battery start label\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"6\" style=\"left:130px;top:1612px;width:120px;height:18px;color:#FFFFFF;background:#102622;font-family:Manrope;font-size:15px;font-weight:800;line-height:1;text-align:center\">82% · 0 km</div>\n<div id=\"ev-battery-stop\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Battery stop label\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"6\" style=\"left:450px;top:1612px;width:180px;height:18px;color:#F4A340;background:#102622;font-family:Manrope;font-size:15px;font-weight:800;line-height:1;text-align:center\">24→68% · 124 km</div>\n<div id=\"ev-battery-end\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Battery arrival label\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"6\" style=\"left:790px;top:1612px;width:120px;height:18px;color:#FFFFFF;background:#102622;font-family:Manrope;font-size:15px;font-weight:800;line-height:1;text-align:center\">18% · 286 km</div>\n<div id=\"ev-cta\" data-jc-clip data-jc-kind=\"shape\" data-jc-name=\"Ready to drive action panel\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"3\" style=\"left:86px;top:1702px;width:908px;height:112px;border-radius:28px;background:#147B64\"></div>\n<div id=\"ev-cta-label\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Ready to drive label\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"4\" style=\"left:390px;top:1733px;width:300px;height:22px;color:#FFFFFF;background:#147B64;font-family:Manrope;font-size:18px;font-weight:800;line-height:1;text-align:center\">READY TO DRIVE</div>\n<div id=\"ev-cta-summary\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Driving plan summary\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"4\" style=\"left:250px;top:1764px;width:580px;height:31px;color:#FFFFFF;background:#147B64;font-family:Manrope;font-size:26px;font-weight:800;line-height:1;text-align:center\">One stop · 21 min · lowest arrival 18%</div>\n<div id=\"ev-footer\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Route data footer\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"3\" style=\"left:100px;top:1837px;width:850px;height:18px;color:#60736D;background:#FAFCF8;font-family:Manrope;font-size:14px;font-weight:700;line-height:1\">Illustrative route · 19 Sep 2026 · efficiency 18.6 kWh/100 km · charger reserve checked 06:55</div>",
  "name": "Current EV charge planner",
  "width": 1080,
  "format": "jsoncut-html",
  "height": 1920,
  "values": {},
  "version": 1,
  "duration": 1,
  "safeArea": {
    "top": 36,
    "left": 52,
    "right": 52,
    "bottom": 36
  },
  "variables": [],
  "customBlocks": [],
  "aspectVariants": [],
  "compositionKind": "image",
  "canvasBackground": "#E9EEE9",
  "editabilityTarget": "layered"
}