.sync-debug{gap:18px;max-width:1180px;margin:0 auto;padding:32px;display:grid}.sync-debug--embedded{max-width:none;padding:16px}.sync-debug--embedded .sync-debug__header h1{font-size:24px}.sync-debug__header,.sync-debug__controls,.sync-debug__assets,.sync-debug__metrics{align-items:center;gap:12px;display:flex}.sync-debug__header{justify-content:space-between}.sync-debug__header h1{margin:4px 0}.sync-debug__header p{margin:0}.sync-debug__assets button[aria-pressed=true]{color:#68d8ff;border-color:#68d8ff}.sync-debug__assets button:disabled{cursor:default;opacity:.45}.sync-debug__diagnosis{color:#ffc6ad;font-size:12px;line-height:1.6}.sync-debug__stage{background:#090b10;border:1px solid #2d3442;justify-content:center;align-items:center;min-height:540px;display:flex;overflow:hidden}.sync-debug__stage canvas{width:100%;max-width:960px;height:auto;max-height:540px;display:block}.sync-debug__controls input{flex:1}.sync-debug__metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:stretch;display:grid}.sync-debug__metrics div{background:#161a22;border:1px solid #2d3442;padding:12px}.sync-debug__metrics dt{color:#8d97aa;text-transform:uppercase;font-size:12px}.sync-debug__metrics dd{overflow-wrap:anywhere;margin:6px 0 0}