.pr-app{background:var(--ink2);border:1px solid #ffffff14;border-radius:22px;overflow:hidden;box-shadow:0 30px 80px #0008;color:#e6ebf5}
.pr-top{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #ffffff12;background:#0d1628}
.pr-steps{display:flex;flex-wrap:wrap;gap:6px}.pr-steps span{font:600 13px Inter,system-ui;color:#7d879a;padding:6px 10px;border-radius:8px;background:#ffffff08}.pr-steps span.on{background:#1f6bfd;color:#fff}.pr-steps span.ok{color:#86efac}
.pr-body{padding:22px}.pr-body h3{font-size:20px;margin-bottom:14px;color:#fff}.pr-body .mut{color:#9aa4b6}
.pr-co{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.pr-co button{text-align:left;border:1px solid #ffffff1a;background:#ffffff08;color:#e6ebf5;border-radius:16px;padding:16px;cursor:pointer;font:inherit;transition:.2s}.pr-co button:hover{border-color:#1f6bfd;background:#1f6bfd1a;transform:translateY(-2px)}.pr-co b{display:block;font-size:16px;color:#fff;margin:6px 0 4px}.pr-co small{color:#9aa4b6;font-size:13px}.pr-co .em{font-size:26px}
.pr-int{margin-top:18px;border:1px dashed #ffffff26;border-radius:14px;padding:12px 16px}.pr-int summary{cursor:pointer;font-weight:700}
.pr-int form{display:grid;gap:10px;margin-top:12px}.pr-int label{display:grid;gap:4px;font-size:14px;color:#c9d1e0}.pr-int input,.pr-int textarea,.pr-sheet textarea{width:100%;box-sizing:border-box;background:#0b1220;border:1px solid #ffffff22;color:#fff;border-radius:10px;padding:10px;font:15px Inter,system-ui}
.pr-src{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px}.pr-src div{background:#ffffff08;border-radius:12px;padding:12px;font-size:14px}.pr-src i{display:block;height:6px;border-radius:3px;background:#ffffff14;margin-top:8px;overflow:hidden}.pr-src i::after{content:"";display:block;height:100%;width:var(--p,0%);background:#22c55e;transition:width .5s}
.pr-log{list-style:none;padding:0;margin:0;display:grid;gap:8px;max-height:340px;overflow:auto}.pr-log li{display:flex;gap:10px;align-items:flex-start;background:#ffffff06;border-radius:12px;padding:10px;font-size:14px;animation:prin .35s}.pr-log img{width:30px;height:30px;border-radius:50%;flex:none;object-fit:contain}
@keyframes prin{from{opacity:0;transform:translateY(6px)}}
.pr-tabs{display:flex;gap:6px;overflow-x:auto;margin-bottom:16px;padding-bottom:4px}.pr-tabs button{flex:none;border:0;background:#ffffff0d;color:#c9d1e0;font:600 14px Inter,system-ui;padding:9px 14px;border-radius:10px;cursor:pointer}.pr-tabs button[aria-selected=true]{background:#1f6bfd;color:#fff}
.pr-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.pr-meta span{font-size:13px;background:#ffffff0d;border-radius:8px;padding:5px 9px}.pr-meta .st-ok{background:#16a34a33;color:#86efac}.pr-meta .st-dr{background:#f59e0b22;color:#fbbf24}
.pr-h4{font-size:15px;color:#fff;margin:22px 0 10px}
.pr-flow{overflow-x:auto;border-radius:14px;background:#0b1220;padding:12px}.pr-flow svg{display:block;min-width:720px;max-width:none;width:100%;height:auto}
.pr-scroll{overflow-x:auto}.pr-tbl{width:100%;border-collapse:collapse;font-size:14px;min-width:620px}.pr-tbl th,.pr-tbl td{text-align:left;padding:9px 8px;border-bottom:1px solid #ffffff10;vertical-align:top}.pr-tbl th{color:#9aa4b6;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.05em}
.lb{display:inline-block;font-size:12px;font-weight:700;padding:3px 8px;border-radius:6px;white-space:nowrap}.lb-a{background:#1f6bfd33;color:#93c5fd}.lb-s{background:#8b5cf633;color:#c4b5fd}.lb-m{background:#ffffff1a;color:#e6ebf5}
.pr-step td:first-child{font-weight:700;color:#fff}.pr-why{display:block;color:#9aa4b6;font-size:13px;margin-top:4px}
.pr-ed{border:0;background:#ffffff10;color:#c9d1e0;border-radius:7px;padding:4px 8px;cursor:pointer;font-size:12px;margin-top:6px}
.raci td{text-align:center}.raci td:first-child{text-align:left}.raci b{display:inline-block;width:24px;height:24px;line-height:24px;border-radius:6px;font-size:12px}.raci .R{background:#1f6bfd;color:#fff}.raci .A{background:#f59e0b;color:#111}.raci .C{background:#8b5cf655;color:#fff}.raci .I{background:#ffffff1a;color:#c9d1e0}
.pr-act{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.pr-act button{border:0;border-radius:10px;padding:10px 14px;font:700 14px Inter,system-ui;cursor:pointer;background:#ffffff14;color:#fff}.pr-act .go{background:#16a34a}
.pr-ver{list-style:none;padding:0;margin:0;font-size:13px;color:#9aa4b6;display:grid;gap:4px}
@media(max-width:600px){.pr-body{padding:14px}.pr-steps span{font-size:12px;padding:5px 7px}}
@media print{nav,footer,header,.pr-top,.pr-tabs,.pr-act,.pr-ed,.note,section:not(#demo),#prog,.skip{display:none!important}body,section{background:#fff!important;color:#000!important;padding:0!important}.pr-app{box-shadow:none;border:0;background:#fff;color:#000}.pr-body h3,.pr-h4,.pr-step td:first-child{color:#000}.pr-pane[hidden]{display:none}.pr-flow{background:#fff}.pr-tbl,.pr-flow svg{min-width:0}}