.csd-card{background:#fafafa;border:1px solid #e8e8e8;border-radius:16px;max-width:720px;margin:8px auto 0;overflow:hidden}.csd-header{background:#f0f0f0;border-bottom:1px solid #e8e8e8;align-items:center;gap:7px;padding:12px 16px;display:flex}.csd-dot{background:#d4d4d4;border-radius:50%;width:10px;height:10px}.csd-title{font-family:var(--br-mono,ui-monospace, Menlo, monospace);color:#6b7280;margin-left:8px;font-size:.74rem}.csd-status{font-family:var(--br-mono,ui-monospace, Menlo, monospace);color:#6b7280;margin-left:auto;font-size:.72rem}.csd-status--done{color:#1a7f37}.csd-body{font-family:var(--br-mono,ui-monospace, Menlo, monospace);color:#1a1a1a;text-align:left;padding:14px 16px;font-size:.78rem;line-height:1.9}.csd-hunk{margin-bottom:10px}.csd-hunk:last-of-type{margin-bottom:0}.csd-file{color:#9ca3af;margin-bottom:2px;font-size:.68rem}.csd-line{overflow-wrap:anywhere;border-radius:6px;gap:8px;padding:1px 8px;transition:background .35s,color .35s;display:flex}.csd-sign{-webkit-user-select:none;user-select:none;flex-shrink:0;width:1ch}.csd-hunk--applied .csd-line--before{color:#cf222e;background:#ffebe9}.csd-after-wrap{grid-template-rows:0fr;transition:grid-template-rows .35s;display:grid}.csd-after-wrap>div{overflow:hidden}.csd-hunk--applied .csd-after-wrap{grid-template-rows:1fr}.csd-line--after{color:#1a7f37;opacity:0;background:#e6ffec;transition:background .35s,opacity .35s .15s}.csd-hunk--applied .csd-line--after{opacity:1}.csd-scrub-call{font-weight:700}.csd-footer{color:#1a7f37;opacity:0;border-top:1px dashed #e0e0e0;align-items:center;gap:10px;margin-top:14px;padding-top:14px;font-size:.8rem;line-height:1.5;transition:opacity .45s,transform .45s;display:flex;transform:translateY(6px)}.csd-footer svg{flex-shrink:0}.csd-footer--visible{opacity:1;transform:none}@media (max-width:640px){.csd-body{padding:12px;font-size:.66rem}.csd-footer{font-size:.74rem}}
.pii-demo-card{background:#17131f;border:1px solid #2a2437;border-radius:16px;max-width:720px;margin:8px auto 0;overflow:hidden}.pii-demo-header{border-bottom:1px solid #ffffff14;align-items:center;gap:7px;padding:12px 16px;display:flex}.pii-demo-dot{background:#ffffff24;border-radius:50%;width:10px;height:10px}.pii-demo-title{font-family:var(--br-mono,ui-monospace, Menlo, monospace);color:#ffffff73;margin-left:8px;font-size:.74rem}.pii-demo-status{font-family:var(--br-mono,ui-monospace, Menlo, monospace);color:#ffffff73;margin-left:auto;font-size:.72rem}.pii-demo-status--done{color:#86efac}.pii-demo-body{font-family:var(--br-mono,ui-monospace, Menlo, monospace);color:#ffffffa6;text-align:left;padding:18px 20px 16px;font-size:.78rem;line-height:2.2;position:relative;overflow:hidden}.pii-demo-line{overflow-wrap:break-word}.pii-demo-scanline{pointer-events:none;background:linear-gradient(#fff48000 0%,#fff4800f 55%,#fff4802e 100%);border-bottom:1px solid #fff4808c;height:48px;animation-name:pii-demo-scan;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;top:-48px;left:0;right:0}@keyframes pii-demo-scan{0%{top:-48px}to{top:100%}}.pii-demo-token{vertical-align:baseline;display:inline-grid}.pii-demo-token-raw,.pii-demo-token-chip{grid-area:1/1;place-self:center start}.pii-demo-token-raw{color:#f8a6a6;background:#f871711f;border-radius:4px;padding:0 5px;transition:opacity .28s,filter .28s}.pii-demo-token--redacted .pii-demo-token-raw{opacity:0;filter:blur(6px)}.pii-demo-token-chip{white-space:nowrap;color:#86efac;opacity:0;background:#86efac1a;border:1px solid #86efac59;border-radius:4px;align-items:center;padding:0 6px;font-size:.7rem;line-height:1.9;transition:opacity .3s,transform .3s cubic-bezier(.2,.9,.3,1.4);display:inline-flex;transform:scale(.8)}.pii-demo-token--redacted .pii-demo-token-chip{opacity:1;transform:scale(1)}.pii-demo-footer{color:#86efac;opacity:0;border-top:1px dashed #ffffff24;align-items:center;gap:10px;margin-top:14px;padding-top:14px;font-family:inherit;font-size:.8rem;line-height:1.5;transition:opacity .45s,transform .45s;display:flex;transform:translateY(6px)}.pii-demo-footer svg{flex-shrink:0}.pii-demo-footer--visible{opacity:1;transform:none}@media (max-width:640px){.pii-demo-body{padding:14px 14px 12px;font-size:.66rem}.pii-demo-token-chip{font-size:.6rem}.pii-demo-footer{font-size:.74rem}}
