.resume-seo-page{display:grid;gap:1.6rem;color:#edf9fff5}.resume-seo-panel,.resume-seo-preview{border:1px solid rgba(130,238,201,.24);border-radius:8px;background:linear-gradient(135deg,#0b1218f2,#111416f0),linear-gradient(90deg,#7eeec91f,#f8b5621a);box-shadow:0 18px 40px #00000047}.resume-seo-preview-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.resume-seo-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:0}.resume-seo-actions-under{margin-top:1rem;justify-content:center}.resume-seo-actions .primary-btn,.resume-seo-actions .ghost-btn{border-radius:8px}.resume-seo-primary{text-decoration:none}.resume-seo-panel{padding:clamp(1rem,2.4vw,1.4rem)}.resume-seo-panel h2,.resume-seo-preview h2{margin:0;font-size:clamp(1.35rem,2.6vw,2rem)}.resume-seo-panel ul{display:grid;gap:.8rem;margin:1rem 0 0;padding-left:1.2rem;color:#e1f0f2db;line-height:1.65}.resume-seo-proof dl{display:grid;gap:.8rem;margin:1rem 0}.resume-seo-proof dl div{display:grid;gap:.2rem}.resume-seo-proof dt{color:#f9be7e;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}.resume-seo-proof dd{margin:0;overflow-wrap:anywhere;color:#effbfff0;font-family:SFMono-Regular,Consolas,monospace;font-size:.88rem}.resume-seo-proof p,.resume-seo-warning{margin:.85rem 0 0;color:#ddedefc7;line-height:1.6}.resume-seo-warning{color:#f9be7e}.resume-seo-preview{padding:clamp(1rem,2.4vw,1.4rem)}.resume-seo-preview-main{padding-top:clamp(.75rem,1.7vw,1rem)}.resume-seo-document-shell{width:100%;max-height:min(82vh,900px);min-height:620px;overflow-y:auto;overscroll-behavior:contain;border:1px solid rgba(130,238,201,.18);border-radius:8px;background:#ffffffeb}.resume-seo-document{display:grid;gap:1rem;place-items:center;padding:1rem}.resume-seo-preview-page{max-width:100%;overflow:hidden;border-radius:6px;box-shadow:0 12px 30px #00000047}.resume-seo-preview-page canvas{display:block;max-width:100%;height:auto!important}.resume-seo-preview-fallback{display:grid;place-items:center;min-height:620px;padding:1.5rem;border:1px solid rgba(130,238,201,.18);border-radius:8px;background:#060b10b8;text-align:center}.resume-seo-preview-fallback p{margin:0;color:#e7f4f8db;line-height:1.6}.resume-seo-preview-fallback a{margin-top:.7rem;color:#8eecce;font-weight:800;text-decoration:none}@media(max-width:520px){.resume-seo-actions .primary-btn,.resume-seo-actions .ghost-btn{width:100%;justify-content:center}.resume-seo-document-shell,.resume-seo-preview-fallback{min-height:520px}}