.pm-problem{display:grid;grid-template-columns:1.1fr auto 1fr;align-items:center;grid-gap:22px;gap:22px;max-width:1040px;margin:10px auto 64px}.pm-fix,.pm-terminal{border:1px solid #ffffff14;border-radius:16px;background:#080b11;box-shadow:0 30px 70px #0009;overflow:hidden}.pm-terminal pre{margin:0;padding:20px;color:#c9d4de;font:13.5px/1.8 var(--font-mono);white-space:pre-wrap}.pm-dim{color:#5f6d7a}.pm-err{color:#ff7b72}.pm-arrow{display:flex;gap:6px}.pm-arrow i{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#22d3ee,#d946ef);opacity:.3;animation:live-beam 1.4s infinite}.pm-arrow i:nth-child(2){animation-delay:.2s}.pm-arrow i:nth-child(3){animation-delay:.4s}.pm-fix{padding:20px}.pm-fix small{color:#7d8895;font:600 10px var(--font-mono);letter-spacing:1.5px}.pm-fix-row{display:flex;align-items:center;gap:12px;margin:14px 0;padding:12px;border-radius:10px;background:linear-gradient(90deg,#6366f11f,#d946ef0d);box-shadow:inset 0 0 0 1px #6366f138}.pm-fix-row b{font-size:20px}.pm-fix-row span{color:#9aa7b4;font-size:13.5px}.pm-fix-actions{display:flex;align-items:center;gap:12px}.pm-stop{padding:6px 14px;border-radius:8px;background:#da3633;color:#fff;font-size:13px;font-weight:700}.pm-ok{color:#7ee2b8;font-size:13.5px;font-weight:600;animation:pm-ok 3s ease-in-out infinite}@keyframes pm-ok{0%,35%{opacity:0;transform:translateX(-4px)}50%,90%{opacity:1;transform:none}to{opacity:0}}.pm-shot{max-width:1040px;margin:0 auto 96px}.pm-shot img{display:block;width:100%;height:auto;border:1px solid #ffffff14;border-radius:18px;box-shadow:0 40px 90px #000a}.pm-stack{display:flex;flex-wrap:wrap;gap:8px}.pm-stack span{padding:8px 13px;border:1px solid var(--line);border-radius:20px;background:#0b0f17;color:#c5d0db;font-size:13px}.live-page code{font-family:var(--font-mono)}@media(max-width:900px){.pm-problem{grid-template-columns:1fr}.pm-arrow{justify-content:center;transform:rotate(90deg)}}@media(prefers-reduced-motion:reduce){.pm-arrow i,.pm-ok{animation:none;opacity:1}}