Employee Badge Designer

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_388":389,"_390":391},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_287":-5,"_20":288,"_22":289,"_290":291,"_292":293,"_26":294,"_24":295,"_296":-5,"_297":-5,"_298":59,"_299":300,"_301":50,"_302":-5,"_303":-5,"_304":305},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","zeppomedio","name","badge-designer","branchName","main","version","path","frontend","project",{"_38":229,"_13":14,"_51":230,"_231":-5,"_232":59,"_233":234,"_235":234,"_236":237,"_238":-5,"_239":240,"_241":97,"_242":50,"_243":-5,"_244":-5,"_245":66,"_246":247,"_248":249,"_250":251,"_252":253,"_254":-5,"_255":256,"_257":256,"_258":259,"_260":259,"_261":259,"_262":256,"_263":256,"_264":265,"_266":267,"_268":269,"_270":59},"tree",[90,91,92,93,94],"file",{"_38":87,"_13":19,"_41":44,"_43":-5,"_45":46,"_47":53,"_49":50,"_51":88,"_17":66,"_54":80,"_56":-5,"_58":59,"_60":-5,"_18":89},"contents",[33,34,35,36,37],"upstream","pull","ahead","behind","envVars",{"_38":82,"_13":83,"_41":84,"_43":44,"_45":46,"_47":53,"_49":50,"_51":85,"_17":66,"_54":80,"_56":-5,"_58":59,"_60":-5,"_18":86},{"_38":75,"_13":76,"_41":77,"_43":44,"_45":46,"_47":78,"_49":50,"_51":79,"_17":66,"_54":80,"_56":-5,"_58":59,"_60":-5,"_18":81},{"_38":69,"_13":70,"_41":71,"_43":44,"_45":46,"_47":53,"_49":50,"_51":72,"_17":66,"_54":24,"_56":73,"_58":59,"_60":-5,"_18":74},{"_38":62,"_13":63,"_41":64,"_43":44,"_45":46,"_47":53,"_49":50,"_51":65,"_17":66,"_54":55,"_56":67,"_58":59,"_60":-5,"_18":68},{"_38":39,"_13":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":52,"_17":53,"_54":55,"_56":57,"_58":59,"_60":-5,"_18":61},"id","97c3eb01-606f-4e28-a111-391be2c62340","root.tsx","fileId","01a05f61-b1a0-7277-97f8-f8423793edb6","parentId","01a05f61-b1a0-7277-97f8-ff5e3824e08d","branchId","e7c3af8d-498f-46f9-87e1-9baad6e49d01","branchVersion",12,"latest",true,"createdAt",["D",1788306917482],1,"fileType","script","content","/** @jsxImportSource npm:hono@4/jsx */\nimport { raw } from \"npm:hono@4/html\";\nimport { immutableFileUrl } from \"https://esm.town/v/std/utils/index.ts\";\n\n// Print rules can't be expressed as utility classes (@page, print-only layout),\n// so they live here as the one small stylesheet in the app.\nconst printCss = `\n@page { margin: 12mm; }\n.screen-hidden { display: none; }\n@media print {\n body { background: #fff !important; }\n .no-print, .print-hidden { display: none !important; }\n .screen-hidden { display: flex !important; flex-wrap: wrap; align-items: flex-start; gap: 6mm; }\n .preview-box { width: auto !important; height: auto !important; }\n .preview-scale { transform: none !important; }\n .badge-card {\n box-shadow: none !important;\n outline: 1px dashed #cbd5e1;\n outline-offset: 2px;\n break-inside: avoid;\n }\n}\n`;\n\nexport function Root() {\n return (\n <>\n {raw(\"\")}\n \n \n \n \n Employee Badge Designer\n