.playback-support-dialog { box-sizing:border-box; width:min(860px,calc(100vw - 28px)); max-height:calc(100dvh - 28px); margin:auto; padding:0; border:1px solid #3b4b60; border-radius:12px; background:#101923; color:#f4f8fb; box-shadow:0 20px 70px #0009; font-family:inherit; }
.playback-support-dialog::backdrop { background:#000a; }
.ps-head { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 22px; border-bottom:1px solid #344253; }
.ps-head h2 { margin:0; font-size:20px; }
.ps-head button { flex:none; }
.ps-body { display:grid; gap:18px; padding:20px 22px; }
.ps-fields { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.ps-body label { display:grid; gap:7px; font-size:14px; font-weight:600; min-width:0; }
.ps-body .ps-wide { grid-column:1/-1; }
.ps-body input,.ps-body select,.ps-body textarea { box-sizing:border-box; width:100%; padding:10px; border:1px solid #405065; border-radius:6px; background:#080f18; color:#f4f8fb; font:inherit; }
.ps-body select[size] { min-height:140px; }
.ps-body button,.ps-head button { padding:10px 14px; border:1px solid #405065; border-radius:6px; color:#f4f8fb; background:#1b2a3c; cursor:pointer; font:inherit; }
.ps-body button:disabled { opacity:.5; cursor:default; }
.ps-body .ps-primary { background:#118b78; border-color:#118b78; font-weight:700; }
.ps-note { color:#b3c0d0; font-size:13px; line-height:1.5; margin:0; }
.ps-actions { display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.ps-result { display:grid; gap:12px; }
.ps-result h3 { margin:0; font-size:18px; }
.ps-checks { display:grid; gap:9px; margin:0; padding:0; list-style:none; }
.ps-check { padding:12px 14px; background:#172434; border:1px solid #34465a; border-inline-start:4px solid #8da1bc; border-radius:7px; }
.ps-check[data-status=ok] { border-inline-start-color:#5ed2a4; }
.ps-check[data-status=warning] { border-inline-start-color:#f2c45a; }
.ps-check[data-status=error] { border-inline-start-color:#ff8f84; }
.ps-check p { margin:6px 0 0; line-height:1.5; font-size:14px; }
.ps-step { font-weight:600; }
.ps-result pre { white-space:pre-wrap; overflow-wrap:anywhere; font:inherit; font-size:13px; line-height:1.6; }
.ps-error { color:#ffb2aa; white-space:pre-wrap; }
.ps-success { color:#87dfb8; }
.ps-body [hidden],.ps-result[hidden] { display:none!important; }
.ps-assistant { padding:12px 14px; border:1px solid #426b65; border-radius:7px; white-space:pre-line; line-height:1.55; }
.assistant-head [data-playback-support] { padding:5px 8px; margin-top:5px; font:inherit; font-size:12px; color:var(--ink,#fff); background:#1b2a3c; border:1px solid #405065; border-radius:5px; cursor:pointer; }
@media(max-width:600px) { .ps-fields{grid-template-columns:1fr}.ps-head,.ps-body{padding:15px}.playback-support-dialog{width:calc(100vw - 12px);max-height:calc(100dvh - 12px)} }