/* Fixed preview surfaces preserve the supplied artwork across interface themes. */
.logo-app+.logo-app{margin-top:64px;padding-top:48px;border-top:1px solid var(--border-subtle)}
.logo-app-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;border:1px solid var(--border-subtle);border-radius:14px;background-color:var(--surface-primary);background-image:var(--ambient-panel-image);margin-bottom:40px}
.logo-app-identity{display:flex;align-items:center;gap:20px;min-width:0}
.logo-app-mark{display:block;width:80px;height:80px;flex-shrink:0}
.logo-app-mark img{width:100%;height:100%;object-fit:contain}
.logo-app-identity p{font-size:14px;color:var(--text-secondary);margin:4px 0}
.logo-app-heading>.button{flex-shrink:0}
.logo-font-section{margin:32px 0 40px}
.logo-font-card{display:flex;flex-direction:column;gap:16px;background-image:var(--ambient-panel-image)}
.logo-font-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.logo-font-heading h4{font-size:20px;line-height:28px}
.logo-font-downloads{display:flex;flex-wrap:wrap;gap:12px}
.logo-font-footnote{font-size:14px;color:var(--text-secondary)}
@media(max-width:767px){.logo-font-heading{align-items:flex-start;flex-direction:column;gap:16px}.logo-font-section>.section-heading>.pill{display:inline-flex}}
.logo-group{margin:32px 0 40px}
.logo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.logo-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.logo-grid.logo-grid-single{grid-template-columns:minmax(0,1fr);max-width:560px}
.logo-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.logo-card{min-width:0;border:1px solid var(--border-subtle);border-radius:14px;background:var(--surface-primary);display:flex;flex-direction:column}
.logo-preview-button{display:block;width:100%;border:0;padding:0;background:none;border-radius:14px 14px 0 0;position:relative}
.logo-preview-button:focus-visible{outline-offset:4px}
.logo-stage{display:flex;align-items:center;justify-content:center;height:264px;padding:24px;border-radius:14px 14px 0 0;border-bottom:1px solid var(--border-subtle)}
.logo-stage img{width:100%;height:100%;object-fit:contain;filter:none;mix-blend-mode:normal}
.logo-zoom-cue{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface-primary);color:var(--text-secondary);font-size:12px}
.logo-zoom-cue svg{width:16px;height:16px}
.logo-preview-button:hover .logo-zoom-cue{color:var(--action-text);border-color:var(--action-border,var(--action-primary))}
.logo-card-body{padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;flex:1}
.logo-card-body h4{font-size:16px;line-height:24px}
.logo-file-meta{font-size:12px;color:var(--text-secondary);line-height:20px}
.logo-file-note{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:8px}
.logo-card-body>.button{margin-top:auto}
.logo-preview-dialog{width:min(960px,calc(100% - 32px));padding:24px}
.logo-preview-dialog .dialog-heading{margin-bottom:20px}
.logo-preview-dialog .eyebrow{margin-bottom:6px}
.logo-preview-dialog h2{font-size:24px;line-height:32px}
.logo-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px;font-size:14px}
.logo-preview-stage{display:flex;align-items:center;justify-content:center;min-height:240px;height:min(52dvh,480px);padding:24px;border:1px solid var(--border-strong);border-radius:10px}
.logo-preview-stage img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;filter:none;mix-blend-mode:normal}
.logo-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:20px;font-size:14px}
.logo-preview-footer small{display:block;margin-top:6px;color:var(--text-secondary);line-height:1.6}
.logo-preview-footer>.button{flex-shrink:0}
[data-logo-surface="light"]{background:#FFFFFF}
[data-logo-surface="dark"]{background:#111318}
[data-logo-surface="checker"]{background-color:#FFFFFF;background-image:linear-gradient(45deg,#E6E8ED 25%,transparent 25%),linear-gradient(-45deg,#E6E8ED 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#E6E8ED 75%),linear-gradient(-45deg,transparent 75%,#E6E8ED 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}
@media(max-width:1439px){.logo-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1250px){.logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.logo-app-heading{padding:20px;flex-direction:column;align-items:flex-start;gap:20px}.logo-app-identity{gap:12px}.logo-grid{grid-template-columns:1fr;gap:20px}.logo-app-mark{width:64px;height:64px}.logo-stage{height:248px}.logo-preview-dialog{padding:20px}.logo-preview-toolbar{align-items:flex-start;gap:8px}.logo-preview-footer{flex-direction:column;align-items:flex-start;gap:16px}.logo-preview-stage{padding:16px}.logo-group>.section-heading>.pill{display:inline-flex}}
@media(max-width:360px){.logo-surface-controls{width:100%}.logo-preview-stage{min-height:200px}}

/* Product artwork in the diagnostic catalog uses the shared source for each app. */
.app-icon .login-app-art{width:100%;height:100%}
.app-icon .login-app-art img{width:100%;height:100%;object-fit:contain}

.eadgames-asset-preview{display:block;width:100%;height:440px;border:1px solid var(--border-subtle);border-radius:20px;margin:20px 0;background:#09090d;color-scheme:normal}.eadgames-downloads{display:flex;flex-wrap:wrap;gap:12px}.eadgames-asset-preview+.logo-file-note{margin-top:12px}@media(max-width:767px){.eadgames-asset-preview{height:400px}}