contralabs/HumanCreativityBenchmark
The Human Creativity Benchmark (HCB) Expert evaluations of AI-generated creative work, built to separate two signals that single-score benchmarks collapse: convergence, where professionals align around shared, checkable standards, and divergence, where creative taste legitimately differs. Each AI output is judged by domain professionals through three complementary lenses — forced-choice pairwise comparisons, 1-5 scalar ratings on prompt adherence, usability, and visual appeal… See the full description on the dataset page: https://huggingface.co/datasets/contralabs/HumanCreativityBenchmark.
2209
1content_id,prompt_id,domain,stage,model_id,model_output2f36f74ed-0730-59f5-bbcd-0c556a730ef7,ad_image_idea_01,Ad Images,Ideation,flux-2-pro,https://media.contra.com/image/upload/f8vlveyagdpwb3eb8xwb317594621-41f2-5d1f-a167-71c73f684a39,ad_image_idea_01,Ad Images,Ideation,gemini-3-pro-image-preview,https://media.contra.com/image/upload/o0cv4fnlds0a4gnipjbx49b08d1d5-7f4e-5f28-bc50-b22d5d3851eb,ad_image_idea_01,Ad Images,Ideation,gpt-image-1.5,https://media.contra.com/image/upload/ounmgclemubxz3cn2egg5e2ae683b-4f27-5bb7-9d40-b3b9adaea787,ad_image_idea_01,Ad Images,Ideation,seedream-4.5,https://media.contra.com/image/upload/nolzkbvkq0keet8pn6tk6bf0a8873-3431-52c4-9c11-8728ee4d395a,ad_image_idea_02,Ad Images,Ideation,flux-2-pro,https://media.contra.com/image/upload/t3ioitj561e070esyb5a736001bfe-02ed-5b0e-a255-5223b9700468,ad_image_idea_02,Ad Images,Ideation,gemini-3-pro-image-preview,https://media.contra.com/image/upload/f8s5l4uqkfeaucnuw6mh8a525be0d-b57d-5df3-9464-4650e10df2fe,ad_image_idea_02,Ad Images,Ideation,gpt-image-1.5,https://media.contra.com/image/upload/salq3wfs3o0mlie7tbwp9641be9b3-9846-5492-8c2b-8b1f8f0810ec,ad_image_idea_02,Ad Images,Ideation,seedream-4.5,https://media.contra.com/image/upload/q4hjhurmsqg0ydxkthmd10aafa5dfa-862e-5200-9e4b-7bc898e275d5,ad_image_idea_03,Ad Images,Ideation,flux-2-pro,https://media.contra.com/image/upload/wzzebq4oapyu7pvne12x115b1d0a3b-a9c0-5f76-931e-ab6f6b427996,ad_image_idea_03,Ad Images,Ideation,gemini-3-pro-image-preview,https://media.contra.com/image/upload/fdm932tht2fdg2rwholl1269e5ad3d-ce38-5250-bd90-88d019e459c3,ad_image_idea_03,Ad Images,Ideation,gpt-image-1.5,https://media.contra.com/image/upload/yj6rkm8jpzxseirk5swn13f363ec7a-77e8-5cd8-8166-1c23e88e8eca,ad_image_idea_03,Ad Images,Ideation,seedream-4.5,https://media.contra.com/image/upload/fxuvlvxlstygh0giciq2147e4d0106-3111-577a-9f8c-dbb466d33153,ad_image_idea_04,Ad Images,Ideation,flux-2-pro,https://media.contra.com/image/upload/sptfiypembvgm88qchrg154ffa881e-f164-50b2-b38e-b38194cd6b3d,ad_image_idea_04,Ad Images,Ideation,gemini-3-pro-image-preview,https://media.contra.com/image/upload/ylqlkbfr0kkbjqly4xak1653e4f303-b96f-5733-ae49-457f53d5d648,ad_image_idea_04,Ad Images,Ideation,gpt-image-1.5,https://media.contra.com/image/upload/tfwipizp0ec2ts7c6xj317571f1a11-bea3-5fed-a536-47c053c6d822,ad_image_idea_04,Ad Images,Ideation,seedream-4.5,https://media.contra.com/image/upload/r9rjchqitjk1eze8lcmw186548d3ef-dd6e-594f-8f52-82a4974f9527,ad_image_idea_05,Ad Images,Ideation,flux-2-pro,https://media.contra.com/image/upload/wfzmlvzip8ucv53cgfgx1920a982bb-5260-5f39-a178-39a87fe1a95a,ad_image_idea_05,Ad Images,Ideation,gemini-3-pro-image-preview,https://media.contra.com/image/upload/tntaff0vfnypgtsnlpee207385a368-b7e1-5a4a-ab91-d7cb3425c42b,ad_image_idea_05,Ad Images,Ideation,gpt-image-1.5,https://media.contra.com/image/upload/g7aft6hiafjesaqhm5fh214862e3d2-492c-5ab3-8297-bc3c9e24e4d7,ad_image_idea_05,Ad Images,Ideation,seedream-4.5,https://media.contra.com/image/upload/o79bbxyou2yi3cvkowxs22b3d7df1d-20f4-5d1e-9063-5a14814997d0,ad_image_idea_06,Ad Images,Ideation,flux-2-pro,https://media.contra.com/image/upload/r9ahk23fpwkxvivlgung2310f0496a-2493-561b-86fb-f2ae53539092,ad_image_idea_06,Ad Images,Ideation,gemini-3-pro-image-preview,https://media.contra.com/image/upload/wcncqvrqfa3vpbyieo3i244eaa412b-142a-5235-830f-904981684d59,ad_image_idea_06,Ad Images,Ideation,gpt-image-1.5,https://media.contra.com/image/upload/v366kvtxqznh4nokeqa525575edddc-8315-5304-88f8-97e4a9f436db,ad_image_idea_06,Ad Images,Ideation,seedream-4.5,https://media.contra.com/image/upload/zc0d2xlggepibplki1po2667080aee-838f-51e3-aa04-79de09c69566,ad_image_idea_07,Ad Images,Ideation,flux-2-pro,https://media.contra.com/image/upload/j6m6facusvf5qun4n3nu2727783a76-90b9-5222-9de3-6a720e8d3819,ad_image_idea_07,Ad Images,Ideation,gemini-3-pro-image-preview,https://media.contra.com/image/upload/x02hbojfaz0oox0pzlpy2881449de7-17a7-517e-9560-78773845497d,ad_image_idea_07,Ad Images,Ideation,gpt-image-1.5,https://media.contra.com/image/upload/rwzwcwjh8wpv3vwck2pi29de064a60-f6fa-5872-9250-c429df899ec5,ad_image_idea_07,Ad Images,Ideation,seedream-4.5,https://media.contra.com/image/upload/vatllshemghmcqelelk030c72fb556-f0c2-5904-a53b-f6d77f133f7a,ad_image_mockup_01,Ad Images,Mockup,flux-2-pro,https://media.contra.com/image/upload/smypkm2spstylqmklqay315cd798dd-01bf-5527-9a8b-405f20fd488b,ad_image_mockup_01,Ad Images,Mockup,gemini-3-pro-image-preview,https://media.contra.com/image/upload/f4ttnm3ge4nhdzaycqge32cf998d47-9162-5e3d-b292-eb04d846e554,ad_image_mockup_01,Ad Images,Mockup,gpt-image-1.5,https://media.contra.com/image/upload/jxklyhqmrvjv3arne8r133ae61c3cc-029c-52e8-bfee-2da6c06e64ee,ad_image_mockup_01,Ad Images,Mockup,seedream-4.5,https://media.contra.com/image/upload/xfott1nqurbvwthncjxl34ac50e238-c761-5b89-a99c-71218d6732a6,ad_image_mockup_02,Ad Images,Mockup,flux-2-pro,https://media.contra.com/image/upload/ir5jtrz9njkz2jhes0kv35a61b2705-d522-5a67-ac0c-d86d80822159,ad_image_mockup_02,Ad Images,Mockup,gemini-3-pro-image-preview,https://media.contra.com/image/upload/zukdfqnrl6p4umje14as3657144bad-bbed-5b9f-935c-e47329762d77,ad_image_mockup_02,Ad Images,Mockup,gpt-image-1.5,https://media.contra.com/image/upload/oczxnck3e4funqxyhejx37b6867ae0-8b21-5ed3-b948-8a80d174aa16,ad_image_mockup_02,Ad Images,Mockup,seedream-4.5,https://media.contra.com/image/upload/ny1imkvbhkzatmndht4k3885a0b62a-f899-51a1-a91c-8f5093c5f695,ad_image_mockup_03,Ad Images,Mockup,flux-2-pro,https://media.contra.com/image/upload/pecxmtg2tnfg6zgmxdth3962df2268-4f2e-5708-809b-5e342c5db543,ad_image_mockup_03,Ad Images,Mockup,gemini-3-pro-image-preview,https://media.contra.com/image/upload/tvjwdj6hdbqq1sbwmwau406acd2bc8-7872-5b42-b513-ee49c26d2a37,ad_image_mockup_03,Ad Images,Mockup,gpt-image-1.5,https://media.contra.com/image/upload/ekaizlwpcxswwxacrjow4160f98295-1cd2-5324-87be-08efac0ade15,ad_image_mockup_03,Ad Images,Mockup,seedream-4.5,https://media.contra.com/image/upload/gsts6svv4re8sfyfrzmk42ca867fb8-df98-5158-a099-496359420e47,ad_image_mockup_04,Ad Images,Mockup,flux-2-pro,https://media.contra.com/image/upload/y75uf3ramn1jyfcajaif4335ba4c9c-e4b2-5d35-942a-19809b29d432,ad_image_mockup_04,Ad Images,Mockup,gemini-3-pro-image-preview,https://media.contra.com/image/upload/rknen7m4qodcnmr2p0op44915d90da-8c94-591c-b4c6-968f06789782,ad_image_mockup_04,Ad Images,Mockup,gpt-image-1.5,https://media.contra.com/image/upload/le4oznwv0sfs2tpartsf45b862b08f-92c0-5f0a-a467-7dce9738ad39,ad_image_mockup_04,Ad Images,Mockup,seedream-4.5,https://media.contra.com/image/upload/ur7juo9n6yimettwupog46090a8443-bc91-5f6b-aff8-dd0224700f5a,ad_image_mockup_05,Ad Images,Mockup,flux-2-pro,https://media.contra.com/image/upload/q64nruahwqbqdxnl1ob747bb429b81-0c71-5448-83de-3cdda9fb8b14,ad_image_mockup_05,Ad Images,Mockup,gemini-3-pro-image-preview,https://media.contra.com/image/upload/rb4qozskzt9nqiv9i8kr48efc40f5e-c21e-513f-9e2d-721a5645ddf2,ad_image_mockup_05,Ad Images,Mockup,gpt-image-1.5,https://media.contra.com/image/upload/vmr6tffr0tefbpf90mwc497cd76567-7d5e-5884-a479-1f5ce658ff94,ad_image_mockup_05,Ad Images,Mockup,seedream-4.5,https://media.contra.com/image/upload/h2nzou7ypx1jmdgpjii350fc145868-8136-56bb-be21-80c89b52b6d7,ad_image_mockup_06,Ad Images,Mockup,flux-2-pro,https://media.contra.com/image/upload/uhvrwdbixdzl9uogv7po5154578fe6-9633-5dc9-acf9-38cc2194f199,ad_image_mockup_06,Ad Images,Mockup,gemini-3-pro-image-preview,https://media.contra.com/image/upload/orvtragmfdosqww8yvab5222a24d75-e222-5a97-8a00-c0a049e916b5,ad_image_mockup_06,Ad Images,Mockup,gpt-image-1.5,https://media.contra.com/image/upload/wjwdkq7hwd13fxgs5fs2531941b77c-038f-5a5c-9951-16ce21a69278,ad_image_mockup_06,Ad Images,Mockup,seedream-4.5,https://media.contra.com/image/upload/sogkr4jiejkvoyholaa55468afa0bf-e49e-5486-91bc-2ab6c5588dd9,ad_image_mockup_07,Ad Images,Mockup,flux-2-pro,https://media.contra.com/image/upload/kpcb9qlnufkqum53ondv55256b705f-7d03-516f-bcb0-a868cdfb1fa2,ad_image_mockup_07,Ad Images,Mockup,gemini-3-pro-image-preview,https://media.contra.com/image/upload/egtx15kpqttls535wnuh56cc9f5696-40ef-50f0-a71d-3c9757b7a6c3,ad_image_mockup_07,Ad Images,Mockup,gpt-image-1.5,https://media.contra.com/image/upload/rdeffuob7s3yqo5nseae57e0c8ff5d-a579-54a0-91f9-8aff14d063e0,ad_image_mockup_07,Ad Images,Mockup,seedream-4.5,https://media.contra.com/image/upload/ccl38u3e6cg7fne2vuxj58d2bb958c-83f7-51e3-984e-a524544953ae,ad_image_refinement_01,Ad Images,Refinement,flux-2-pro,https://media.contra.com/image/upload/jtbu592j8o41kfk8d2ac594d9fb75f-55e9-524f-9f28-a00a1bcbdfd0,ad_image_refinement_01,Ad Images,Refinement,gemini-3-pro-image-preview,https://media.contra.com/image/upload/h81nlimgrtsj0dilmodt60278de150-8639-5ebd-8938-7797ab42acae,ad_image_refinement_01,Ad Images,Refinement,gpt-image-1.5,https://media.contra.com/image/upload/pesdyzsenr2s2nxzq1r461df5ff125-8bda-5e29-a14b-b5192843cade,ad_image_refinement_01,Ad Images,Refinement,seedream-4.5,https://media.contra.com/image/upload/byjdq9d0ivrwzx3r2hfe62cc12c461-127d-58fb-b0d2-4e3baa700732,ad_image_refinement_02,Ad Images,Refinement,flux-2-pro,https://media.contra.com/image/upload/lyswwssnflepgow7tokg63547dae2e-9c84-5aea-bf1c-06171036c05b,ad_image_refinement_02,Ad Images,Refinement,gemini-3-pro-image-preview,https://media.contra.com/image/upload/hzkczxbjtzifrk8rxwks64252a298c-b743-5d73-8516-6e1d92be546c,ad_image_refinement_02,Ad Images,Refinement,gpt-image-1.5,https://media.contra.com/image/upload/yhbazemfroyebhhltb5x65353a38ce-b866-5577-beda-5b16a8406bec,ad_image_refinement_02,Ad Images,Refinement,seedream-4.5,https://media.contra.com/image/upload/vhsu2ed8vgncpstaqnfr66b94b04ae-d432-5f5a-9bba-eeb24f7d5908,ad_image_refinement_03,Ad Images,Refinement,flux-2-pro,https://media.contra.com/image/upload/lvo9ewijot4tgxe7q0my679add92e6-4d44-5d4e-a134-b0f951baaa5a,ad_image_refinement_03,Ad Images,Refinement,gemini-3-pro-image-preview,https://media.contra.com/image/upload/tjjjv8dhvchnfzsv1vji689c3829f8-92e9-5619-b375-ad50e93ebd74,ad_image_refinement_03,Ad Images,Refinement,gpt-image-1.5,https://media.contra.com/image/upload/b73n6qmtyu8zdkeus2ft69e58cbf63-a2db-5db1-aede-5a22d219b54a,ad_image_refinement_03,Ad Images,Refinement,seedream-4.5,https://media.contra.com/image/upload/lymx7fhbj9juqovgljhu70057449fd-aa1f-5af9-bc0d-f0dcc377ce3f,ad_image_refinement_04,Ad Images,Refinement,flux-2-pro,https://media.contra.com/image/upload/cref5vn41hjft5yw4tjy714aa46b88-6d00-50cd-9d5d-dcffe5fcfa34,ad_image_refinement_04,Ad Images,Refinement,gemini-3-pro-image-preview,https://media.contra.com/image/upload/sozhequ3zme9iosyqtre72054997c7-a414-517f-9530-26b05c5f6a40,ad_image_refinement_04,Ad Images,Refinement,gpt-image-1.5,https://media.contra.com/image/upload/ayhqfssptibmv36qhcqb732555ac7e-e17f-55b0-86d3-15a18464a155,ad_image_refinement_04,Ad Images,Refinement,seedream-4.5,https://media.contra.com/image/upload/ty4gb846eovjhlpleo2r74dfdec98c-5588-5941-a5b6-a6b486db89d3,ad_image_refinement_05,Ad Images,Refinement,flux-2-pro,https://media.contra.com/image/upload/qjrnlq1ftt01fea5o5tl75a5d4f4d8-778c-5aa3-a28b-d17f2df86a77,ad_image_refinement_05,Ad Images,Refinement,gemini-3-pro-image-preview,https://media.contra.com/image/upload/adzs4kufjzc83oyihafk76fdb81597-ea73-5502-8211-9ca1b5af7b65,ad_image_refinement_05,Ad Images,Refinement,gpt-image-1.5,https://media.contra.com/image/upload/almt2zhmohcfmcx93krb77ed86d720-c243-52cb-aa3b-83d805f87f38,ad_image_refinement_05,Ad Images,Refinement,seedream-4.5,https://media.contra.com/image/upload/fzmrxwbmop8qbft57bwv78e6b7c21b-74e5-5f9d-9d0f-69141b6f7c35,ad_image_refinement_06,Ad Images,Refinement,flux-2-pro,https://media.contra.com/image/upload/t6pv87vjemfosby9l7mk797f0e5124-b998-570d-a4a9-f8676e28e6ff,ad_image_refinement_06,Ad Images,Refinement,gemini-3-pro-image-preview,https://media.contra.com/image/upload/rojvqndyrfcvekmgmosl80e83dbc3d-479d-576d-b45b-771e2b08ad44,ad_image_refinement_06,Ad Images,Refinement,gpt-image-1.5,https://media.contra.com/image/upload/qixvxg7ivu7leo7suegv81a810bdb6-3f6e-516c-925f-c7808c8bede2,ad_image_refinement_06,Ad Images,Refinement,seedream-4.5,https://media.contra.com/image/upload/cyscxqalqstaxcnlb6p2820bc6fe7a-d09f-5f70-a927-977ebc348b85,ad_video_idea_01,Ad Video,Ideation,grok-imagine-video,https://media.contra.com/video/upload/q4fu7crfwtgbuzcnqtqu836143a7dc-4b5f-5559-8f93-6caeddfd4033,ad_video_idea_01,Ad Video,Ideation,kling-v3.0-pro,https://media.contra.com/video/upload/upqowoibin7kcrcdwnfj84bc695f50-c683-5604-8188-82c04c2b6cd9,ad_video_idea_01,Ad Video,Ideation,seedance-v1.5-pro,https://media.contra.com/video/upload/kki4np6latuzplbihe6285d41623fb-f8d4-5227-b9c9-795a69599289,ad_video_idea_01,Ad Video,Ideation,veo3.1,https://media.contra.com/video/upload/b5hp26v1rwiu9fqtrzix8610c905b5-552c-5bae-95c3-18866f708820,ad_video_idea_02,Ad Video,Ideation,grok-imagine-video,https://media.contra.com/video/upload/frrtnguctksgozgrscrl8764ca0cdd-1383-5f02-b077-5297ec289250,ad_video_idea_02,Ad Video,Ideation,kling-v3.0-pro,https://media.contra.com/video/upload/gcbtdug24hkr7tiirumn883ee79e26-02cf-52f2-9261-f749efc2c2fe,ad_video_idea_02,Ad Video,Ideation,seedance-v1.5-pro,https://media.contra.com/video/upload/b4ij5selivbvuewxg3zy89b7c16911-e3c8-5073-99bf-251d91dc1c7f,ad_video_idea_02,Ad Video,Ideation,veo3.1,https://media.contra.com/video/upload/gozwkwci26bd7iain3du9046cdc5fe-d71d-5edf-b8ec-b535297e385e,ad_video_idea_03,Ad Video,Ideation,grok-imagine-video,https://media.contra.com/video/upload/ynbulpaveoqpea50ybvv9116aeebd7-10c0-5631-8449-2b0bfb819c2a,ad_video_idea_03,Ad Video,Ideation,kling-v3.0-pro,https://media.contra.com/video/upload/pcrclqhjfii9er7sbasf92f471b765-bbe9-5070-94fb-57946a533d74,ad_video_idea_03,Ad Video,Ideation,seedance-v1.5-pro,https://media.contra.com/video/upload/aqcntubvnbfuwn2ucanu935ddfb969-ffd1-5b9c-bb9b-62de778ac7cd,ad_video_idea_03,Ad Video,Ideation,veo3.1,https://media.contra.com/video/upload/hjiif2bw73ua4exwnxxc94a5a9ed96-1dcd-5107-bc78-6a5fc046b744,ad_video_idea_04,Ad Video,Ideation,grok-imagine-video,https://media.contra.com/video/upload/kinzjyw7ccrr7xilemqx95debf6c1e-480e-50f7-a202-75f965278f80,ad_video_idea_04,Ad Video,Ideation,kling-v3.0-pro,https://media.contra.com/video/upload/wsgryorw47ny7lrhnbid968684393a-97a3-551b-aa50-284a4b82e2f6,ad_video_idea_04,Ad Video,Ideation,seedance-v1.5-pro,https://media.contra.com/video/upload/xfuwl6m3om6ljwrcr7p997a6c25e63-626b-59a6-8e5a-dbab95e0f8fc,ad_video_idea_04,Ad Video,Ideation,veo3.1,https://media.contra.com/video/upload/ereno1lvv2scjdwcohpt984509b100-de04-5ccd-b184-5bbc8057d028,ad_video_idea_05,Ad Video,Ideation,grok-imagine-video,https://media.contra.com/video/upload/isgzwzgksk6kckwdyknr99c0d27386-11af-5641-8d4f-173b9e0c37fb,ad_video_idea_05,Ad Video,Ideation,kling-v3.0-pro,https://media.contra.com/video/upload/neev2brd3c30wxn8k22910089796c03-a677-5cce-8a49-2db2d8c0b98e,ad_video_idea_05,Ad Video,Ideation,seedance-v1.5-pro,https://media.contra.com/video/upload/oo4rwecvvg1bnducw0t8101267cead1-1481-532a-8e42-27736d729a23,ad_video_idea_05,Ad Video,Ideation,veo3.1,https://media.contra.com/video/upload/jfcvnws3al92xfxvahpd10218dd094a-8080-535e-b5ab-d7d16f18c020,ad_video_idea_06,Ad Video,Ideation,grok-imagine-video,https://media.contra.com/video/upload/mgjczprlf3xnxu8r68lx1031c4a2b91-4e7f-518d-9b96-73bed8513f39,ad_video_idea_06,Ad Video,Ideation,kling-v3.0-pro,https://media.contra.com/video/upload/ykmpfkvzlqoa9jczkydu104f7dd6bc4-d9d3-5cb6-8085-c577a34aff8f,ad_video_idea_06,Ad Video,Ideation,seedance-v1.5-pro,https://media.contra.com/video/upload/unswdknab5js34ohylo9105d00e5c7d-110f-579f-9fc0-2e1e954c1dfc,ad_video_idea_06,Ad Video,Ideation,veo3.1,https://media.contra.com/video/upload/wsblytk7kuwz2guykup610668958075-0e01-5704-ac09-0b3d48731e46,ad_video_mockup_01,Ad Video,Mockup,grok-imagine-video,https://media.contra.com/video/upload/ebokx64l7ybc6ns5cfr2107e413b5a6-aaf0-5e55-b98e-de4a4dd2b69b,ad_video_mockup_01,Ad Video,Mockup,kling-v3.0-pro,https://media.contra.com/video/upload/expev1tmqsaa14kbmnd21080ff09eb6-16c1-5002-a7e0-b0b0d7b95b67,ad_video_mockup_01,Ad Video,Mockup,seedance-v1.5-pro,https://media.contra.com/video/upload/hq1awnyx96ppzgijgi7l109eb89ba28-b886-570a-8d65-e3e799a44359,ad_video_mockup_01,Ad Video,Mockup,veo3.1,https://media.contra.com/video/upload/mtany2omrcytzjvs58dj110e710e93c-c189-5cb9-b78a-c9c9a6afd53c,ad_video_mockup_02,Ad Video,Mockup,grok-imagine-video,https://media.contra.com/video/upload/taklc3hyaff7vykqhlxs111b13ac30e-f16b-5411-9388-b4a348f700ae,ad_video_mockup_02,Ad Video,Mockup,kling-v3.0-pro,https://media.contra.com/video/upload/d3pohw6dlhoa0dsomfmt1124a17f3e5-fb95-5cc1-87e9-4689e47008c9,ad_video_mockup_02,Ad Video,Mockup,seedance-v1.5-pro,https://media.contra.com/video/upload/dollvenvdniad38czcc81137e3e5925-66da-5093-bbf7-ba8774118dcb,ad_video_mockup_02,Ad Video,Mockup,veo3.1,https://media.contra.com/video/upload/snrsp8eucus1rjrpxcfm114bf9b9de0-8639-5232-977c-f53a9bbdc88f,ad_video_mockup_03,Ad Video,Mockup,grok-imagine-video,https://media.contra.com/video/upload/hyhm2kkle7f35p5cawnn115a092a6dd-73eb-5e60-878b-9283bb4ab654,ad_video_mockup_03,Ad Video,Mockup,kling-v3.0-pro,https://media.contra.com/video/upload/h1taalvnyopha1wpkcmj116c523eb03-9639-5eb2-ac95-dcb7e76a9fe4,ad_video_mockup_03,Ad Video,Mockup,seedance-v1.5-pro,https://media.contra.com/video/upload/pszgyunumrcmdyqorh2w1177f0b1fce-6783-5d03-a792-0288e9bf1d86,ad_video_mockup_03,Ad Video,Mockup,veo3.1,https://media.contra.com/video/upload/l6xrjlapdfsswwwuny1z118e7603006-5964-5496-9aec-86f4a9b7c3b1,ad_video_mockup_04,Ad Video,Mockup,grok-imagine-video,https://media.contra.com/video/upload/uag45kgzri9sd7i0izku11924e30cea-fea0-5922-9c13-6fdd406c5cdc,ad_video_mockup_04,Ad Video,Mockup,kling-v3.0-pro,https://media.contra.com/video/upload/a97z2pir12vibefwlwk7120eb3a57e8-debd-52af-92fd-45f1b5399f3e,ad_video_mockup_04,Ad Video,Mockup,seedance-v1.5-pro,https://media.contra.com/video/upload/gipmyed8lssvybumakak121c5104c3d-1c0a-5754-8847-05fbd076fc7c,ad_video_mockup_04,Ad Video,Mockup,veo3.1,https://media.contra.com/video/upload/gzr2oabexfx0kei044xi122ddbf4386-43b8-5cf3-b820-08a1a1f32b2f,ad_video_mockup_05,Ad Video,Mockup,grok-imagine-video,https://media.contra.com/video/upload/xgxgbcxadmiktvlbijqh123ef5afef1-0661-5417-a6cd-80d7cda34745,ad_video_mockup_05,Ad Video,Mockup,kling-v3.0-pro,https://media.contra.com/video/upload/mw6qxdkxnp0kkw9uwlp2124e867d566-e293-5134-a82c-b7cf18822b52,ad_video_mockup_05,Ad Video,Mockup,seedance-v1.5-pro,https://media.contra.com/video/upload/s8znvkzdlw9ywifoxhie12569041448-681a-530a-9eca-7eb3e827b2c6,ad_video_mockup_05,Ad Video,Mockup,veo3.1,https://media.contra.com/video/upload/awbjtx1b7ihb4miwyynh12605dfaf9a-cfd4-54cb-a6a0-d04fd45dc766,ad_video_mockup_06,Ad Video,Mockup,grok-imagine-video,https://media.contra.com/video/upload/t2bnesevrvsb3dz4kryi127a0b5867b-946a-57d2-86ec-8eb7bb6ad702,ad_video_mockup_06,Ad Video,Mockup,kling-v3.0-pro,https://media.contra.com/video/upload/fzfke9csnfzxcmibflvt12877ca9c27-9674-549e-9d9d-24e152be4af2,ad_video_mockup_06,Ad Video,Mockup,seedance-v1.5-pro,https://media.contra.com/video/upload/pebl3qsufmid373yggvb129bdb0fb5d-46bc-550b-b823-6de813d599b0,ad_video_mockup_06,Ad Video,Mockup,veo3.1,https://media.contra.com/video/upload/kfnrye8znsyj9dfnfahd13072f737e7-379a-5422-ad8b-0b1b2df7d760,ad_video_refinement_01,Ad Video,Refinement,grok-imagine-video,https://media.contra.com/video/upload/xbzzajvrwhexqtzip6p413174855285-a47a-5928-97e8-c1f91ead0483,ad_video_refinement_01,Ad Video,Refinement,kling-v3.0-pro,https://media.contra.com/video/upload/pibvm29pv3gxpzr1zlzh132e2258229-89d0-52c4-b472-0df1f7d45850,ad_video_refinement_01,Ad Video,Refinement,seedance-v1.5-pro,https://media.contra.com/video/upload/css96tc7t4ki8ykbb329133a1481670-986b-53bd-a260-535297950a4c,ad_video_refinement_01,Ad Video,Refinement,veo3.1,https://media.contra.com/video/upload/sjdj8kf06xp0zzmw8yg6134804b49dc-b1d0-5658-b242-134c93a4051c,ad_video_refinement_02,Ad Video,Refinement,grok-imagine-video,https://media.contra.com/video/upload/eq5alju67le0ovaliojo135aebd909f-fe7b-5ff8-8c6c-f8ea3386ba38,ad_video_refinement_02,Ad Video,Refinement,kling-v3.0-pro,https://media.contra.com/video/upload/zfmbukfrsmqmktsfny2u136cbc63fed-b2fe-560d-8a4e-77c325a64f89,ad_video_refinement_02,Ad Video,Refinement,seedance-v1.5-pro,https://media.contra.com/video/upload/n8w1narfgh36yhq3odva13797e85db6-3207-55f3-89f2-a3c8e6e59635,ad_video_refinement_02,Ad Video,Refinement,veo3.1,https://media.contra.com/video/upload/en9zkpgh2oowu3evjqld138e87bc406-dec3-5b96-b845-c2510e726f73,ad_video_refinement_03,Ad Video,Refinement,grok-imagine-video,https://media.contra.com/video/upload/uyzuimp6oijxxfe2jz6713901aabfd9-08e9-5f98-9731-8d70cbf44b5d,ad_video_refinement_03,Ad Video,Refinement,kling-v3.0-pro,https://media.contra.com/video/upload/ilbtq4h3jgxgo419nfx01400993cd76-139c-599c-b138-d06001bfea07,ad_video_refinement_03,Ad Video,Refinement,seedance-v1.5-pro,https://media.contra.com/video/upload/l0srjwgxdxrhsoyvxwda14150505b8e-3b00-51f0-9283-b5745fdff0e5,ad_video_refinement_03,Ad Video,Refinement,veo3.1,https://media.contra.com/video/upload/iu52spbyumjoyp8v5p9314257b672e2-ba85-514d-a60b-105409686669,ad_video_refinement_04,Ad Video,Refinement,grok-imagine-video,https://media.contra.com/video/upload/w1cwxwflpxsi5hnfp69q1433920e6f0-294b-5e6b-9a2c-9e133e2b6a52,ad_video_refinement_04,Ad Video,Refinement,kling-v3.0-pro,https://media.contra.com/video/upload/ujzz1zwxodvplpm7jrzm144fd9515dc-df2a-5616-afe0-791b48fe5526,ad_video_refinement_04,Ad Video,Refinement,seedance-v1.5-pro,https://media.contra.com/video/upload/vf8azlayiuhhghtz8rik145fc549f3b-6186-5b57-ba75-f588204bdfd2,ad_video_refinement_04,Ad Video,Refinement,veo3.1,https://media.contra.com/video/upload/uv1qjd26sr20sv9olpe1146c8c22ee9-155a-5b0e-bb06-bb742d111d3f,ad_video_refinement_05,Ad Video,Refinement,grok-imagine-video,https://media.contra.com/video/upload/zu2ihbfho73i5ylxmbeb14792461c78-1946-57ae-8fa4-a4665fa12732,ad_video_refinement_05,Ad Video,Refinement,kling-v3.0-pro,https://media.contra.com/video/upload/grlvczsfjof06xeqvwyt148b7c13635-cb56-548d-ae0e-ba1591191184,ad_video_refinement_05,Ad Video,Refinement,seedance-v1.5-pro,https://media.contra.com/video/upload/wald0tpd15jcsixnpjjg149f0eb93bd-ea41-5566-9550-72742aae5812,ad_video_refinement_05,Ad Video,Refinement,veo3.1,https://media.contra.com/video/upload/cz7ed5lxf3yfohojaexd150756a5f84-37cf-522d-92d5-28a9e0ff4915,ad_video_refinement_06,Ad Video,Refinement,grok-imagine-video,https://media.contra.com/video/upload/biqjnhjm1j1cyxevvtw2151aaf1d316-5215-5b41-94fe-0d758e5cbf5e,ad_video_refinement_06,Ad Video,Refinement,kling-v3.0-pro,https://media.contra.com/video/upload/mtrcc7i61jrsw8mhhu1i15202d7f9bf-6e68-5083-be74-1f9a1bad38ea,ad_video_refinement_06,Ad Video,Refinement,seedance-v1.5-pro,https://media.contra.com/video/upload/zoityzjogawqevnil6u9153f902718c-bf05-579c-9237-11e2b442cafe,ad_video_refinement_06,Ad Video,Refinement,veo3.1,https://media.contra.com/video/upload/se3sg6g8kc5hoxlskvie1542e1deaa6-6c20-5a41-ae4a-c7a001ec6fd3,brand_design_idea_01,Brand Design,Ideation,flux-2-max,https://media.contra.com/image/upload/jvzkvmnbd13iseokc3aa155241e5d0b-4949-50cf-9db8-aac244ebff40,brand_design_idea_01,Brand Design,Ideation,gemini-3-pro-image-preview,https://media.contra.com/image/upload/whmagqhks5glybjrzj0g156227d2c40-86b6-591d-b7d3-fffbf7975ac2,brand_design_idea_01,Brand Design,Ideation,gpt-image-1.5,https://media.contra.com/image/upload/povuvycvnzntrgym1zlp157d7f74c2d-8493-50f5-a6ca-a220e58fbe6a,brand_design_idea_01,Brand Design,Ideation,seedream-4.5,https://media.contra.com/image/upload/wsigzbmbap0d96w5kfkb15834a8ccf7-b254-5dbe-ad7c-9b1d1bc4d78b,brand_design_idea_02,Brand Design,Ideation,flux-2-max,https://media.contra.com/image/upload/nfeofeycuiqzawqlqol31592aa32669-2429-56d7-ac7a-1d88734fdf9d,brand_design_idea_02,Brand Design,Ideation,gemini-3-pro-image-preview,https://media.contra.com/image/upload/x2jwwyr7qijirmgdogy01600fba0dbd-200a-5879-9bc0-db0e11c1f880,brand_design_idea_02,Brand Design,Ideation,gpt-image-1.5,https://media.contra.com/image/upload/knfor7ihu9owpkvrldw3161e1fa6c86-4071-5e3f-b6fd-1229f7db3a66,brand_design_idea_02,Brand Design,Ideation,seedream-4.5,https://media.contra.com/image/upload/tzioacfr9j56nwvhmfy1162601f4e17-0c1a-5622-bd8a-741bb6cd11c2,brand_design_idea_03,Brand Design,Ideation,flux-2-max,https://media.contra.com/image/upload/hxd0l0mu0d0dqdeehmpk163a5e730f9-c0cb-506c-8482-fa4408e6d867,brand_design_idea_03,Brand Design,Ideation,gemini-3-pro-image-preview,https://media.contra.com/image/upload/z0ejkfizizptwfq8ekew1645aed9fb0-287e-56fe-9657-dc8989ed5917,brand_design_idea_03,Brand Design,Ideation,gpt-image-1.5,https://media.contra.com/image/upload/hg01ixqof2imq688g2bm165a7bd3dde-f1d0-57d4-a0a7-0d4212ffc715,brand_design_idea_03,Brand Design,Ideation,seedream-4.5,https://media.contra.com/image/upload/qeibcwlwzcr3kgjmrjex166068cc953-90f5-58ab-8ff8-51edbf1213d6,brand_design_idea_04,Brand Design,Ideation,flux-2-max,https://media.contra.com/image/upload/vmxcrw1nkpuytts7337h16745e8c83a-c6ff-532c-8fdf-849be58eb294,brand_design_idea_04,Brand Design,Ideation,gemini-3-pro-image-preview,https://media.contra.com/image/upload/qevvuiu94nqfter6x3wz168126bfa12-a282-57d5-b81f-1973b89fcf14,brand_design_idea_04,Brand Design,Ideation,gpt-image-1.5,https://media.contra.com/image/upload/dc144vm3sif1dadrtdru169c3f2f2a3-32c6-5c14-a6c4-3ee026ab2d89,brand_design_idea_04,Brand Design,Ideation,seedream-4.5,https://media.contra.com/image/upload/qmwmbmd8aoirwniytwka1704e7dfb80-699c-50d3-b6aa-caa4f3313a44,brand_design_idea_05,Brand Design,Ideation,flux-2-max,https://media.contra.com/image/upload/vcbd12haas7sefkvigdz1714ff1381f-636a-575c-83d6-c1b7a176c8ed,brand_design_idea_05,Brand Design,Ideation,gemini-3-pro-image-preview,https://media.contra.com/image/upload/iago4iy6ydm4nx3xm6tx17255c2466b-c48f-5b6e-a359-38c6aeac67f5,brand_design_idea_05,Brand Design,Ideation,gpt-image-1.5,https://media.contra.com/image/upload/k4tpxwfjdyuuo70ujczr1737113b5e1-5e66-54a3-8aeb-a98e7532ec6c,brand_design_idea_05,Brand Design,Ideation,seedream-4.5,https://media.contra.com/image/upload/aohfpqsc9cbwmji7ckzg174dbb5f9cd-359b-5282-bc2e-bbd5c09625ec,brand_design_idea_06,Brand Design,Ideation,flux-2-max,https://media.contra.com/image/upload/cax51ewcdbpwhj941zue175188b43e9-d9ad-5ccc-8876-1e7319a7179b,brand_design_idea_06,Brand Design,Ideation,gemini-3-pro-image-preview,https://media.contra.com/image/upload/uatuoof6ryyecuzoexpy17697a66ae9-78a3-5cf6-8ce2-adddce9fc7e8,brand_design_idea_06,Brand Design,Ideation,gpt-image-1.5,https://media.contra.com/image/upload/dultohdlctcu8rudodsi177e37e7adb-a5a4-5166-bada-0b0838e8efc1,brand_design_idea_06,Brand Design,Ideation,seedream-4.5,https://media.contra.com/image/upload/nc5mbcssyflcxbkcumge17879ed415b-f1c7-5b69-82d3-6b39df9b5bea,brand_design_mockup_01,Brand Design,Mockup,flux-2-max,https://media.contra.com/image/upload/uahxxbspf2yktcqytwtn1792e26d260-162c-5b81-b6bb-05fde1298ea7,brand_design_mockup_01,Brand Design,Mockup,gemini-3-pro-image-preview,https://media.contra.com/image/upload/cdvdbewq7hzailpk2vfo1807a318d24-6797-54e1-96d3-c14ca467c788,brand_design_mockup_01,Brand Design,Mockup,gpt-image-1.5,https://media.contra.com/image/upload/yi2vsxegqg9wqkuuqwwx1811f7f279a-6988-549c-88d4-85f723b4954f,brand_design_mockup_01,Brand Design,Mockup,seedream-4.5,https://media.contra.com/image/upload/iepwblf61dz4svkebgqx1827aa7410a-bb73-555b-81ae-5d1dd02b251d,brand_design_mockup_02,Brand Design,Mockup,flux-2-max,https://media.contra.com/image/upload/xuursm4ncxxynaj8ohdr18327b269af-4c27-56c4-86af-c00b1aed88dd,brand_design_mockup_02,Brand Design,Mockup,gemini-3-pro-image-preview,https://media.contra.com/image/upload/l0jsmbe9v3kxwl4uukog18426959fc1-11de-58b9-92b4-1796d3a16bc8,brand_design_mockup_02,Brand Design,Mockup,gpt-image-1.5,https://media.contra.com/image/upload/recwwnvd4otvniwirame185ef7af003-7f3d-5458-b19d-aca4a0134b8e,brand_design_mockup_02,Brand Design,Mockup,seedream-4.5,https://media.contra.com/image/upload/tv1k3b13dbfl4bkspzp9186a2e15b56-267e-59cd-a5fd-16052c567a78,brand_design_mockup_03,Brand Design,Mockup,flux-2-max,https://media.contra.com/image/upload/fxbff7bmajf8cffcmz3p1874ba773f0-231e-53b8-9ad0-32b76f6bd746,brand_design_mockup_03,Brand Design,Mockup,gemini-3-pro-image-preview,https://media.contra.com/image/upload/v05ju0sebynyr805jydh188d9cd261d-b8f6-542e-ac5c-ed92fec1b5f9,brand_design_mockup_03,Brand Design,Mockup,gpt-image-1.5,https://media.contra.com/image/upload/nu0fuu6uqxqjdtuijzgd1897af54f1d-c936-5a21-aad8-e25ec554b683,brand_design_mockup_03,Brand Design,Mockup,seedream-4.5,https://media.contra.com/image/upload/rljzsrivttstwmysbjcm19074003d59-815d-503e-aed6-60698859f638,brand_design_mockup_04,Brand Design,Mockup,flux-2-max,https://media.contra.com/image/upload/pm92kalq36zvro9nxec9191ed7f6de4-175c-5a26-987f-ecf3f3743189,brand_design_mockup_04,Brand Design,Mockup,gemini-3-pro-image-preview,https://media.contra.com/image/upload/rc85zn5jaxdut3rnovso192b7e7cf90-7c5e-56de-840f-b90203d8c1bf,brand_design_mockup_04,Brand Design,Mockup,gpt-image-1.5,https://media.contra.com/image/upload/pzsrf8pw4jtyugjompwp193dec8fe48-9ab2-5de5-a2a1-2e29f821e5c7,brand_design_mockup_04,Brand Design,Mockup,seedream-4.5,https://media.contra.com/image/upload/deztfiylapuh2z59sy4i194a380fd3a-59a2-5476-a601-a35e9ab10b7f,brand_design_mockup_05,Brand Design,Mockup,flux-2-max,https://media.contra.com/image/upload/zzzerfjadooduuk25nmi1958eeee2d0-1436-5cbd-89cc-6baacddb0b2d,brand_design_mockup_05,Brand Design,Mockup,gemini-3-pro-image-preview,https://media.contra.com/image/upload/qpb0shqwbfoezspxsz4v1967ceeb507-a68a-5077-b107-50d0efc4465a,brand_design_mockup_05,Brand Design,Mockup,gpt-image-1.5,https://media.contra.com/image/upload/kfo7wqnrmm4aj6t8ng1q19749c0996f-4ea9-563c-a802-61695dbc297b,brand_design_mockup_05,Brand Design,Mockup,seedream-4.5,https://media.contra.com/image/upload/vlmyooxafnbbmg79o976198b0f91c2c-19de-59e7-ba5f-06a4da136a6d,brand_design_mockup_06,Brand Design,Mockup,flux-2-max,https://media.contra.com/image/upload/plyiwktfeqvjgebhvaod199faf5da0f-12d9-54f7-8589-3a759432c9b4,brand_design_mockup_06,Brand Design,Mockup,gemini-3-pro-image-preview,https://media.contra.com/image/upload/w8q6ztqwggmmrgwecl8j20073ce20a8-4a36-5e5a-8e83-05fb4f79e1ea,brand_design_mockup_06,Brand Design,Mockup,gpt-image-1.5,https://media.contra.com/image/upload/b8ywnmxg7iheevb5vfpo201ab54aeb4-baba-5e52-a5fc-a4c83a82994c,brand_design_mockup_06,Brand Design,Mockup,seedream-4.5,https://media.contra.com/image/upload/xhqczc1k84e2msspzxib2020b7d78a3-a785-5011-81aa-9c8713077060,brand_design_refinement_01,Brand Design,Refinement,flux-2-max,https://media.contra.com/image/upload/no0q9kk61hbdt9tmzmoo203a10f6fe8-7f64-5ca1-abfd-3f74254aef3a,brand_design_refinement_01,Brand Design,Refinement,gemini-3-pro-image-preview,https://media.contra.com/image/upload/otoctgqccmkadr9im9jh204ed7dd412-3fd7-5ad3-acfe-b9c310544094,brand_design_refinement_01,Brand Design,Refinement,gpt-image-1.5,https://media.contra.com/image/upload/ux8u399dyu3qw4cpqwyc205316ad95b-4411-5add-85b3-d4a2d77a4754,brand_design_refinement_01,Brand Design,Refinement,seedream-4.5,https://media.contra.com/image/upload/p0ggvxh9vykgvpry5fr1206bdf45bd2-0c89-552f-a116-539448259c46,brand_design_refinement_02,Brand Design,Refinement,flux-2-max,https://media.contra.com/image/upload/m7zzopoujbiabat6z9gv2076d3c3e24-7fa1-51ca-8098-464eab4d12ce,brand_design_refinement_02,Brand Design,Refinement,gemini-3-pro-image-preview,https://media.contra.com/image/upload/xmclz3x5d5pkvrh6o1yv2084e1fcc1b-51ab-5ac3-b488-665d7df0476c,brand_design_refinement_02,Brand Design,Refinement,gpt-image-1.5,https://media.contra.com/image/upload/f5jjh1pmlzthwwaxqgho20923ccda25-f4d8-5899-ac04-2aa289f91996,brand_design_refinement_02,Brand Design,Refinement,seedream-4.5,https://media.contra.com/image/upload/m0y9mz5ptyq5xicevrgm21040850012-7d2c-5ad9-bb9e-33df88454160,brand_design_refinement_03,Brand Design,Refinement,flux-2-max,https://media.contra.com/image/upload/qvlia5gwzi6okzynoksf2110122ee1b-31e5-5031-b7f0-064aa11ab4ff,brand_design_refinement_03,Brand Design,Refinement,gemini-3-pro-image-preview,https://media.contra.com/image/upload/tej35maktve32jiiwivv212ea351504-4da3-5a7c-94ef-71c2d6094344,brand_design_refinement_03,Brand Design,Refinement,gpt-image-1.5,https://media.contra.com/image/upload/ymyjq6qk5h2ob3ebeio12137e0060c7-c5da-5205-af20-570841ca1ca1,brand_design_refinement_03,Brand Design,Refinement,seedream-4.5,https://media.contra.com/image/upload/hwtz9rjjynrhom6zp0iw21440df1ebe-70bc-5f84-8f68-a4d05c0de3aa,brand_design_refinement_04,Brand Design,Refinement,flux-2-max,https://media.contra.com/image/upload/n8k2ib4b9d685pybinbu215c87596de-b208-558e-829e-8abd50e8254d,brand_design_refinement_04,Brand Design,Refinement,gemini-3-pro-image-preview,https://media.contra.com/image/upload/vf6ldry5sn8ngm6rdrfm216f3a695a8-2bbb-5c20-b4b4-8381307fe657,brand_design_refinement_04,Brand Design,Refinement,gpt-image-1.5,https://media.contra.com/image/upload/ivs8bmjqage4bykrw5yd2172a9a494e-3fcc-5be5-9461-45e625414107,brand_design_refinement_04,Brand Design,Refinement,seedream-4.5,https://media.contra.com/image/upload/hbqoje7irjzpjvvfowaz2182b11d138-2d1b-5141-af51-a572e207dcfe,brand_design_refinement_05,Brand Design,Refinement,flux-2-max,https://media.contra.com/image/upload/waruqtuyirmpell8fz3z21911d08dd3-f911-52a0-9ff2-9a6596f57d8c,brand_design_refinement_05,Brand Design,Refinement,gemini-3-pro-image-preview,https://media.contra.com/image/upload/sgpjamkmefsyowtvgv1h220e59a9c3c-4e42-5075-a154-e7de4ca512da,brand_design_refinement_05,Brand Design,Refinement,gpt-image-1.5,https://media.contra.com/image/upload/wudnfrdufw9ipi45u4mm221b1345813-88d2-5482-b6e0-1e58692bf948,brand_design_refinement_05,Brand Design,Refinement,seedream-4.5,https://media.contra.com/image/upload/mlokf9ozmrab0okvwuvw22248f8ac55-a968-542d-a930-e5686e97f555,brand_design_refinement_06,Brand Design,Refinement,flux-2-max,https://media.contra.com/image/upload/nyeyyajkjct68bzvisvz223d042a9bf-d718-5336-86d6-60ff827869f6,brand_design_refinement_06,Brand Design,Refinement,gemini-3-pro-image-preview,https://media.contra.com/image/upload/kvcpam4zytivvtqtkite224a88956cb-82a4-560f-a5ee-ad7d12582718,brand_design_refinement_06,Brand Design,Refinement,gpt-image-1.5,https://media.contra.com/image/upload/aa7njtwwcnxgcuwcpwqc22514673502-c9c9-570a-8d1f-c806f6190dcc,brand_design_refinement_06,Brand Design,Refinement,seedream-4.5,https://media.contra.com/image/upload/yuuev6zsdtbxhoqowmfr2265c68daae-393c-5021-a11f-0b33f207dc7c,desktop_app_idea_01,Desktop App,Ideation,claude-opus-4.6,"<!DOCTYPE html>227<html lang=""en"">228<head>229 <meta charset=""UTF-8"">230 <meta name=""viewport"" content=""width=device-width, initial-scale=1.0, viewport-fit=cover"">231 <title>Finfam — Family Expense Tracker</title>232 <link rel=""preconnect"" href=""https://fonts.googleapis.com"">233 <link rel=""preconnect"" href=""https://fonts.gstatic.com"" crossorigin>234 <link href=""https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"" rel=""stylesheet"">235 <style>236 :root {237 color-scheme: dark;238 --color-bg: #0D0F14;239 --color-surface: #1A1D27;240 --color-surface-alt: #242836;241 --color-border: #2E3344;242 --color-text: #E8EAF0;243 --color-text-muted: #8B90A0;244 --color-text-dim: #565B6E;245 --color-primary: #6C5CE7;246 --color-primary-hover: #7D6FF0;247 --color-primary-glow: rgba(108,92,231,0.25);248 --color-accent: #00D2A0;249 --color-accent-warm: #FF8C42;250 --color-danger: #FF5A5A;251 --color-danger-hover: #ff4040;252 --color-cat-food: #FF8C42;253 --color-cat-transport: #4ECDC4;254 --color-cat-shopping: #6C5CE7;255 --color-cat-bills: #FF5A5A;256 --color-cat-health: #00D2A0;257 --color-cat-entertainment: #FFD93D;258 --color-cat-other: #8B90A0;259 --font-xxl: clamp(1.75rem, 5vw, 2.25rem);260 --font-xl: 1.375rem;261 --font-lg: 1.125rem;262 --font-md: 1rem;263 --font-sm: 0.875rem;264 --font-xs: 0.75rem;265 --sp-1: 4px;266 --sp-2: 8px;267 --sp-3: 12px;268 --sp-4: 16px;269 --sp-5: 20px;270 --sp-6: 24px;271 --sp-8: 32px;272 --sp-10: 40px;273 --sp-12: 48px;274 --sp-16: 64px;275 --radius-sm: 8px;276 --radius-md: 12px;277 --radius-lg: 16px;278 --radius-full: 50%;279 --shadow-card: 0 2px 8px rgba(0,0,0,0.3);280 --shadow-fab: 0 4px 20px var(--color-primary-glow);281 --shadow-modal: 0 8px 32px rgba(0,0,0,0.5);282 --nav-height: 60px;283 --transition-fast: 150ms ease;284 --transition-med: 200ms ease;285 }286 287 *, *::before, *::after {288 box-sizing: border-box;289 margin: 0;290 padding: 0;291 }292 293 html {294 background-color: var(--color-bg);295 }296 297 body {298 background-color: var(--color-bg);299 color: var(--color-text);300 font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;301 font-size: 16px;302 line-height: 1.5;303 -webkit-font-smoothing: antialiased;304 -moz-osx-font-smoothing: grayscale;305 overflow: hidden;306 height: 100%;307 }308 309 a {310 color: inherit;311 text-decoration: none;312 }313 314 button {315 font-family: inherit;316 border: none;317 cursor: pointer;318 background: none;319 color: inherit;320 }321 322 input, select {323 font-family: inherit;324 color: inherit;325 background: none;326 border: none;327 outline: none;328 color-scheme: dark;329 }330 331 ul, ol {332 list-style: none;333 }334 335 :focus-visible {336 outline: 2px solid var(--color-primary);337 outline-offset: 2px;338 }339 340 .sr-only {341 position: absolute;342 width: 1px;343 height: 1px;344 padding: 0;345 margin: -1px;346 overflow: hidden;347 clip: rect(0,0,0,0);348 white-space: nowrap;349 border: 0;350 }351 352 /* App Shell */353 .app-shell {354 width: 100%;355 max-width: 480px;356 margin: 0 auto;357 height: 100vh;358 height: 100dvh;359 position: relative;360 display: flex;361 flex-direction: column;362 overflow: hidden;363 }364 365 /* Views */366 .view {367 position: absolute;368 top: 0;369 left: 0;370 right: 0;371 bottom: 0;372 display: flex;373 flex-direction: column;374 overflow: hidden;375 opacity: 0;376 visibility: hidden;377 transition: opacity var(--transition-med), visibility 0ms 200ms;378 z-index: 1;379 pointer-events: none;380 }381 382 .view-active {383 opacity: 1;384 visibility: visible;385 transition: opacity var(--transition-med), visibility 0ms 0ms;386 z-index: 2;387 position: relative;388 flex: 1;389 pointer-events: auto;390 }391 392 /* Screen Header */393 .screen-header {394 display: flex;395 align-items: center;396 justify-content: space-between;397 padding: var(--sp-4) var(--sp-5);398 min-height: 56px;399 flex-shrink: 0;400 background: var(--color-bg);401 position: relative;402 z-index: 10;403 }404 405 .screen-header-title {406 font-size: var(--font-xl);407 font-weight: 700;408 letter-spacing: -0.02em;409 }410 411 .screen-header-date {412 font-size: var(--font-sm);413 color: var(--color-text-muted);414 font-weight: 500;415 }416 417 .screen-header-left {418 display: flex;419 align-items: center;420 gap: var(--sp-3);421 }422 423 /* Screen Content */424 .screen-content {425 flex: 1;426 overflow-y: auto;427 overflow-x: hidden;428 padding: 0 var(--sp-5) var(--sp-16);429 -webkit-overflow-scrolling: touch;430 scroll-behavior: smooth;431 }432 433 /* Bottom Nav */434 .bottom-nav {435 display: flex;436 align-items: center;437 justify-content: space-around;438 height: var(--nav-height);439 background: var(--color-surface);440 border-top: 1px solid var(--color-border);441 flex-shrink: 0;442 padding-bottom: env(safe-area-inset-bottom, 0);443 position: relative;444 z-index: 100;445 }446 447 .bottom-nav-item {448 display: flex;449 flex-direction: column;450 align-items: center;451 gap: var(--sp-1);452 padding: var(--sp-2) var(--sp-4);453 border-radius: var(--radius-sm);454 transition: color var(--transition-fast);455 color: var(--color-text-dim);456 min-width: 64px;457 position: relative;458 }459 460 .bottom-nav-item:hover {461 color: var(--color-text-muted);462 }463 464 .bottom-nav-item-active {465 color: var(--color-primary);466 }467 468 .bottom-nav-item-active::before {469 content: '';470 position: absolute;471 top: -1px;472 left: 50%;473 transform: translateX(-50%);474 width: 32px;475 height: 3px;476 background: var(--color-primary);477 border-radius: 0 0 3px 3px;478 }479 480 .bottom-nav-label {481 font-size: var(--font-xs);482 font-weight: 500;483 }484 485 .nav-icon {486 width: 24px;487 height: 24px;488 display: block;489 }490 491 /* Total Card */492 .total-card {493 background: linear-gradient(135deg, var(--color-surface) 0%, var(--color-surface-alt) 100%);494 border-radius: var(--radius-lg);495 padding: var(--sp-6) var(--sp-6) var(--sp-5);496 margin-bottom: var(--sp-6);497 box-shadow: var(--shadow-card);498 text-align: center;499 border: 1px solid var(--color-border);500 }501 502 .total-label {503 font-size: var(--font-sm);504 color: var(--color-text-muted);505 font-weight: 500;506 margin-bottom: var(--sp-2);507 text-transform: uppercase;508 letter-spacing: 0.05em;509 }510 511 .total-amount {512 font-size: var(--font-xxl);513 font-weight: 700;514 letter-spacing: -0.02em;515 margin-bottom: var(--sp-1);516 }517 518 .total-sublabel {519 font-size: var(--font-xs);520 color: var(--color-text-dim);521 }522 523 /* Section Title */524 .section-title {525 font-size: var(--font-sm);526 font-weight: 600;527 color: var(--color-text-muted);528 text-transform: uppercase;529 letter-spacing: 0.06em;530 margin-bottom: var(--sp-3);531 }532 533 /* Breakdown List */534 .breakdown-list {535 display: flex;536 flex-direction: column;537 gap: var(--sp-3);538 margin-bottom: var(--sp-6);539 }540 541 .breakdown-item {542 display: flex;543 align-items: center;544 gap: var(--sp-3);545 padding: var(--sp-3) var(--sp-4);546 background: var(--color-surface);547 border-radius: var(--radius-md);548 transition: background var(--transition-fast);549 }550 551 .breakdown-item:hover {552 background: var(--color-surface-alt);553 }554 555 .breakdown-icon {556 width: 40px;557 height: 40px;558 border-radius: var(--radius-sm);559 display: flex;560 align-items: center;561 justify-content: center;562 font-size: 1.25rem;563 flex-shrink: 0;564 }565 566 .breakdown-info {567 flex: 1;568 min-width: 0;569 }570 571 .breakdown-name {572 font-size: var(--font-sm);573 font-weight: 600;574 }575 576 .breakdown-bar-track {577 height: 4px;578 background: var(--color-border);579 border-radius: 2px;580 margin-top: var(--sp-1);581 overflow: hidden;582 }583 584 .breakdown-bar-fill {585 height: 100%;586 border-radius: 2px;587 transition: width 500ms ease;588 }589 590 .breakdown-right {591 text-align: right;592 flex-shrink: 0;593 }594 595 .breakdown-amount {596 font-size: var(--font-sm);597 font-weight: 600;598 }599 600 .breakdown-percent {601 font-size: var(--font-xs);602 color: var(--color-text-dim);603 }604 605 /* Recent List */606 .recent-list {607 display: flex;608 flex-direction: column;609 gap: var(--sp-2);610 }611 612 .recent-item {613 display: flex;614 align-items: center;615 gap: var(--sp-3);616 padding: var(--sp-3) var(--sp-4);617 background: var(--color-surface);618 border-radius: var(--radius-md);619 transition: background var(--transition-fast);620 }621 622 .recent-item:hover {623 background: var(--color-surface-alt);624 }625 626 .recent-icon {627 width: 36px;628 height: 36px;629 border-radius: var(--radius-full);630 display: flex;631 align-items: center;632 justify-content: center;633 font-size: 1rem;634 flex-shrink: 0;635 }636 637 .recent-info {638 flex: 1;639 min-width: 0;640 }641 642 .recent-name {643 font-size: var(--font-sm);644 font-weight: 500;645 white-space: nowrap;646 overflow: hidden;647 text-overflow: ellipsis;648 }649 650 .recent-meta {651 font-size: var(--font-xs);652 color: var(--color-text-dim);653 }654 655 .recent-amount {656 font-size: var(--font-sm);657 font-weight: 600;658 flex-shrink: 0;659 }660 661 .recent-delete-btn {662 width: 32px;663 height: 32px;664 display: flex;665 align-items: center;666 justify-content: center;667 border-radius: var(--radius-full);668 color: var(--color-text-dim);669 transition: color var(--transition-fast), background var(--transition-fast);670 flex-shrink: 0;671 }672 673 .recent-delete-btn:hover {674 color: var(--color-danger);675 background: rgba(255,90,90,0.1);676 }677 678 .recent-delete-btn:active {679 transform: scale(0.9);680 }681 682 /* FAB */683 .fab {684 position: absolute;685 bottom: calc(var(--nav-height) + var(--sp-4) + env(safe-area-inset-bottom, 0px));686 right: var(--sp-5);687 width: 56px;688 height: 56px;689 border-radius: var(--radius-full);690 background: var(--color-primary);691 color: #fff;692 font-size: 1.75rem;693 font-weight: 300;694 display: flex;695 align-items: center;696 justify-content: center;697 box-shadow: var(--shadow-fab);698 transition: background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);699 z-index: 50;700 line-height: 1;701 }702 703 .fab:hover {704 background: var(--color-primary-hover);705 transform: scale(1.05);706 }707 708 .fab:active {709 transform: scale(0.95);710 }711 712 /* Btn Back */713 .btn-back {714 width: 40px;715 height: 40px;716 display: flex;717 align-items: center;718 justify-content: center;719 border-radius: var(--radius-sm);720 transition: background var(--transition-fast);721 font-size: 1.25rem;722 }723 724 .btn-back:hover {725 background: var(--color-surface-alt);726 }727 728 /* Step Indicator */729 .step-indicator {730 display: flex;731 gap: var(--sp-2);732 align-items: center;733 }734 735 .step-dot {736 width: 8px;737 height: 8px;738 border-radius: var(--radius-full);739 background: var(--color-border);740 transition: background var(--transition-med), width var(--transition-med);741 }742 743 .step-dot-active {744 background: var(--color-primary);745 width: 20px;746 border-radius: 4px;747 }748 749 .step-dot-done {750 background: var(--color-accent);751 }752 753 /* Form Steps */754 .form-step {755 display: none;756 flex-direction: column;757 gap: var(--sp-5);758 animation: fadeSlideUp 250ms ease forwards;759 }760 761 .form-step-active {762 display: flex;763 }764 765 @keyframes fadeSlideUp {766 from { opacity: 0; transform: translateY(12px); }767 to { opacity: 1; transform: translateY(0); }768 }769 770 /* Macro Grid */771 .macro-grid {772 display: grid;773 grid-template-columns: repeat(3, 1fr);774 gap: var(--sp-3);775 }776 777 .macro-chip {778 display: flex;779 flex-direction: column;780 align-items: center;781 gap: var(--sp-2);782 padding: var(--sp-4) var(--sp-2);783 background: var(--color-surface);784 border-radius: var(--radius-md);785 border: 2px solid transparent;786 transition: border-color var(--transition-fast), background var(--transition-fast), transform 100ms ease;787 cursor: pointer;788 min-height: 88px;789 }790 791 .macro-chip:hover {792 background: var(--color-surface-alt);793 border-color: var(--color-border);794 }795 796 .macro-chip:active {797 transform: scale(0.96);798 }799 800 .macro-chip-selected {801 border-color: var(--color-primary);802 background: var(--color-surface-alt);803 }804 805 .macro-chip-icon {806 font-size: 1.5rem;807 line-height: 1;808 }809 810 .macro-chip-label {811 font-size: var(--font-xs);812 font-weight: 500;813 text-align: center;814 }815 816 /* Micro Chips */817 .micro-list {818 display: flex;819 flex-wrap: wrap;820 gap: var(--sp-2);821 }822 823 .micro-chip {824 padding: var(--sp-2) var(--sp-4);825 background: var(--color-surface);826 border-radius: 20px;827 font-size: var(--font-sm);828 font-weight: 500;829 border: 2px solid transparent;830 transition: border-color var(--transition-fast), background var(--transition-fast);831 cursor: pointer;832 }833 834 .micro-chip:hover {835 background: var(--color-surface-alt);836 }837 838 .micro-chip-selected {839 border-color: var(--color-primary);840 background: var(--color-surface-alt);841 }842 843 /* Payment Type Pills */844 .payment-pills {845 display: flex;846 gap: var(--sp-2);847 }848 849 .payment-pill {850 flex: 1;851 padding: var(--sp-3) var(--sp-2);852 background: var(--color-surface);853 border-radius: var(--radius-sm);854 font-size: var(--font-sm);855 font-weight: 500;856 text-align: center;857 border: 2px solid transparent;858 transition: border-color var(--transition-fast), background var(--transition-fast);859 cursor: pointer;860 }861 862 .payment-pill:hover {863 background: var(--color-surface-alt);864 }865 866 .payment-pill-selected {867 border-color: var(--color-primary);868 background: var(--color-surface-alt);869 }870 871 /* Currency Toggle */872 .currency-pills {873 display: flex;874 gap: var(--sp-2);875 }876 877 .currency-pill {878 padding: var(--sp-2) var(--sp-4);879 background: var(--color-surface);880 border-radius: 20px;881 font-size: var(--font-sm);882 font-weight: 600;883 border: 2px solid transparent;884 transition: border-color var(--transition-fast), background var(--transition-fast);885 cursor: pointer;886 }887 888 .currency-pill:hover {889 background: var(--color-surface-alt);890 }891 892 .currency-pill-selected {893 border-color: var(--color-primary);894 background: var(--color-surface-alt);895 }896 897 /* Field Group */898 .field-group {899 display: flex;900 flex-direction: column;901 gap: var(--sp-2);902 }903 904 .field-label {905 font-size: var(--font-sm);906 font-weight: 600;907 color: var(--color-text-muted);908 }909 910 .field-input {911 width: 100%;912 padding: var(--sp-3) var(--sp-4);913 background: var(--color-surface);914 border: 2px solid var(--color-border);915 border-radius: var(--radius-sm);916 font-size: var(--font-md);917 color: var(--color-text);918 transition: border-color var(--transition-med);919 min-height: 48px;920 color-scheme: dark;921 }922 923 .field-input:focus {924 border-color: var(--color-primary);925 }926 927 .field-input::placeholder {928 color: var(--color-text-dim);929 }930 931 .field-input-large {932 font-size: var(--font-xxl);933 font-weight: 700;934 text-align: center;935 letter-spacing: -0.02em;936 padding: var(--sp-5) var(--sp-4);937 }938 939 /* Buttons */940 .btn-primary {941 width: 100%;942 padding: var(--sp-4);943 background: var(--color-primary);944 color: #fff;945 font-size: var(--font-md);946 font-weight: 600;947 border-radius: var(--radius-md);948 transition: background var(--transition-fast), transform 100ms ease, opacity var(--transition-fast);949 min-height: 52px;950 }951 952 .btn-primary:hover {953 background: var(--color-primary-hover);954 }955 956 .btn-primary:active {957 transform: scale(0.98);958 }959 960 .btn-primary:disabled {961 opacity: 0.4;962 cursor: not-allowed;963 transform: none;964 }965 966 .btn-secondary {967 padding: var(--sp-3) var(--sp-5);968 background: var(--color-surface-alt);969 color: var(--color-text);970 font-size: var(--font-sm);971 font-weight: 600;972 border-radius: var(--radius-sm);973 transition: background var(--transition-fast);974 min-height: 44px;975 }976 977 .btn-secondary:hover {978 background: var(--color-border);979 }980 981 .btn-danger {982 padding: var(--sp-3) var(--sp-5);983 background: var(--color-danger);984 color: #fff;985 font-size: var(--font-sm);986 font-weight: 600;987 border-radius: var(--radius-sm);988 transition: background var(--transition-fast), transform 100ms ease;989 min-height: 44px;990 }991 992 .btn-danger:hover {993 background: var(--color-danger-hover);994 }995 996 .btn-danger:active {997 transform: scale(0.97);998 }999 1000 /* Modal */1001 .modal-overlay {1002 position: fixed;1003 inset: 0;1004 background: rgba(0,0,0,0.6);1005 display: flex;1006 align-items: center;1007 justify-content: center;1008 z-index: 1000;1009 opacity: 0;1010 visibility: hidden;1011 transition: opacity var(--transition-med), visibility 0ms 200ms;1012 padding: var(--sp-5);1013 }1014 1015 .modal-overlay-visible {1016 opacity: 1;1017 visibility: visible;1018 transition: opacity var(--transition-med), visibility 0ms 0ms;1019 }1020 1021 .modal-card {1022 background: var(--color-surface);1023 border-radius: var(--radius-lg);1024 padding: var(--sp-6);1025 max-width: 340px;1026 width: 100%;1027 box-shadow: var(--shadow-modal);1028 transform: translateY(16px) scale(0.97);1029 transition: transform var(--transition-med);1030 }1031 1032 .modal-overlay-visible .modal-card {1033 transform: translateY(0) scale(1);1034 }1035 1036 .modal-title {1037 font-size: var(--font-lg);1038 font-weight: 700;1039 margin-bottom: var(--sp-2);1040 }1041 1042 .modal-body {1043 font-size: var(--font-sm);1044 color: var(--color-text-muted);1045 margin-bottom: var(--sp-6);1046 line-height: 1.6;1047 }1048 1049 .modal-actions {1050 display: flex;1051 gap: var(--sp-3);1052 justify-content: flex-end;1053 }1054 1055 /* Draft Resume Banner */1056 .draft-banner {1057 display: flex;1058 align-items: center;1059 gap: var(--sp-3);1060 padding: var(--sp-3) var(--sp-4);1061 background: var(--color-surface-alt);1062 border: 1px solid var(--color-border);1063 border-radius: var(--radius-md);1064 margin-bottom: var(--sp-4);1065 animation: fadeSlideUp 250ms ease forwards;1066 }1067 1068 .draft-banner-text {1069 flex: 1;1070 font-size: var(--font-sm);1071 color: var(--color-text-muted);1072 }1073 1074 .draft-banner-btn {1075 padding: var(--sp-1) var(--sp-3);1076 border-radius: var(--radius-sm);1077 font-size: var(--font-xs);1078 font-weight: 600;1079 transition: background var(--transition-fast);1080 min-height: 32px;1081 display: flex;1082 align-items: center;1083 }1084 1085 .draft-resume-btn {1086 background: var(--color-primary);1087 color: #fff;1088 }1089 1090 .draft-resume-btn:hover {1091 background: var(--color-primary-hover);1092 }1093 1094 .draft-discard-btn {1095 background: var(--color-surface);1096 color: var(--color-text-muted);1097 }1098 1099 .draft-discard-btn:hover {1100 background: var(--color-border);1101 }1102 1103 /* Filter Bar */1104 .filter-bar {1105 display: flex;1106 gap: var(--sp-2);1107 overflow-x: auto;1108 padding-bottom: var(--sp-3);1109 margin-bottom: var(--sp-4);1110 -webkit-overflow-scrolling: touch;1111 scrollbar-width: none;1112 }1113 1114 .filter-bar::-webkit-scrollbar {1115 display: none;1116 }1117 1118 .filter-chip {1119 padding: var(--sp-2) var(--sp-4);1120 background: var(--color-surface);1121 border-radius: 20px;1122 font-size: var(--font-sm);1123 font-weight: 500;1124 white-space: nowrap;1125 border: 2px solid transparent;1126 transition: border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast);1127 cursor: pointer;1128 flex-shrink: 0;1129 }1130 1131 .filter-chip:hover {1132 background: var(--color-surface-alt);1133 }1134 1135 .filter-chip-active {1136 border-color: var(--color-primary);1137 background: var(--color-surface-alt);1138 color: var(--color-primary);1139 }1140 1141 /* Summary */1142 .summary-total-row {1143 display: flex;1144 justify-content: space-between;1145 align-items: center;1146 padding: var(--sp-4);1147 background: var(--color-surface);1148 border-radius: var(--radius-md);1149 margin-bottom: var(--sp-5);1150 font-weight: 600;1151 }1152 1153 .summary-total-label {1154 font-size: var(--font-sm);1155 color: var(--color-text-muted);1156 }1157 1158 .summary-total-amount {1159 font-size: var(--font-lg);1160 font-weight: 700;1161 }1162 1163 .summary-sections {1164 display: flex;1165 flex-direction: column;1166 gap: var(--sp-3);1167 }1168 1169 .summary-section {1170 background: var(--color-surface);1171 border-radius: var(--radius-md);1172 overflow: hidden;1173 }1174 1175 .summary-section-header {1176 display: flex;1177 align-items: center;1178 gap: var(--sp-3);1179 padding: var(--sp-4);1180 cursor: pointer;1181 transition: background var(--transition-fast);1182 user-select: none;1183 }1184 1185 .summary-section-header:hover {1186 background: var(--color-surface-alt);1187 }1188 1189 .summary-section-icon {1190 width: 36px;1191 height: 36px;1192 border-radius: var(--radius-sm);1193 display: flex;1194 align-items: center;1195 justify-content: center;1196 font-size: 1.125rem;1197 flex-shrink: 0;1198 }1199 1200 .summary-section-name {