.dp-fig .dp-scaler{position:relative;overflow:hidden;margin:0 auto;width:100%;max-width:960px;aspect-ratio:960 / 540}.dp-canvas{position:absolute;top:0;left:0;transform-origin:0 0}.dp{--dp-ink: #0E1633;--dp-muted: #555555;--dp-line: #E5E5E5;--dp-panel: #F8F8F8;--dp-blue: #2E5E98;--dp-blue-soft: #E7EEF8;--dp-teal: #257E8A;--dp-teal-soft: #E3F1F3;--dp-amber: #8F5A0A;--dp-amber-soft: #F6EBD8;--dp-red: #6E4508;--dp-red-soft: #F1DDB6;--dp-green: #3F6E54;--dp-green-soft: #E6EFE9;width:960px;height:540px;padding:20px 24px;border-radius:16px;background:#fff;color:var(--dp-ink);border:1px solid var(--dp-line);box-shadow:0 30px 60px -30px #0e163359;display:grid;grid-template-columns:270px minmax(0,1fr) 250px;grid-template-rows:auto minmax(0,1fr);gap:14px 16px;font-family:Mulish Variable,Mulish,ui-sans-serif,system-ui,sans-serif;line-height:1.4;text-align:left;-webkit-font-smoothing:antialiased}.dp *,.dp *:before,.dp *:after{box-sizing:border-box}.dp-top{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;gap:12px}.dp-h{display:block;font-size:17px;font-weight:800}.dp-sub{display:block;font-size:11.5px;color:var(--dp-muted);font-family:IBM Plex Mono,ui-monospace,monospace;margin-top:2px}.dp-pill{font-size:11.5px;font-weight:800;color:var(--dp-blue);background:var(--dp-blue-soft);padding:5px 12px;border-radius:999px}.dp-sec{display:block;font-size:10px;font-weight:800;color:var(--dp-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.dp-rec{border:1px solid var(--dp-line);border-radius:12px;padding:12px 14px;display:grid;align-content:start;gap:6px}.dp-f{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;border-top:1px solid var(--dp-line);transition:background .3s}.dp-f:nth-of-type(1){border-top:0}.dp-f small{display:block;font-size:10px;color:var(--dp-muted);font-weight:700}.dp-f b{font-size:12px;font-weight:700}.dp-f em{font-style:normal;font-size:9.5px;font-weight:800;padding:2px 8px;border-radius:999px;white-space:nowrap;transition:opacity .3s,transform .3s}.dp-t2{color:var(--dp-muted);background:#e9ecf1}.dp-t3{color:var(--dp-blue);background:var(--dp-blue-soft)}.dp-t4{color:var(--dp-red);background:var(--dp-red-soft)}.dp-roles{min-width:0}.dp-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dp-role{border:1px solid var(--dp-line);border-radius:12px;padding:10px 12px;display:grid;align-content:start;gap:6px;min-height:196px;transition:opacity .35s,transform .35s}.dp-role-h{font-size:12px;font-weight:800;padding-bottom:4px;border-bottom:1px solid var(--dp-line)}.dp-kv small{display:block;font-size:9.5px;color:var(--dp-muted);font-weight:700}.dp-kv b{font-size:11.5px;font-weight:700;font-family:IBM Plex Mono,ui-monospace,monospace}.dp-deny{background:repeating-linear-gradient(135deg,#fafbfc 0 8px,#f2f4f7 8px 16px)}.dp-no{font-size:11.5px;font-weight:700;color:var(--dp-red);line-height:1.5}.dp-side{display:grid;align-content:start;gap:12px}.dp-sar,.dp-audit{border:1px solid var(--dp-line);border-radius:12px;padding:12px 14px;display:grid;gap:6px}.dp-sar .dp-sec,.dp-audit .dp-sec{margin-bottom:2px}.dp-sys{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:8px;align-items:center;font-size:11px;font-weight:700;transition:opacity .3s}.dp-sys i{width:16px;height:16px;border-radius:50%;background:var(--dp-green);position:relative}.dp-sys i:after{content:"";position:absolute;left:5px;top:3px;width:4px;height:7px;border:solid #FFFFFF;border-width:0 2px 2px 0;transform:rotate(45deg)}.dp-sys small{font-size:10px;color:var(--dp-muted)}.dp-done{font-size:11px;font-weight:800;color:var(--dp-green);background:var(--dp-green-soft);border-radius:8px;padding:7px 9px;line-height:1.45;transition:opacity .4s}.dp-audit{background:var(--dp-ink);border-color:var(--dp-ink)}.dp-audit .dp-sec{color:#7f8aa6}.dp-ln{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px;color:#c9d2e6;line-height:1.5;transition:opacity .3s}.dp.dp-armed .dp-f:not(.on) em{opacity:0;transform:scale(.8)}.dp.dp-armed .dp-f.scan{background:var(--dp-teal-soft)}.dp.dp-armed .dp-role:not(.on){opacity:.25}.dp.dp-armed .dp-role:not(.on)>:not(.dp-role-h){visibility:hidden}.dp.dp-armed .dp-sys:not(.on){opacity:.3}.dp.dp-armed .dp-sys:not(.on) i{background:#d5dae3}.dp.dp-armed:not(.d-done) .dp-done{opacity:0}.dp.dp-armed .dp-ln:not(.on){opacity:0}.dp.dp-narrow{width:360px;height:auto;padding:16px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto}.dp.dp-narrow .dp-top{flex-direction:column;align-items:flex-start;gap:8px}.dp.dp-narrow .dp-role{min-height:0}@media(prefers-reduced-motion:reduce){.dp *,.dp *:before,.dp *:after{animation:none!important;transition:none!important}}
