/* The same styles are used in the live preview and the A4 print document. */
.qra-resume-studio{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:20px;align-items:start}
.qra-resume-form{max-height:860px;overflow:auto;min-width:0}.qra-resume-stage{position:sticky;top:85px;padding:24px;min-height:0;overflow:auto;background:#dce4e8}
.qra-resume-paper{--resume-accent:#126b5b;box-sizing:border-box;width:100%;max-width:794px;min-height:1050px;padding:0;margin:auto;background:#fff;color:#243247;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.6;box-shadow:0 16px 50px #233d5526;overflow-wrap:anywhere}
.qra-resume-paper *{box-sizing:border-box}.qra-resume-paper [hidden]{display:none!important}
.qra-resume-paper header{display:flex;align-items:center;justify-content:flex-start;gap:24px;padding:42px 36px 32px;border:0;background:#f5f8f7}
.qra-resume-paper h2{font-size:34px;line-height:1.08;letter-spacing:-1.2px;margin:7px 0 8px;color:var(--resume-accent);font-weight:800}
.qra-resume-paper header p{font-size:13px;letter-spacing:.3px;margin:0;color:inherit}.qra-resume-overline{font-size:8px;letter-spacing:2.5px;font-weight:700;color:var(--resume-accent)}
.qra-resume-photo{display:block;width:86px;height:86px;object-fit:cover;flex:0 0 86px;border-radius:16px}
.qra-resume-columns{display:grid;grid-template-columns:31% 69%;min-height:760px}.qra-resume-columns aside{padding:26px 24px;background:#eff5f3}.qra-resume-columns main{padding:26px 32px}
.qra-resume-paper section{margin:0 0 26px;break-inside:avoid}.qra-resume-paper h3{margin:0 0 12px;padding:0 0 7px;border-bottom:1px solid #dce5e4;font-size:9px;line-height:1.4;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--resume-accent)}
.qra-resume-paper section p,.qra-resume-paper section div{font-size:11px;line-height:1.7;margin:0;color:inherit}.qra-resume-contact{text-align:left;font-size:10px!important;line-height:1.9!important;word-break:break-word}
.qra-resume-skills{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.qra-resume-skills i{font-style:normal;border-radius:5px;padding:4px 8px;background:#fff;font-size:10px;line-height:1.3}
.qra-resume-paper canvas,.qra-resume-qr-image{float:none;display:block;width:82px;height:82px;max-width:100%;margin-top:25px}
.qra-resume-paper.style-horizon header{background:var(--resume-accent);color:#fff;padding:46px 40px}.qra-resume-paper.style-horizon h2,.qra-resume-paper.style-horizon .qra-resume-overline{color:white}.qra-resume-paper.style-horizon .qra-resume-columns{grid-template-columns:1fr}.qra-resume-paper.style-horizon aside{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;padding:24px 40px;background:#f5f7fa;min-height:0}.qra-resume-paper.style-horizon aside section{margin:0}.qra-resume-paper.style-horizon main{padding:30px 40px}.qra-resume-paper.style-horizon .qra-resume-skills{flex-direction:row;flex-wrap:wrap}
.qra-resume-paper.style-editorial{font-family:Georgia,'Times New Roman',serif}.qra-resume-paper.style-editorial header{background:#fffaf4;border-top:10px solid var(--resume-accent);padding:38px 40px}.qra-resume-paper.style-editorial h2{font-family:Georgia,serif;font-size:39px;font-weight:400}.qra-resume-paper.style-editorial .qra-resume-columns{grid-template-columns:1fr 30%}.qra-resume-paper.style-editorial aside{grid-column:2;grid-row:1;background:#fffaf4;padding:25px 22px}.qra-resume-paper.style-editorial main{grid-column:1;grid-row:1;padding:30px 34px}.qra-resume-paper.style-editorial h3{font-size:13px;text-transform:none;letter-spacing:0;font-family:Georgia,serif}
.qra-resume-paper.style-precision{padding:38px 42px}.qra-resume-paper.style-precision header{padding:0 0 22px;background:white;border-bottom:2px solid #283746}.qra-resume-paper.style-precision h2{color:#162332;font-size:31px}.qra-resume-paper.style-precision .qra-resume-overline{display:none}.qra-resume-paper.style-precision .qra-resume-columns{display:flex;flex-direction:column;min-height:0}.qra-resume-paper.style-precision aside{display:block;padding:20px 0 0;background:white}.qra-resume-paper.style-precision aside section{margin-bottom:15px}.qra-resume-paper.style-precision main{padding:10px 0}.qra-resume-paper.style-precision .qra-resume-skills{flex-direction:row;flex-wrap:wrap}.qra-resume-paper.style-precision .qra-resume-skills i{padding:0 8px 0 0;background:white}.qra-resume-paper.style-precision h3{color:#162332;letter-spacing:.7px}.qra-resume-paper.style-precision .qra-resume-photo{display:none}
.qra-resume-paper.style-spectrum header{background:#17243c;color:white;border-left:12px solid var(--resume-accent)}.qra-resume-paper.style-spectrum h2{color:white}.qra-resume-paper.style-spectrum .qra-resume-overline{color:#cbe8df}.qra-resume-paper.style-spectrum aside{background:var(--resume-accent);color:white}.qra-resume-paper.style-spectrum aside h3{color:white;border-color:#ffffff44}.qra-resume-paper.style-spectrum .qra-resume-skills i{background:#ffffff20;color:white}.qra-resume-paper.style-spectrum main h3{border-left:4px solid var(--resume-accent);padding-left:10px;border-bottom:0}.qra-resume-paper.style-spectrum .qra-resume-photo{border-radius:50%}
#qrall-app .qra-resume-template-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}#qrall-app .qra-resume-template-grid button{display:grid;gap:6px;padding:6px;border:1px solid var(--qra-line);border-radius:10px;background:var(--qra-surface);color:var(--qra-muted);font-size:9px}#qrall-app .qra-resume-template-grid button.is-active{border:2px solid var(--qra-accent);padding:5px;color:var(--qra-primary)}
.qra-template-thumb{position:relative;display:block;width:100%;aspect-ratio:3/4;background:white;border:1px solid #e3e8eb;overflow:hidden}.qra-template-thumb i{position:absolute;left:10%;top:12%;width:70%;height:15%;background:#0c7364}.qra-template-thumb b{position:absolute;left:10%;top:39%;width:20%;height:48%;background:#dbece6}.qra-template-thumb em{position:absolute;left:39%;top:39%;width:46%;height:45%;background:repeating-linear-gradient(#b5c5cc 0 2px,transparent 2px 7px)}.thumb-horizon i{inset:0 0 auto;width:100%;height:30%;background:#133f70}.thumb-horizon b{top:35%;width:80%;height:8%}.thumb-horizon em{left:10%;top:50%;width:80%}.thumb-editorial{background:#fffaf4}.thumb-editorial i{height:8%;background:#ad6c46}.thumb-editorial b{left:70%;width:20%}.thumb-editorial em{left:10%;width:52%}.thumb-precision i{height:7%;background:#333}.thumb-precision b{display:none}.thumb-precision em{left:10%;width:80%;height:55%}.thumb-spectrum i{inset:0 0 auto;width:100%;height:31%;background:#17243c}.thumb-spectrum b{left:0;top:31%;width:32%;height:70%;background:#6953b4}
#qrall-app .qra-resume-photo-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}#qrall-app .qra-resume-photo-row label{margin-left:auto;display:flex;gap:6px;align-items:center;font-size:10px}#qrall-app .qra-resume-photo-row input[type=color]{width:38px;height:34px}#qrall-app .qra-resume-photo-row .qra-button{font-size:10px;padding:8px}
@media(max-width:1000px){.qra-resume-studio{grid-template-columns:1fr}.qra-resume-stage{position:static;order:2}.qra-resume-form{max-height:none}.qra-resume-paper{max-width:794px}}
@media(max-width:620px){.qra-resume-stage{padding:8px;overflow:hidden}.qra-resume-paper{min-width:0;min-height:1050px}}
@page{size:A4;margin:0}
@media print{html,body{margin:0;padding:0;background:white}.qra-resume-paper{width:210mm!important;max-width:210mm!important;min-width:0!important;min-height:297mm;box-shadow:none;margin:0;print-color-adjust:exact;-webkit-print-color-adjust:exact}.qra-resume-paper header{break-after:avoid}.qra-resume-paper section{break-inside:avoid}.qra-resume-paper a{color:inherit;text-decoration:none}}