{"task": {"agent_timeout": 3600, "task": "gdb__template-4-s94", "verifier_timeout": 900, "instruction": "# GDB: template-4\n\n## Input Files\n\n- `/workspace/inputs/input_0.png`\n- `/workspace/inputs/input_1.png`\n\n## Task\n\nYou are a design system assistant. Given several example layouts from the same template as style context, and one skeleton layout with structural data but missing visual styles, complete the skeleton by filling in the missing style properties (fontFamily, fontSize, color, backgroundColor, opacity, textAlign) to match the template's style. Return ONLY a valid JSON layout object.\n\nStyle context (sibling layouts):\n[\n  {\n    \"components\": [\n      {\n        \"type\": \"IMAGE\",\n        \"src\": \"https://storage.googleapis.com/lica-video/background_image_94329e42-6a45-4093-a748-346f4248706e.jpeg\",\n        \"left\": \"-270.507px\",\n        \"top\": \"0.0px\",\n        \"width\": \"1621.01px\",\n        \"height\": \"1080.0px\",\n        \"transform\": \"rotate(0deg)\",\n        \"opacity\": 0.16,\n        \"overflow\": \"visible\"\n      },\n      {\n        \"type\": \"IMAGE\",\n        \"src\": \"https://storage.googleapis.com/lica-video/bf7aff6c-c880-4538-a5d9-781089fd6a3c.png\",\n        \"left\": \"-114.746px\",\n        \"top\": \"14.3101px\",\n        \"width\": \"1532.07px\",\n        \"height\": \"1051.38px\",\n        \"transform\": \"rotate(-3.9804deg)\",\n        \"opacity\": 0.06,\n        \"overflow\": \"hidden\"\n      },\n      {\n        \"type\": \"IMAGE\",\n        \"src\": \"https://storage.googleapis.com/lica-video/9c7241ad-2b75-4d93-b1d4-0ea1d16fd62a.png\",\n        \"left\": \"278.78px\",\n        \"top\": \"209.7px\",\n        \"width\": \"522.44px\",\n        \"height\": \"262.526px\",\n        \"transform\": \"none\",\n        \"opacity\": 1,\n        \"overflow\": \"hidden\"\n      },\n      {\n        \"type\": \"TEXT\",\n        \"text\": \"#LOREMIPSITE\",\n        \"left\": \"385.832761px\",\n        \"top\": \"843.24084px\",\n        \"width\": \"310.107px\",\n        \"height\": \"23.1177px\",\n        \"transform\": \"none\",\n        \"color\": \"rgb(45, 88, 137)\",\n        \"fontSize\": \"19px\",\n        \"fontFamily\": \"Roboto--700\",\n        \"fontWeight\": \"700\",\n        \"textAlign\": \"center\",\n        \"lineHeight\": \"31.0px\",\n        \"letterSpacing\": \"0.09em\",\n        \"textTransform\": \"uppercase\",\n        \"fontStyle\": \"italic\"\n      },\n      {\n        \"type\": \"TEXT\",\n        \"text\": \"Visuals matter! Capture attention with stunning images, graphics, and videos that resonate with your audience. A picture (or video) says a thousand words!\",\n        \"left\": \"242.29864px\",\n        \"top\": \"563.1136700000001px\",\n        \"width\": \"592.57px\",\n        \"height\": \"167.741px\",\n        \"transform\": \"none\",\n        \"color\": \"rgb(45, 88, 137)\",\n        \"fontSize\": \"30px\",\n        \"fontFamily\": \"Libre Baskerville--400\",\n        \"fontWeight\": \"400\",\n        \"textAlign\": \"center\",\n        \"lineHeight\": \"33.0px\",\n        \"letterSpacing\": \"-0.093em\",\n        \"textTransform\": \"none\",\n        \"fontStyle\": \"italic\"\n      }\n    ],\n    \"background\": \"rgb(252, 252, 252)\",\n    \"width\": \"1080px\",\n    \"height\": \"1080px\",\n    \"duration\": 3\n  },\n  {\n    \"components\": [\n      {\n        \"type\": \"IMAGE\",\n        \"src\": \"https://storage.googleapis.com/lica-video/background_image_ae6d04cb-925d-4625-bab9-dfc58f6f7348.jpeg\",\n        \"left\": \"-270.507px\",\n        \"top\": \"0.0px\",\n        \"width\": \"1621.01px\",\n        \"height\": \"1080.0px\",\n        \"transform\": \"rotate(0deg)\",\n        \"opacity\": 0.16,\n        \"overflow\": \"visible\"\n      },\n      {\n        \"type\": \"IMAGE\",\n        \"src\": \"https://storage.googleapis.com/lica-video/3c481d49-5e8c-481d-9b99-2182ef73a437.png\",\n        \"left\": \"-114.746px\",\n        \"top\": \"14.3101px\",\n        \"width\": \"1532.07px\",\n        \"height\": \"1051.38px\",\n        \"transform\": \"rotate(-3.9804deg)\",\n        \"opacity\": 0.06,\n        \"overflow\": \"hidden\"\n      },\n      {\n        \"type\": \"IMAGE\",\n        \"src\": \"https://storage.googleapis.com/lica-video/2be21e4e-498e-409c-93e3-3f1a9a298728.png\",\n        \"left\": \"336.19px\",\n        \"top\": \"185.668px\",\n        \"width\": \"407.621px\",\n        \"height\": \"386.73px\",\n        \"transform\": \"none\",\n        \"opacity\": 1,\n        \"overflow\": \"hidden\"\n      },\n      {\n        \"type\": \"TEXT\",\n        \"text\": \"#LOREMIPSUM\",\n        \"left\": \"385.832761px\",\n        \"top\": \"867.2728400000001px\",\n        \"width\": \"310.107px\",\n        \"height\": \"23.1177px\",\n        \"transform\": \"none\",\n        \"color\": \"rgb(45, 88, 137)\",\n        \"fontSize\": \"19px\",\n        \"fontFamily\": \"Roboto--700\",\n        \"fontWeight\": \"700\",\n        \"textAlign\": \"center\",\n        \"lineHeight\": \"31.0px\",\n        \"letterSpacing\": \"0.09em\",\n        \"textTransform\": \"uppercase\",\n        \"fontStyle\": \"italic\"\n      },\n      {\n        \"type\": \"TEXT\",\n        \"text\": \"Communicate clearly! Craft a concise and compelling message that resonates with your audience. Use strong calls to action that encourage them to take \\nthe next step.\",\n        \"left\": \"268.63468px\",\n        \"top\": \"616.85912px\",\n        \"width\": \"539.867px\",\n        \"height\": \"164.079px\",\n        \"transform\": \"none\",\n        \"color\": \"rgb(45, 88, 137)\",\n        \"fontSize\": \"29px\",\n        \"fontFamily\": \"Libre Baskerville--400\",\n        \"fontWeight\": \"400\",\n        \"textAlign\": \"center\",\n        \"lineHeight\": \"32.289256px\",\n        \"letterSpacing\": \"-0.093em\",\n        \"textTransform\": \"none\",\n        \"fontStyle\": \"italic\"\n      }\n    ],\n    \"background\": \"rgb(252, 252, 252)\",\n    \"width\": \"1080px\",\n    \"height\": \"1080px\",\n    \"duration\": 3\n  }\n]\n\nSkeleton to style:\n{\n  \"width\": \"1080px\",\n  \"height\": \"1080px\",\n  \"components\": [\n    {\n      \"type\": \"IMAGE\",\n      \"left\": \"-270.507px\",\n      \"top\": \"0.0px\",\n      \"width\": \"1621.01px\",\n      \"height\": \"1080.0px\",\n      \"transform\": \"rotate(0deg)\",\n      \"overflow\": \"visible\"\n    },\n    {\n      \"type\": \"IMAGE\",\n      \"left\": \"-114.746px\",\n      \"top\": \"14.3101px\",\n      \"width\": \"1532.07px\",\n      \"height\": \"1051.38px\",\n      \"transform\": \"rotate(-3.9804deg)\",\n      \"overflow\": \"hidden\"\n    },\n    {\n      \"type\": \"IMAGE\",\n      \"left\": \"390.207px\",\n      \"top\": \"148.939px\",\n      \"width\": \"778.897px\",\n      \"height\": \"1191.43px\",\n      \"transform\": \"rotate(-8.0442deg)\",\n      \"overflow\": \"hidden\"\n    },\n    {\n      \"type\": \"TEXT\",\n      \"text\": \"See, Hear, Speak: Master Marketing Message\",\n      \"left\": \"448.90824599999996px\",\n      \"top\": \"345.46848px\",\n      \"width\": \"211.186px\",\n      \"height\": \"240.217px\",\n      \"transform\": \"rotate(-7.6782deg)\"\n    },\n    {\n      \"type\": \"IMAGE\",\n      \"left\": \"437.974px\",\n      \"top\": \"331.207px\",\n      \"width\": \"246.1px\",\n      \"height\": \"244.869px\",\n      \"transform\": \"rotate(81.2754deg)\",\n      \"overflow\": \"hidden\"\n    },\n    {\n      \"type\": \"TEXT\",\n      \"text\": \"#LOREMIPSUM\",\n      \"left\": \"108.0px\",\n      \"top\": \"944.94084px\",\n      \"width\": \"310.107px\",\n      \"height\": \"23.1177px\",\n      \"transform\": \"none\"\n    },\n    {\n      \"type\": \"TEXT\",\n      \"text\": \"*Senses help us understand the world; effective marketing uses a multi-sensory approach.\",\n      \"left\": \"108.0px\",\n      \"top\": \"713.88002px\",\n      \"width\": \"239.465px\",\n      \"height\": \"176.544px\",\n      \"transform\": \"none\"\n    },\n    {\n      \"type\": \"TEXT\",\n      \"text\": \"Tired of unheard marketing? Craft a message that engages all your audience's senses!\",\n      \"left\": \"793.86134px\",\n      \"top\": \"176.09273px\",\n      \"width\": \"176.069px\",\n      \"height\": \"190.189px\",\n      \"transform\": \"none\"\n    }\n  ]\n}\n\nThe skeleton references these assets (URLs, use as-is):\n[\"https://storage.googleapis.com/lica-video/842fedf7-f628-4882-9a57-86cfe456d3d1.jpg\", \"https://storage.googleapis.com/lica-video/5a6141af-0c68-455e-a208-77c53829e440.png\", \"https://storage.googleapis.com/lica-video/19af947b-03e5-4f96-a50a-5c1fb142172b.png\", \"https://storage.googleapis.com/lica-video/c7363b02-d208-4c65-8bd1-ec435940d1fe.png\"]\n\n## Output\n\nWrite your answer to `/workspace/answer.json`.\nWrite ONLY the answer \u2014 no explanation, no markdown fences, no extra text.\n", "memory": "8192m", "runnable": false, "difficulty": "hard", "language": "", "cpus": 1, "instruction_truncated": false, "category": "design", "compose": false, "has_solution": true, "oracle": null, "docker_image": "", "taskset": "gdb-hub", "tags": []}, "runs": []}