Quest Character Sheet Generator

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_196":197,"_198":199},"routes/_app.x.$handle.$name",{"_95":94,"_32":45,"_104":85,"_27":105,"_13":14,"_106":-5,"_11":107,"_108":109,"_110":111,"_112":113,"_114":115,"_20":-5,"_116":-5,"_117":-5,"_118":25,"_119":120,"_121":122,"_123":-5,"_124":-5,"_125":126},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":-5,"_57":25,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",72,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","styles.ts","latestPath","fileId","4ee09fe8-e859-11f0-92bf-42dde27851f2","name","fileType","script","content","export const styles = `\n* { box-sizing: border-box; margin: 0; padding: 0; }\n:root { --ink: #1a1a1a; --accent: #7c3aed; --bg: #18181b; --card: #27272a; --border: #3f3f46; }\nbody { font-family: Georgia, serif; background: var(--bg); color: #e4e4e7; display: flex; height: 100vh; overflow: hidden; }\n\n.sidebar { width: 280px; background: var(--card); display: flex; flex-direction: column; padding: 12px; border-right: 1px solid var(--border); overflow-y: auto; }\n.sidebar-title { font-family: Georgia, serif; font-weight: 900; font-size: 22px; margin-bottom: 12px; display: flex; align-items: center; gap: 8px; }\n.sidebar-title span { color: var(--accent); }\n\n.section { margin-bottom: 12px; }\n.label { font-family: Arial, sans-serif; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #71717a; margin-bottom: 4px; }\n\ntextarea { width: 100%; height: 70px; background: var(--bg); border: 1px solid var(--border); color: #e4e4e7; font-family: monospace; font-size: 9px; padding: 6px; border-radius: 4px; resize: none; }\ntextarea:focus { outline: none; border-color: var(--accent); }\n\nselect { width: 100%; background: var(--bg); border: 1px solid var(--border); color: #e4e4e7; padding: 6px 8px; border-radius: 4px; font-size: 11px; }\n\n.btn { background: var(--border); color: white; border: none; padding: 8px 12px; border-radius: 4px; font-family: Arial, sans-serif; font-weight: 700; font-size: 10px; text-transform: uppercase; cursor: pointer; transition: all 0.15s; }\n.btn:hover { background: #52525b; }\n.btn:disabled { opacity: 0.5; cursor: not-allowed; }\n.btn-primary { background: var(--accent); }\n.btn-primary:hover { background: #6d28d9; }\n.btn-row { display: flex; gap: 4px; margin-top: 6px; }\n.btn-row .btn { flex: 1; padding: 6px; font-size: 9px; }\n\n.char-list { flex: 1; overflow-y: auto; display: flex; flex-direction: column; gap: 3px; margin: 6px 0; min-height: 100px; }\n.char-item { display: flex; align-items: center; gap: 8px; padding: 8px; background: var(--bg); border-radius: 4px; cursor: pointer; border: 1px solid transparent; }\n.char-item:hover { border-color: var(--border); }\n.char-item.active { border-color: var(--accent); background: rgba(124, 58, 237, 0.1); }\n.char-item input[type=\"checkbox\"] { accent-color: var(--accent); }\n.char-name { font-family: Georgia, serif; font-weight: 700; font-size: 13px; }\n.char-role { font-size: 9px; color: #71717a; text-transform: uppercase; font-family: Arial, sans-serif; }\n\n.preview-area { flex: 1; padding: 20px; overflow: auto; background: #09090b; display: flex; justify-content: center; }\n\n.paper { width: 210mm; min-height: 297mm; background: white; color: var(--ink); box-shadow: 0 4px 24px rgba(0,0,0,0.5); padding: 6mm; position: relative; display: flex; flex-direction: column; font-family: Georgia, serif; }\n\n/* ===== PDF-MATCHING PREVIEW STYLES ===== */\n\n/* Top half layout */\n.pdf-top-half { display: flex; gap: 5mm; margin-bottom: 2mm; }\n\n/* Left column: portrait + stats */\n.pdf-left-col { width: 40mm; flex-shrink: 0; }\n.pdf-portrait { width: 40mm; height: 60mm; border: 1px solid var(--ink); overflow: hidden; background: #fafafa; display: flex; align-items: center; justify-content: center; cursor: pointer; }\n.pdf-portrait:hover { background: #f0f0f0; }\n.pdf-portrait img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }\n.portrait-placeholder { font-family: Arial, sans-serif; font-size: 9pt; color: #999; text-align: center; padding: 10px; line-height: 1.4; }\n\n.pdf-stats-row { display: flex; gap: 4mm; margin-top: 2mm; }\n.pdf-stat-box { flex: 1; border: 1px solid var(--ink); text-align: center; padding: 1mm; }\n.pdf-stat-label { font-family: Arial, sans-serif; font-weight: 700; font-size: 9pt; }\n.pdf-stat-value { font-family: Georgia, serif; font-size: 14pt; font-weight: 700; min-height: 6mm; }\n\n/* Right column: name, role, bio, traits */\n.pdf-right-col { flex: 1; display: flex; flex-direction: column; }\n.pdf-name { font-family: Georgia, serif; font-weight: 700; font-size: 24pt; line-height: 1; border-bottom: 1px solid var(--ink); padding-bottom: 1mm; margin-bottom: 1mm; }\n.pdf-role { font-family: Arial, sans-serif; font-weight: 700; font-size: 11pt; color: #555; letter-spacing: 0.5px; margin-bottom: 2mm; }\n.pdf-bio { font-family: Georgia, serif; font-size: 10pt; line-height: 1.4; font-style: italic; color: var(--ink); margin-bottom: 2mm; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }\n\n.pdf-traits { display: flex; gap: 8mm; margin-top: auto; }\n.pdf-trait { display: flex; flex-direction: column; }\n.pdf-trait-label { font-family: Arial, sans-serif; font-size: 7pt; font-weight: 700; color: #888; text-transform: uppercase; }\n.pdf-trait-value { font-family: Georgia, serif; font-size: 11pt; font-weight: 700; }\n\n/* Bottom row: abilities + inventory */\n.pdf-bottom-row { display: flex; gap: 4mm; margin-top: 2mm; }\n\n.pdf-abilities-col { flex: 1; }\n.pdf-inventory-col { width: 50%; flex-shrink: 0; }\n\n.pdf-section-header { font-family: Arial, sans-serif; font-weight: 700; font-size: 9pt; text-transform: uppercase; background: var(--ink); color: white; padding: 1.5mm 2mm; text-align: center; }\n.pdf-section-content { padding: 2mm; }\n\n.pdf-ability { font-family: Arial, sans-serif; font-weight: 700; font-size: 9pt; padding: 1mm 0; color: var(--ink); }\n.pdf-inv-item { font-family: Georgia, serif; font-size: 10pt; padding: 0.5mm 0; color: var(--ink); }\n\n/* Fold line */\n.pdf-fold-line { border-top: 2px dashed #bbb; margin: 4mm 0; }\n\n/* Bottom half (back) */\n.pdf-bottom-half { display: flex; gap: 5mm; flex: 1; }\n\n.pdf-back-text { flex: 1; display: flex; flex-direction: column; }\n.pdf-back-name { font-family: Georgia, serif; font-weight: 700; font-size: 18pt; border-bottom: 1px solid var(--ink); padding-bottom: 1mm; margin-bottom: 2mm; }\n.pdf-back-section-label { font-family: Arial, sans-serif; font-size: 8pt; font-weight: 700; color: #888; text-transform: uppercase; margin-top: 2mm; margin-bottom: 1mm; }\n.pdf-back-text-content { font-family: Georgia, serif; font-size: 9pt; line-height: 1.4; color: #333; }\n.pdf-italic { font-style: italic; }\n\n.pdf-back-portrait { width: 55mm; height: 82.5mm; flex-shrink: 0; border: 1px solid var(--ink); overflow: hidden; }\n.pdf-back-portrait img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }\n\n.quest-footer { position: absolute; bottom: 4mm; left: 0; right: 0; text-align: center; font-family: Arial, sans-serif; font-size: 6pt; color: #aaa; text-transform: uppercase; letter-spacing: 1.5px; }\n\n.status { font-size: 10px; color: #71717a; margin-top: 4px; min-height: 14px; }\n.error { color: #f87171; font-size: 10px; margin-top: 4px; display: none; }\n`;\n","export const styles = `\n* { box-sizing: border-box; margin: 0; padding: 0; }\n:root { --ink: #1a1a1a; --accent: #7c3aed; --bg: #18181b; --card: #27272a; --border: #3f3f46; }\nbody { font-family: Georgia, serif; background: var(--bg); color: #e4e4e7; display: flex; height: 100vh; overflow: hidden; }\n\n.sidebar { width: 280px; background: var(--card); display: flex; flex-direction: column; padding: 12px; border-right: 1px solid var(--border); overflow-y: auto; }\n.sidebar-title { font-family: Georgia, serif; font-weight: 900; font-size: 22px; margin-bottom: 12px; display: flex; align-items: center; gap: 8px; }\n.sidebar-title span { color: var(--accent); }\n\n.section { margin-bottom: 12px; }\n.label { font-family: Arial, sans-serif; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #71717a; margin-bottom: 4px; }\n\ntextarea { width: 100%; height: 70px; background: var(--bg); border: 1px solid var(--border); color: #e4e4e7; font-family: monospace; font-size: 9px; padding: 6px; border-radius: 4px; resize: none; }\ntextarea:focus { outline: none; border-color: var(--accent); }\n\nselect { width: 100%; background: var(--bg); border: 1px solid var(--border); color: #e4e4e7; padding: 6px 8px; border-radius: 4px; font-size: 11px; }\n\n.btn { background: var(--border); color: white; border: none; padding: 8px 12px; border-radius: 4px; font-family: Arial, sans-serif; font-weight: 700; font-size: 10px; text-transform: uppercase; cursor: pointer; transition: all 0.15s; }\n.btn:hover { background: #52525b; }\n.btn:disabled { opacity: 0.5; cursor: not-allowed; }\n.btn-primary { background: var(--accent); }\n.btn-primary:hover { background: #6d28d9; }\n.btn-row { display: flex; gap: 4px; margin-top: 6px; }\n.btn-row .btn { flex: 1; padding: 6px; font-size: 9px; }\n\n.char-list { flex: 1; overflow-y: auto; display: flex; flex-direction: column; gap: 3px; margin: 6px 0; min-height: 100px; }\n.char-item { display: flex; align-items: center; gap: 8px; padding: 8px; background: var(--bg); border-radius: 4px; cursor: pointer; border: 1px solid transparent; }\n.char-item:hover { border-color: var(--border); }\n.char-item.active { border-color: var(--accent); background: rgba(124, 58, 237, 0.1); }\n.char-item input[type=\"checkbox\"] { accent-color: var(--accent); }\n.char-name { font-family: Georgia, serif; font-weight: 700; font-size: 13px; }\n.char-role { font-size: 9px; color: #71717a; text-transform: uppercase; font-family: Arial, sans-serif; }\n\n.preview-area { flex: 1; padding: 20px; overflow: auto; background: #09090b; display: flex; justify-content: center; }\n\n.paper { width: 210mm; min-height: 297mm; background: white; color: var(--ink); box-shadow: 0 4px 24px rgba(0,0,0,0.5); padding: 6mm; position: relative; display: flex; flex-direction: column; font-family: Georgia, serif; }\n\n/* ===== PDF-MATCHING PREVIEW STYLES ===== */\n\n/* Top half layout */\n.pdf-top-half { display: flex; gap: 5mm; margin-bottom: 2mm; }\n\n/* Left column: portrait + stats */\n.pdf-left-col { width: 40mm; flex-shrink: 0; }\n.pdf-portrait { width: 40mm; height: 60mm; border: 1px solid var(--ink); overflow: hidden; background: #fafafa; display: flex; align-items: center; justify-content: center; cursor: pointer; }\n.pdf-portrait:hover { background: #f0f0f0; }\n.pdf-portrait img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }\n.portrait-placeholder { font-family: Arial, sans-serif; font-size: 9pt; color: #999; text-align: center; padding: 10px; line-height: 1.4; }\n\n.pdf-stats-row { display: flex; gap: 4mm; margin-top: 2mm; }\n.pdf-stat-box { flex: 1; border: 1px solid var(--ink); text-align: center; padding: 1mm; }\n.pdf-stat-label { font-family: Arial, sans-serif; font-weight: 700; font-size: 9pt; }\n.pdf-stat-value { font-family: Georgia, serif; font-size: 14pt; font-weight: 700; min-height: 6mm; }\n\n/* Right column: name, role, bio, traits */\n.pdf-right-col { flex: 1; display: flex; flex-direction: column; }\n.pdf-name { font-family: Georgia, serif; font-weight: 700; font-size: 24pt; line-height: 1; border-bottom: 1px solid var(--ink); padding-bottom: 1mm; margin-bottom: 1mm; }\n.pdf-role { font-family: Arial, sans-serif; font-weight: 700; font-size: 11pt; color: #555; letter-spacing: 0.5px; margin-bottom: 2mm; }\n.pdf-bio { font-family: Georgia, serif; font-size: 10pt; line-height: 1.4; font-style: italic; color: var(--ink); margin-bottom: 2mm; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }\n\n.pdf-traits { display: flex; gap: 8mm; margin-top: auto; }\n.pdf-trait { display: flex; flex-direction: column; }\n.pdf-trait-label { font-family: Arial, sans-serif; font-size: 7pt; font-weight: 700; color: #888; text-transform: uppercase; }\n.pdf-trait-value { font-family: Georgia, serif; font-size: 11pt; font-weight: 700; }\n\n/* Bottom row: abilities + inventory */\n.pdf-bottom-row { display: flex; gap: 4mm; margin-top: 2mm; }\n\n.pdf-abilities-col { flex: 1; }\n.pdf-inventory-col { width: 50%; flex-shrink: 0; }\n\n.pdf-section-header { font-family: Arial, sans-serif; font-weight: 700; font-size: 9pt; text-transform: uppercase; background: var(--ink); color: white; padding: 1.5mm 2mm; text-align: center; }\n.pdf-section-content { padding: 2mm; }\n\n.pdf-ability { padding: 1.5mm 0; color: var(--ink); }\n.pdf-ability-path { font-family: Arial, sans-serif; font-weight: 700; font-size: 8pt; color: #666; }\n.pdf-ability-name { font-family: Georgia, serif; font-weight: 700; font-size: 11pt; color: var(--ink); }\n.pdf-inv-item { font-family: Georgia, serif; font-size: 12pt; padding: 1mm 0; color: var(--ink); }\n\n/* Fold line */\n.pdf-fold-line { border-top: 2px dashed #bbb; margin: 4mm 0; }\n\n/* Bottom half (back) */\n.pdf-bottom-half { display: flex; gap: 5mm; flex: 1; }\n\n.pdf-back-text { flex: 1; display: flex; flex-direction: column; }\n.pdf-back-name { font-family: Georgia, serif; font-weight: 700; font-size: 18pt; border-bottom: 1px solid var(--ink); padding-bottom: 1mm; margin-bottom: 2mm; }\n.pdf-back-section-label { font-family: Arial, sans-serif; font-size: 8pt; font-weight: 700; color: #888; text-transform: uppercase; margin-top: 2mm; margin-bottom: 1mm; }\n.pdf-back-text-content { font-family: Georgia, serif; font-size: 9pt; line-height: 1.4; color: #333; }\n.pdf-italic { font-style: italic; }\n\n.pdf-back-portrait { width: 55mm; height: 82.5mm; flex-shrink: 0; border: 1px solid var(--ink); overflow: hidden; }\n.pdf-back-portrait img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }\n\n.quest-footer { position: absolute; bottom: 4mm; left: 0; right: 0; text-align: center; font-family: Arial, sans-serif; font-size: 6pt; color: #aaa; text-transform: uppercase; letter-spacing: 1.5px; }\n\n.status { font-size: 10px; color: #71717a; margin-top: 4px; min-height: 14px; }\n.error { color: #f87171; font-size: 10px; margin-top: 4px; display: none; }\n`;\n","createdAt",["D",1767451213846],"branchVersion","branchId","0ef53fd2-e855-11f0-b002-42dde27851f2","id","0ef4ff7c-e855-11f0-b002-42dde27851f2","quest-sheet-printer",["D",1767411246927],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Quest RPG character sheet PDF generator","imageUrl","9319c175-2593-4f88-ba21-04f2ef7b1c28","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","d663a026-6449-42f6-9156-1d4a2d64d38c","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_95":94,"_103":99},"org",{"_95":94,"_96":97,"_98":99,"_18":55,"_100":101,"_102":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"isOwned",106,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","dcm31","handle","displayName","Charlie","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/3e904faa-3764-4629-c475-f561a49b0000/square512?exp=1789567199&sig=e06d2452d15457d897c29ee2d4a45d8ac5b1a1a7b6bc3ec1d7706c1f90e23fa3","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":192,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":-5,"_57":25,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":193,"_79":194,"_81":195,"_83":25},"tree",[175,176,177,178],"files",[175,176,177,178],"counts",{"_164":61,"_165":166,"_167":61,"_168":169,"_170":171},"contents",[127,128,129,130],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_43":156,"_32":157,"_30":158,"_132":-5,"_41":42,"_40":159,"_133":25,"_38":160,"_13":161,"_33":34,"_35":162,"_24":25,"_136":-5,"_27":163},{"_43":148,"_32":149,"_30":150,"_132":-5,"_41":42,"_40":151,"_133":122,"_38":152,"_13":153,"_33":20,"_35":154,"_24":25,"_136":-5,"_27":155},{"_43":138,"_32":139,"_30":140,"_132":-5,"_41":42,"_40":141,"_133":25,"_38":142,"_13":143,"_33":144,"_35":145,"_24":25,"_136":146,"_27":147},{"_43":131,"_32":28,"_30":31,"_132":-5,"_41":42,"_40":14,"_133":25,"_38":134,"_13":135,"_33":34,"_35":37,"_24":25,"_136":-5,"_27":137},"1d1a47b2-e8b2-11f0-9cea-42dde27851f2","parentId","latest",["D",1767451213846],6,"label",[28],"48714822-e860-11f0-8438-42dde27851f2","main.ts","44e0e678-e855-11f0-b1e2-42dde27851f2",24,["D",1767416067826],11,"http","import { styles } from \"./styles.ts\";\nimport { clientScript } from \"./client.ts\";\n\nexport default async function(req: Request): Promise {\n return new Response(renderHTML(), { \n headers: { \"Content-Type\": \"text/html\" } \n });\n}\n\nfunction renderHTML(): string {\n return `\n\n\n \n \n Quest Character Sheet Generator\n

Diff · v72