/* Construction-themed visuals */
.driftwrap{display:grid;grid-template-columns:1fr 1fr;gap:24px;flex:1;align-items:stretch;margin-top:12px}
.fragCard{background:var(--card);border:1px solid var(--rule);border-radius:18px;padding:24px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:10px}
.fragCard.bad{border-color:rgba(224,53,75,.3);background:linear-gradient(180deg,#fff,#fdf6f7)}
.fragCard.good{border-color:rgba(11,163,107,.3);background:linear-gradient(180deg,#fff,#f4fdf9)}
.fragTag{font:700 10px JetBrains Mono;letter-spacing:.16em;text-transform:uppercase;padding:5px 10px;border-radius:6px;display:inline-block;width:fit-content}
.fragTag.bad{background:rgba(224,53,75,.1);color:var(--danger)}
.fragTag.good{background:var(--ok-soft);color:var(--ok)}
.fragItem{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:var(--bg);font:500 13px Inter;color:var(--ink-2)}
.fragIcon{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.chatMock{background:var(--card);border:1px solid var(--rule);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-card);display:flex;flex-direction:column}
.chatHead{padding:10px 16px;border-bottom:1px solid var(--rule);display:flex;align-items:center;gap:10px;background:#fff}
.chatDot{width:9px;height:9px;border-radius:50%;background:#0BA36B}
.chatLabel{font:600 12px Inter;color:var(--ink-2);letter-spacing:.08em}
.chatBody{padding:16px;display:flex;flex-direction:column;gap:12px;font:500 13.5px/1.5 Inter}
.msg{display:flex;gap:10px;align-items:flex-start}
.msgAv{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 11px Inter;flex-shrink:0}
.msgAv.user{background:#e5e7eb;color:#374151}
.msgAv.bot{background:var(--grad);color:#fff;font-size:10px}
.msgBub{background:#fff;border:1px solid var(--rule);border-radius:12px;padding:10px 14px;max-width:90%;font:500 13px/1.5 Inter;color:var(--ink-2)}
.memTag{display:inline-block;padding:2px 8px;border-radius:4px;background:rgba(1,97,224,.08);color:var(--blue);font:500 10px JetBrains Mono;margin:2px 0}
.shotFrame{border-radius:14px;overflow:hidden;background:#fff;border:1px solid rgba(18,28,48,.10);box-shadow:0 24px 60px rgba(15,23,42,.18)}
.shotChrome{display:flex;align-items:center;gap:7px;padding:9px 14px;background:linear-gradient(180deg,#fafbfc,#f0f2f5);border-bottom:1px solid rgba(18,28,48,.08)}
.shotChrome span:nth-child(1){width:11px;height:11px;border-radius:50%;background:#ff5f57}
.shotChrome span:nth-child(2){width:11px;height:11px;border-radius:50%;background:#febc2e}
.shotChrome span:nth-child(3){width:11px;height:11px;border-radius:50%;background:#28c840}
.pp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1100px;margin:0 auto;width:100%}
.pp-card{background:var(--card);border:1px solid var(--rule);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-card);display:flex;flex-direction:column}
.pp-banner{height:120px;display:flex;align-items:center;justify-content:center;padding:16px}
.pp-bg-a{background:linear-gradient(135deg,#0b1020,#1a2744)}
.pp-bg-b{background:linear-gradient(135deg,#0b1020,#1e1535)}
.pp-bg-c{background:linear-gradient(135deg,#0b1020,#0d2e1f)}
.pp-body{padding:20px;display:flex;flex-direction:column;gap:8px}
.pp-body h3{font:700 17px Inter;color:var(--ink)}
.pp-body p{font:400 13px/1.5 Inter;color:var(--muted)}
.line{--line:rgba(11,16,32,.08)}