Quest Character Sheet Generator

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_221":222,"_223":224},"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",105,"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: 11pt; 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: 12pt; 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: 2mm 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: 11pt; line-height: 1.45; 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: 11pt; 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: 12pt; 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: 2mm 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: 11pt; line-height: 1.45; 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/* Feedback section */\n.feedback-section { margin-top: auto; padding-top: 12px; border-top: 1px solid var(--border); }\n.feedback-toggle { width: 100%; background: none; border: none; color: #71717a; font-family: Arial, sans-serif; font-size: 11px; padding: 8px 0; cursor: pointer; display: flex; align-items: center; justify-content: space-between; transition: color 0.15s; }\n.feedback-toggle:hover { color: #a1a1aa; }\n.feedback-chevron { font-size: 8px; transition: transform 0.2s; }\n.feedback-chevron.open { transform: rotate(180deg); }\n.feedback-content { display: none; padding-top: 8px; }\n.feedback-content.open { display: block; }\n.feedback-content textarea { height: 60px; margin-bottom: 0; }\n.feedback-status { font-size: 10px; color: #71717a; margin-top: 4px; min-height: 14px; }\n.feedback-status.success { color: #4ade80; }\n.feedback-status.error { color: #f87171; }\n`;\n","createdAt",["D",1767548360405],"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=1789556399&sig=79099f5f8ff13fa7ca88ddd17cfb358dd5de01b4572d54739a735b474a8e2cad","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":217,"_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":218,"_79":219,"_81":220,"_83":25},"tree",[192,193,194,195,196,197],"files",[192,193,194,195,196,197],"counts",{"_181":61,"_182":183,"_184":61,"_185":186,"_187":188},"contents",[127,128,129,130,131,132],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_43":173,"_32":174,"_30":175,"_134":-5,"_41":42,"_40":176,"_135":25,"_38":177,"_13":178,"_33":34,"_35":179,"_24":25,"_138":-5,"_27":180},{"_43":165,"_32":166,"_30":167,"_134":-5,"_41":42,"_40":168,"_135":122,"_38":169,"_13":61,"_33":170,"_35":171,"_24":25,"_138":-5,"_27":172},{"_43":158,"_32":159,"_30":160,"_134":-5,"_41":42,"_40":161,"_135":122,"_38":162,"_13":61,"_33":34,"_35":163,"_24":25,"_138":-5,"_27":164},{"_43":150,"_32":151,"_30":152,"_134":-5,"_41":42,"_40":153,"_135":122,"_38":154,"_13":155,"_33":20,"_35":156,"_24":25,"_138":-5,"_27":157},{"_43":140,"_32":141,"_30":142,"_134":-5,"_41":42,"_40":143,"_135":122,"_38":144,"_13":145,"_33":146,"_35":147,"_24":25,"_138":148,"_27":149},{"_43":133,"_32":28,"_30":31,"_134":-5,"_41":42,"_40":14,"_135":122,"_38":136,"_13":137,"_33":34,"_35":37,"_24":25,"_138":-5,"_27":139},"4cf6775c-e994-11f0-b5ea-42dde27851f2","parentId","latest",["D",1767548360405],11,"label",[28],"459ab784-e994-11f0-8406-42dde27851f2","main.ts","44e0e678-e855-11f0-b1e2-42dde27851f2",104,["D",1767548348059],12,"http","import { styles } from \"./styles.ts\";\nimport { clientScript } from \"./client.ts\";\nimport { storeFeedback } from \"./feedback.ts\";\n\nexport default async function(req: Request): Promise {\n const url = new URL(req.url);\n \n // Handle feedback POST\n if (req.method === \"POST\" && url.pathname === \"/feedback\") {\n try {\n const body = await req.json();\n const feedback = body.feedback?.trim();\n if (!feedback) {\n return new Response(JSON.stringify({ error: \"Feedback required\" }), {\n status: 400,\n headers: { \"Content-Type\": \"application/json\" }\n });\n }\n await storeFeedback(feedback, req.headers.get(\"user-agent\") || undefined);\n return new Response(JSON.stringify({ ok: true }), {\n headers: { \"Content-Type\": \"application/json\" }\n });\n } catch (e) {\n return new Response(JSON.stringify({ error: \"Invalid request\" }), {\n status: 400,\n headers: { \"Content-Type\": \"application/json\" }\n });\n }\n }\n \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 · v105