{
  "id": "pawprint-care-circle",
  "css": "#jsoncut-canvas{background:#E9F0EA}#pawprint-feature{overflow:visible}",
  "fps": 1,
  "html": "<svg id=\"pawprint-feature\" data-jc-clip=\"\" data-jc-kind=\"image\" data-jc-name=\"Pawprint care circle mobile feature graphic\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"0\" style=\"left:0;top:0;width:1920px;height:1080px\" viewBox=\"0 0 1920 1080\"><defs><lineargradient id=\"bg\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop stop-color=\"#E9F0EA\" /><stop offset=\"1\" stop-color=\"#F7E4D8\" /></lineargradient><filter id=\"phone\"><fedropshadow dx=\"0\" dy=\"28\" stdDeviation=\"28\" flood-color=\"#172B28\" flood-opacity=\".24\" /></filter></defs>\n<rect width=\"1920\" height=\"1080\" fill=\"url(#bg)\" />\n<circle cx=\"1680\" cy=\"110\" r=\"270\" fill=\"#FFB78F\" opacity=\".45\" /><circle cx=\"120\" cy=\"940\" r=\"240\" fill=\"#A8D7C4\" opacity=\".55\" />\n\n\n<!-- large device -->\n<g filter=\"url(#phone)\"><rect x=\"240\" y=\"278\" width=\"580\" height=\"720\" rx=\"74\" fill=\"#172B28\" /><rect x=\"260\" y=\"300\" width=\"540\" height=\"676\" rx=\"58\" fill=\"#FAFCF9\" /></g>\n<!-- status toolbar fully visible -->\n<rect x=\"491\" y=\"316\" width=\"76\" height=\"22\" rx=\"11\" fill=\"#172B28\" /><path d=\"M716 326h20M742 326h14\" stroke=\"#172B28\" stroke-width=\"4\" stroke-linecap=\"round\" /><rect x=\"766\" y=\"317\" width=\"20\" height=\"16\" rx=\"4\" fill=\"none\" stroke=\"#172B28\" stroke-width=\"3\" /><rect x=\"786\" y=\"322\" width=\"4\" height=\"6\" rx=\"2\" fill=\"#172B28\" />\n<!-- original dog portrait -->\n<circle cx=\"530\" cy=\"458\" r=\"86\" fill=\"#FFD7B0\" /><path d=\"M456 425q-40-60-72 16 24 12 67 34M604 425q40-60 72 16-24 12-67 34\" fill=\"#875139\" /><ellipse cx=\"530\" cy=\"470\" rx=\"64\" ry=\"58\" fill=\"#B9754E\" /><circle cx=\"506\" cy=\"456\" r=\"8\" fill=\"#172B28\" /><circle cx=\"554\" cy=\"456\" r=\"8\" fill=\"#172B28\" /><ellipse cx=\"530\" cy=\"480\" rx=\"15\" ry=\"11\" fill=\"#172B28\" /><path d=\"M530 492q-20 20-38 2M530 492q20 20 38 2\" fill=\"none\" stroke=\"#172B28\" stroke-width=\"5\" stroke-linecap=\"round\" />\n\n<!-- app states with exact studio lucide icons -->\n<rect x=\"298\" y=\"640\" width=\"464\" height=\"90\" rx=\"22\" fill=\"#E8F4EF\" />\n<svg x=\"324\" y=\"664\" width=\"42\" height=\"42\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#23745F\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m10.5 20.5 10-10a4.95 4.95 0 1 0-7-7l-10 10a4.95 4.95 0 1 0 7 7Z\" /><path d=\"m8.5 8.5 7 7\" /></svg>\n\n<rect x=\"298\" y=\"748\" width=\"464\" height=\"90\" rx=\"22\" fill=\"#FFF1E9\" />\n<svg x=\"324\" y=\"772\" width=\"42\" height=\"42\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#D96549\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 16v-2.38C4 11.5 2.97 10.5 3 8c.03-2.72 1.49-6 4.5-6C9.37 2 10 3.8 10 5.5c0 3.11-2 5.66-2 8.68V16a2 2 0 1 1-4 0Z\" /><path d=\"M20 20v-2.38c0-2.12 1.03-3.12 1-5.62-.03-2.72-1.49-6-4.5-6C14.63 6 14 7.8 14 9.5c0 3.11 2 5.66 2 8.68V20a2 2 0 1 0 4 0Z\" /><path d=\"M16 17h4\" /><path d=\"M4 13h4\" /></svg>\n\n<rect x=\"298\" y=\"856\" width=\"464\" height=\"74\" rx=\"22\" fill=\"#172B28\" />\n<svg x=\"324\" y=\"872\" width=\"42\" height=\"42\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 21a8 8 0 0 0-16 0\" /><circle cx=\"10\" cy=\"8\" r=\"5\" /><path d=\"M22 20c0-3.37-2-6.5-4-8a5 5 0 0 0-.45-8.3\" /></svg>\n\n<!-- explanatory right -->\n\n<line x1=\"1020\" y1=\"404\" x2=\"1020\" y2=\"830\" stroke=\"#B2C9C1\" stroke-width=\"6\" />\n<g font-family=\"Manrope\"><circle cx=\"1020\" cy=\"450\" r=\"30\" fill=\"#23745F\" />\n<circle cx=\"1020\" cy=\"600\" r=\"30\" fill=\"#D96549\" />\n<circle cx=\"1020\" cy=\"750\" r=\"30\" fill=\"#172B28\" /></g>\n<!-- avatars -->\n<g><circle cx=\"1076\" cy=\"880\" r=\"38\" fill=\"#23745F\" /><circle cx=\"1146\" cy=\"880\" r=\"38\" fill=\"#D96549\" /><circle cx=\"1216\" cy=\"880\" r=\"38\" fill=\"#F3B64C\" /></g>\n\n<rect x=\"980\" y=\"956\" width=\"820\" height=\"4\" fill=\"#172B28\" /></svg><div id=\"paw-brand\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"1\" data-jc-name=\"Pawprint care circle brand\" style=\"left:80px;top:58px;width:700px;height:36px;color:#23745F;background:transparent;font-family:Manrope;font-size:22px;font-weight:800;line-height:1;text-align:left;display:grid;align-content:center;letter-spacing:5px\">PAWPRINT / CARE CIRCLE</div><div id=\"paw-headline\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"1\" data-jc-name=\"Care circle headline\" style=\"left:80px;top:102px;width:760px;height:74px;color:#172B28;background:transparent;font-family:Manrope;font-size:58px;font-weight:800;line-height:1;text-align:left;display:grid;align-content:center\">One dog. Three people.</div><div id=\"paw-subheadline\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"1\" data-jc-name=\"Care hand-off promise\" style=\"left:80px;top:174px;width:700px;height:60px;color:#526E67;background:transparent;font-family:Newsreader;font-size:46px;font-weight:600;line-height:1;text-align:left;display:grid;align-content:center\">No missed hand-offs.</div><div id=\"paw-status-time\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"1\" data-jc-name=\"Mobile status time\" style=\"left:296px;top:316px;width:100px;height:28px;color:#172B28;background:#FAFCF9;font-family:Manrope;font-size:15px;font-weight:800;line-height:1;text-align:left;display:grid;align-content:center\">09:41</div><div id=\"paw-dog-today\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"1\" data-jc-name=\"Dog daily status heading\" style=\"left:350px;top:532px;width:360px;height:48px;color:#172B28;background:#FAFCF9;font-family:Manrope;font-size:30px;font-weight:800;line-height:1;text-align:center;display:grid;align-content:center\">Milo’s today</div><div id=\"paw-shared-with\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"1\" data-jc-name=\"Care circle member summary\" style=\"left:330px;top:574px;width:600px;height:57px;color:#698079;background:#FAFCF9;font-family:Manrope;font-size:24px;font-weight:700;line-height:1;text-align:center;display:grid;align-content:center;transform:scale(.667);transform-origin:left top\">shared with Alex, Noor + Sam</div><div id=\"paw-med-label\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"1\" data-jc-name=\"Medication state label\" style=\"left:388px;top:650px;width:330px;height:28px;color:#23745F;background:#E8F4EF;font-family:Manrope;font-size:15px;font-weight:800;line-height:1;text-align:left;display:grid;align-content:center\">MEDICATION</div><div id=\"paw-med-state\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"1\" data-jc-name=\"Medication completion state\" style=\"left:388px;top:676px;width:350px;height:38px;color:#172B28;background:#E8F4EF;font-family:Manrope;font-size:22px;font-weight:800;line-height:1;text-align:left;display:grid;align-content:center\">08:15 · completed by Noor</div><div id=\"paw-walk-label\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"1\" data-jc-name=\"Walk state label\" style=\"left:388px;top:758px;width:528px;height:45px;color:#D96549;background:#FFF1E9;font-family:Manrope;font-size:24px;font-weight:800;line-height:1;text-align:left;display:grid;align-content:center;transform:scale(.625);transform-origin:left top\">WALK</div><div id=\"paw-walk-state\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"1\" data-jc-name=\"Walk hand-off state\" style=\"left:388px;top:784px;width:350px;height:38px;color:#172B28;background:#FFF1E9;font-family:Manrope;font-size:22px;font-weight:800;line-height:1;text-align:left;display:grid;align-content:center\">12:30 · Alex is on the way</div><div id=\"paw-synced\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"1\" data-jc-name=\"Care circle sync status\" style=\"left:388px;top:872px;width:330px;height:44px;color:#FFFFFF;background:#172B28;font-family:Manrope;font-size:20px;font-weight:800;line-height:1;text-align:left;display:grid;align-content:center\">Care circle synced</div><div id=\"paw-states-kicker\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"1\" data-jc-name=\"Verified states kicker\" style=\"left:980px;top:316px;width:667px;height:53px;color:#D96549;background:transparent;font-family:Manrope;font-size:24px;font-weight:800;line-height:1;text-align:left;display:grid;align-content:center;letter-spacing:4px;transform:scale(.75);transform-origin:left top\">THREE VERIFIED STATES</div><div id=\"paw-state-one\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"1\" data-jc-name=\"Medication logged heading\" style=\"left:1075px;top:402px;width:500px;height:42px;color:#172B28;background:transparent;font-family:Manrope;font-size:27px;font-weight:800;line-height:1;text-align:left;display:grid;align-content:center\">Medication logged</div><div id=\"paw-state-one-detail\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"1\" data-jc-name=\"Medication state explanation\" style=\"left:1075px;top:448px;width:620px;height:34px;color:#526E67;background:transparent;font-family:Manrope;font-size:18px;font-weight:600;line-height:1;text-align:left;display:grid;align-content:center\">one completion, visible to every carer</div><div id=\"paw-state-two\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"1\" data-jc-name=\"Walk handed off heading\" style=\"left:1075px;top:552px;width:500px;height:42px;color:#172B28;background:transparent;font-family:Manrope;font-size:27px;font-weight:800;line-height:1;text-align:left;display:grid;align-content:center\">Walk handed off</div><div id=\"paw-state-two-detail\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"1\" data-jc-name=\"Walk hand-off explanation\" style=\"left:1075px;top:598px;width:620px;height:34px;color:#526E67;background:transparent;font-family:Manrope;font-size:18px;font-weight:600;line-height:1;text-align:left;display:grid;align-content:center\">owner and ETA remain attached</div><div id=\"paw-state-three\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"1\" data-jc-name=\"Current circle heading\" style=\"left:1075px;top:702px;width:500px;height:42px;color:#172B28;background:transparent;font-family:Manrope;font-size:27px;font-weight:800;line-height:1;text-align:left;display:grid;align-content:center\">Circle stays current</div><div id=\"paw-state-three-detail\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"1\" data-jc-name=\"Current circle explanation\" style=\"left:1075px;top:748px;width:620px;height:34px;color:#526E67;background:transparent;font-family:Manrope;font-size:18px;font-weight:600;line-height:1;text-align:left;display:grid;align-content:center\">status changes replace guesswork</div><div id=\"paw-avatar-a\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"1\" data-jc-name=\"Alex avatar initial\" style=\"left:1038px;top:842px;width:76px;height:76px;color:#FFFFFF;background:radial-gradient(circle,#23745F 50%,transparent 51%);font-family:Manrope;font-size:28px;font-weight:800;line-height:1;text-align:center;display:grid;align-content:center\">A</div><div id=\"paw-avatar-n\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"1\" data-jc-name=\"Noor avatar initial\" style=\"left:1108px;top:842px;width:76px;height:76px;color:#FFFFFF;background:radial-gradient(circle,#D96549 50%,transparent 51%);font-family:Manrope;font-size:28px;font-weight:800;line-height:1;text-align:center;display:grid;align-content:center\">N</div><div id=\"paw-avatar-s\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"1\" data-jc-name=\"Sam avatar initial\" style=\"left:1178px;top:842px;width:76px;height:76px;color:#172B28;background:radial-gradient(circle,#F3B64C 50%,transparent 51%);font-family:Manrope;font-size:28px;font-weight:800;line-height:1;text-align:center;display:grid;align-content:center\">S</div><div id=\"paw-care-team\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"1\" data-jc-name=\"Care team names\" style=\"left:1280px;top:844px;width:440px;height:40px;color:#172B28;background:transparent;font-family:Manrope;font-size:18px;font-weight:800;line-height:1;text-align:left;display:grid;align-content:center\">Alex · Noor · Sam</div><div id=\"paw-care-source\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"1\" data-jc-name=\"Shared care source statement\" style=\"left:1280px;top:882px;width:480px;height:34px;color:#526E67;background:transparent;font-family:Manrope;font-size:16px;font-weight:600;line-height:1;text-align:left;display:grid;align-content:center\">shared care, one source of truth</div><div id=\"paw-closing\" data-jc-clip=\"\" data-jc-kind=\"text\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"1\" data-jc-name=\"Care circle closing statement\" style=\"left:980px;top:968px;width:820px;height:54px;color:#172B28;background:transparent;font-family:Newsreader;font-size:32px;font-weight:700;line-height:1;text-align:left;display:grid;align-content:center\">The next person always knows what happened.</div>",
  "name": "Pawprint care circle",
  "width": 1920,
  "format": "jsoncut-html",
  "height": 1080,
  "values": {},
  "version": 1,
  "duration": 1,
  "safeArea": {
    "top": 36,
    "left": 36,
    "right": 36,
    "bottom": 36
  },
  "variables": [],
  "customBlocks": [],
  "aspectVariants": [],
  "compositionKind": "image",
  "canvasBackground": "#E9F0EA",
  "editabilityTarget": "layered"
}