.resume-template-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 12px 0 20px; }
.resume-template-options button { min-width: 0; padding: 12px 6px; border: 1px solid #ddd5ee; border-radius: 99px; background: white; color: #735b91; font: inherit; font-size: 12px; cursor: pointer; }
.resume-template-options button[aria-pressed="true"] { color: #fff; background: #6b51ce; border-color: #6b51ce; }
.resume-photo-editor { display: flex; align-items: center; gap: 18px; margin-bottom: 24px; }
.resume-photo-editor p { color: #8c8099; font-size: 11px; margin: 8px 0; }
.resume-photo-slot { width: 75px; height: 105px; flex: 0 0 75px; border: 1px dashed #c4bad6; border-radius: 8px; display: flex; align-items: center; justify-content: center; color: #94879f; font-size: 12px; overflow: hidden; }
.resume-photo-slot img, .resume-id-photo img { width: 100%; height: 100%; object-fit: cover; }
.resume-profile-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; padding-bottom: 16px; border-bottom: 2px solid #67518f; }
.resume-profile-header > div:first-child { min-width: 0; flex: 1; }
.resume-id-photo { width: 25mm; height: 35mm; flex: 0 0 25mm; border: 1px dashed #aaa; display: flex; align-items: center; justify-content: center; color: #999; font-size: 10px; overflow: hidden; }
.resume-paper[data-template="campus"] .resume-section h3 { border-left: 3px solid #6b51ce; padding-left: 8px; }
.resume-paper[data-template="experienced"] .resume-profile-header { border-color: #25345a; }
.resume-paper[data-template="experienced"] .resume-section h3 { color: #25345a; }
@media (max-width: 600px) { .resume-id-photo { width: 66px; height: 92.4px; flex-basis: 66px; } }
@media print { .page:not(#resume-page), .resume-import-entry { display: none !important; } .resume-id-photo { width: 25mm; height: 35mm; flex-basis: 25mm; } .resume-profile-header { break-inside: avoid; } }