.fmc-hero-preview{--fmc-bg-elevated:#ffffff;--fmc-fg:#0b0f1a;--fmc-fg-muted:#4a5065;--fmc-fg-subtle:#7a8093;--fmc-border:rgba(15,23,42,0.09);--fmc-border-strong:rgba(15,23,42,0.16);--fmc-surface:rgba(255,255,255,0.72);--fmc-primary:#6366f1;--fmc-primary-2:#8b5cf6;--fmc-accent:#22d3ee;--fmc-emerald:#10b981;--fmc-shadow-lg:0 40px 120px -30px rgba(99,102,241,0.35);--fmc-radius:18px;position:relative;width:100%;max-width:480px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){.fmc-hero-preview:not(.fmc-force-light){--fmc-bg-elevated:#0d1020;--fmc-fg:#f5f6fb;--fmc-fg-muted:#a4abbd;--fmc-fg-subtle:#6b7285;--fmc-border:rgba(255,255,255,0.08);--fmc-border-strong:rgba(255,255,255,0.16);--fmc-surface:rgba(18,22,40,0.72);--fmc-shadow-lg:0 40px 140px -20px rgba(99,102,241,0.5)}}.dark .fmc-hero-preview:not(.fmc-force-light),.fmc-hero-preview.fmc-force-dark,[data-theme=dark] .fmc-hero-preview:not(.fmc-force-light){--fmc-bg-elevated:#0d1020;--fmc-fg:#f5f6fb;--fmc-fg-muted:#a4abbd;--fmc-fg-subtle:#6b7285;--fmc-border:rgba(255,255,255,0.08);--fmc-border-strong:rgba(255,255,255,0.16);--fmc-surface:rgba(18,22,40,0.72);--fmc-shadow-lg:0 40px 140px -20px rgba(99,102,241,0.5)}.fmc-hero-preview.fmc-force-light,[data-theme=light] .fmc-hero-preview{--fmc-bg-elevated:#ffffff;--fmc-fg:#0b0f1a;--fmc-fg-muted:#4a5065;--fmc-fg-subtle:#7a8093;--fmc-border:rgba(15,23,42,0.09);--fmc-border-strong:rgba(15,23,42,0.16);--fmc-surface:rgba(255,255,255,0.72);--fmc-shadow-lg:0 40px 120px -30px rgba(99,102,241,0.35)}.fmc-hero-preview-glow{position:absolute;inset:-10% -5% -5%;background:radial-gradient(ellipse at 30% 20%,rgba(99,102,241,.35),transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(168,85,247,.28),transparent 60%);filter:blur(40px);z-index:-1;pointer-events:none}.fmc-hero-preview-card{border-radius:var(--fmc-radius);background:var(--fmc-bg-elevated);border:1px solid var(--fmc-border-strong);box-shadow:var(--fmc-shadow-lg);overflow:hidden;transform:perspective(1200px) rotateY(-3deg) rotateX(2deg);transition:transform .6s cubic-bezier(.16,1,.3,1)}.fmc-hero-preview-card:hover{transform:perspective(1200px) rotateY(0deg) rotateX(0deg)}@media (max-width:640px){.fmc-hero-preview-card{transform:none}}.fmc-hero-preview-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--fmc-border);background:linear-gradient(180deg,var(--fmc-surface),transparent)}.fmc-hero-preview-dots{display:flex;gap:6px}.fmc-hero-preview-dots span{width:10px;height:10px;border-radius:50%;background:var(--fmc-border-strong)}.fmc-hero-preview-dots span:first-child{background:#ff5f57}.fmc-hero-preview-dots span:nth-child(2){background:#febc2e}.fmc-hero-preview-dots span:nth-child(3){background:#28c840}.fmc-hero-preview-filename{font-size:12px;color:var(--fmc-fg-muted);flex:1;text-align:center;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fmc-hero-preview-badge{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;letter-spacing:.04em;padding:4px 8px;border-radius:999px;background:rgba(16,185,129,.14);color:#10b981;border:1px solid rgba(16,185,129,.28);flex-shrink:0}.fmc-hero-preview-body{display:grid;grid-template-columns:180px 1fr;gap:20px;padding:22px}@media (max-width:460px){.fmc-hero-preview-body{grid-template-columns:1fr}.fmc-hero-ring-wrap{justify-self:center}}.fmc-hero-ring-wrap{position:relative;width:180px;height:180px}.fmc-hero-ring{width:100%;height:100%;transform:rotate(-90deg)}.fmc-hero-ring-track{fill:none;stroke:var(--fmc-border-strong);stroke-width:10}.fmc-hero-ring-progress{fill:none;stroke-width:10;stroke-linecap:round}.fmc-hero-ring-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.fmc-hero-ring-score{font-size:42px;font-weight:800;color:var(--fmc-fg);letter-spacing:-.03em;line-height:1}.fmc-hero-ring-suffix{font-size:12px;color:var(--fmc-fg-subtle);font-weight:600}.fmc-hero-ring-caption{margin-top:4px;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fmc-fg-muted)}.fmc-hero-preview-stats{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;align-self:center}.fmc-hero-preview-stats li{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:var(--fmc-surface);border:1px solid var(--fmc-border);font-size:13px}.fmc-hero-preview-stat-dot{width:8px;height:8px;border-radius:50%}.fmc-ok{background:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.18)}.fmc-warn{background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.18)}.fmc-hero-preview-stat-key{color:var(--fmc-fg-muted);font-weight:500}.fmc-hero-preview-stat-val{color:var(--fmc-fg);font-weight:700}.fmc-hero-preview-footer{display:flex;align-items:center;gap:8px;padding:12px 18px;border-top:1px solid var(--fmc-border);font-size:12px;color:var(--fmc-fg-muted);background:var(--fmc-surface)}.fmc-hero-preview-footer svg{color:var(--fmc-primary);flex-shrink:0}@media (prefers-reduced-motion:reduce){.fmc-hero-preview-card,.fmc-hero-preview-card:hover{transition:none}}