/* FIX290 / CARD-SYNC: main-site result chrome and centered keycard. Tip page is unchanged. */
.result-icons{display:flex;align-items:center;justify-content:flex-start;gap:0;margin-top:2px}
.result-icon{display:inline-grid;place-items:center;width:44px;height:44px;flex:0 0 44px;padding:0;border:0;border-radius:10px;background:transparent;color:#98a2b3;cursor:pointer}
.result-icon svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.result-icon:hover{color:#667085;background:#f4f6f8}
.result-icon.is-on{color:#344054}
.result-icon:disabled{opacity:.35;cursor:not-allowed}
.result-more{position:relative;flex:0 0 44px}
.result-more-menu{position:absolute;z-index:6;top:44px;right:0;left:auto;min-width:200px;padding:6px;border:1px solid #e4e7ec;border-radius:12px;background:#fff;box-shadow:0 12px 32px rgba(16,24,40,.08)}
.result-more-menu[hidden]{display:none}
.result-more-item{display:flex;align-items:center;width:100%;min-height:44px;padding:8px 12px;border:0;border-radius:8px;background:transparent;color:#344054;font-size:14px;text-align:left;cursor:pointer}
.result-more-item:hover{background:#f5f6f8}
.result-meta{margin:0 4px;color:#c5cad3;font-size:12px;font-weight:400;line-height:1.4}
.result-card .compare-switch,.result-card .result-head,.result-card .compare strong,.repair-compare-tabs,.comparison-label{display:none!important}
.result-card .compare-grid,.result-card .result-compare{display:grid;grid-template-columns:minmax(0,1fr)!important;width:min(420px,88%);gap:0}
.result-card .compare,.result-card .result-compare figure{border:0;background:transparent;min-height:0}
.result-card .compare[data-compare-active="false"],.result-card .result-compare figure[data-compare-active="false"],.comparison-panel[data-repair-active="false"]{display:none!important}
.result-card .compare img,.result-card .result-compare img,.comparison.visible .comparison-panel img,.preview-choice img{width:100%;height:auto!important;max-height:min(72dvh,640px);aspect-ratio:auto!important;object-fit:contain;border:0;border-radius:16px;background:transparent}
.result-card .preview-actions{display:block;margin:0}
.result-card .preview-actions .unlock-status:empty{display:none}
.result-card .result-icons,.result-card .result-meta,.repair-result-tools{width:min(420px,88%)}
.comparison.visible{display:grid!important;grid-template-columns:minmax(0,1fr)!important;max-width:min(420px,88%);gap:0}
.comparison.visible ~ .start-row > .primary,.regenerate-row.visible{display:none!important}
#previewLimitGuide{display:none!important}
.preview{aspect-ratio:auto;height:auto;max-height:none}
.preview img{width:100%;height:auto;max-height:min(72dvh,640px);object-fit:contain}
#keycardModal.modal{display:grid;place-items:center;align-items:center;justify-content:center;padding:24px;background:rgba(15,23,42,.48)}
#keycardModal.modal.open{display:grid}
#keycardModal .modal-card,#keycardModal .keycard-panel.modal-card,#keycardModal .keycard-dialog.modal-card{position:relative;width:440px;max-width:calc(100vw - 48px);margin:0;padding:28px 28px 24px;border:0;border-radius:16px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.22);text-align:left}
#keycardModal .card-key-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:#98a2b3;font-size:22px;line-height:1;cursor:pointer}
#keycardModal h2,#keycardModal h3{margin:0 36px 8px 0;color:#0f2744;font-size:20px;font-weight:750;line-height:1.35;text-align:left}
#keycardModal #keycardModalDescription,#keycardModal #modalIntro{margin:0 0 16px;color:#667085;font-size:14px;font-weight:400;line-height:1.5;text-align:left}
#keycardModal .card-entitlement[hidden],#keycardModal .card-label[hidden]{display:none!important}
#keycardModal .keycard-input,#keycardModal #keycardInput{height:48px;min-height:48px;padding:0 14px;border:1px solid #e4e7ec;border-radius:10px;font-size:16px}
#keycardModal .modal-status:empty,#keycardModal #keycardStatus:empty{display:none;min-height:0;margin:0}
#keycardModal .modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
#keycardModal .secondary,#keycardModal .primary,#keycardModal .modal-cancel,#keycardModal .modal-submit{min-height:48px;border-radius:10px;font-size:15px;font-weight:650}
#keycardModal .secondary,#keycardModal .modal-cancel{border:1px solid #e4e7ec;background:#fff;color:#101828}
#keycardModal .primary,#keycardModal .modal-submit{border:0;background:#2f6bff;color:#fff}
@media(max-width:480px){
  #keycardModal.modal{display:grid;place-items:center;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,.5)}
  #keycardModal.modal.open{display:grid}
  #keycardModal .modal-card,#keycardModal .keycard-panel.modal-card,#keycardModal .keycard-dialog.modal-card{width:min(340px,100%);margin:0;border-radius:16px;padding:28px 20px 20px;text-align:center}
  #keycardModal .card-key-close{display:none}
  #keycardModal h2,#keycardModal h3,#keycardModal #keycardModalDescription,#keycardModal #modalIntro{margin-right:0;text-align:center}
  #keycardModal .primary,#keycardModal .modal-submit{background:#0e1c36}
}
#keycardModal.modal[hidden]{display:none}
