.cf56-audit{margin:18px 0;padding:20px;border:1px solid color-mix(in srgb,var(--primary,#8b5cf6) 22%,var(--border,#e5e7eb));border-radius:22px;background:var(--panel,#fff);box-shadow:0 16px 44px rgba(33,20,68,.07)}
.cf56-audit.has-blockers{border-color:color-mix(in srgb,#dc2626 35%,var(--border,#e5e7eb));background:linear-gradient(135deg,color-mix(in srgb,#dc2626 4%,var(--panel,#fff)),var(--panel,#fff))}.cf56-audit.is-ready{border-color:color-mix(in srgb,#16a34a 28%,var(--border,#e5e7eb))}
.cf56-audit>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.cf56-audit h3{margin:4px 0 7px;font-size:1.22rem}.cf56-audit header p{margin:0;max-width:760px;color:var(--muted);line-height:1.5}.cf56-score{display:flex;align-items:baseline;justify-content:center;min-width:86px;padding:12px 14px;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--primary,#8b5cf6) 6%,var(--panel,#fff))}.cf56-score strong{font-size:1.65rem}.cf56-score span{font-size:.75rem;color:var(--muted)}
.cf56-meter{margin:16px 0}.cf56-meter>i{display:block;height:8px;border-radius:999px;background:color-mix(in srgb,var(--muted) 16%,transparent);overflow:hidden}.cf56-meter>i>em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary,#8b5cf6),color-mix(in srgb,var(--primary,#8b5cf6) 55%,#22c55e));transition:width .25s ease}.cf56-meter>div{display:flex;gap:14px;flex-wrap:wrap;margin-top:7px;font-size:.75rem;color:var(--muted)}
.cf56-preview,.cf56-list{display:grid;gap:10px}.cf56-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--border);border-radius:16px;background:var(--panel,#fff)}.cf56-row.is-blocker{border-color:color-mix(in srgb,#dc2626 30%,var(--border))}.cf56-row.is-warning{border-color:color-mix(in srgb,#f59e0b 28%,var(--border))}.cf56-row.is-pass{opacity:.78}.cf56-icon{display:grid;width:32px;height:32px;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--primary,#8b5cf6) 9%,transparent);font-weight:900}.cf56-row.is-blocker .cf56-icon{background:color-mix(in srgb,#dc2626 12%,transparent);color:#b91c1c}.cf56-row.is-warning .cf56-icon{background:color-mix(in srgb,#f59e0b 14%,transparent);color:#a16207}.cf56-row.is-pass .cf56-icon{background:color-mix(in srgb,#16a34a 12%,transparent);color:#15803d}.cf56-row small{display:block;color:var(--muted);font-weight:800;letter-spacing:.06em;font-size:.64rem}.cf56-row b{display:block;margin:3px 0}.cf56-row p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.38}
.cf56-clear{display:flex;gap:12px;align-items:center;padding:15px;border:1px dashed color-mix(in srgb,#16a34a 35%,var(--border));border-radius:16px}.cf56-clear>span{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:color-mix(in srgb,#16a34a 12%,transparent);color:#15803d;font-weight:900}.cf56-clear p{margin:3px 0 0;color:var(--muted);font-size:.84rem}.cf56-audit>footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:13px;border-top:1px solid var(--border)}
.cf56-backdrop{position:fixed;inset:0;z-index:9999;background:rgba(15,10,30,.42);display:flex;justify-content:flex-end}.cf56-drawer{width:min(720px,94vw);height:100%;display:flex;flex-direction:column;background:var(--panel,#fff);box-shadow:-20px 0 60px rgba(20,10,45,.2)}.cf56-drawer>header{display:flex;justify-content:space-between;gap:20px;padding:22px;border-bottom:1px solid var(--border)}.cf56-drawer h2{margin:4px 0 5px}.cf56-drawer header p{margin:0;color:var(--muted)}.cf56-close{border:0;background:transparent;color:var(--muted);font-size:1.5rem;cursor:pointer}.cf56-body{padding:20px;overflow:auto;display:grid;gap:22px}.cf56-section-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:9px}.cf56-section-head h3{margin:0 0 4px}.cf56-section-head p{margin:0;color:var(--muted);font-size:.82rem;max-width:540px}.cf56-section-head>span{min-width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary,#8b5cf6) 9%,transparent);font-weight:800}.cf56-drawer>footer{margin-top:auto;padding:16px 20px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:.78rem}
@media(max-width:720px){.cf56-audit{padding:16px}.cf56-audit>header{gap:12px}.cf56-score{min-width:72px;padding:10px}.cf56-row{grid-template-columns:auto 1fr}.cf56-row .btn{grid-column:1/-1;width:100%;justify-content:center}.cf56-audit>footer,.cf56-drawer>footer{align-items:stretch;flex-direction:column}.cf56-audit>footer .btn,.cf56-drawer>footer .btn{width:100%;justify-content:center}.cf56-drawer{width:100vw}.cf56-body{padding:16px}.cf56-drawer>header{padding:18px}}