.sx-dialog { box-sizing:border-box; width:min(1080px,calc(100vw - 32px)); max-height:calc(100dvh - 40px); padding:22px; overflow:auto; border:1px solid var(--border,#334155); border-radius:16px; background:var(--panel,#111c2e); color:var(--text,#e2e8f0); box-shadow:0 24px 90px #0008; }
.sx-dialog::backdrop { background:#020617aa; }
.sx-dialog header,.sx-dialog footer,.sx-actions { display:flex; align-items:center; gap:10px; }
.sx-dialog header { justify-content:space-between; align-items:flex-start; }
.sx-dialog h2 { margin:0; font-size:18px; }
.sx-dialog p,.sx-dialog footer span { color:var(--muted,#a5b4cc); font-size:12px; line-height:1.55; }
.sx-actions { flex-wrap:wrap; margin:10px 0 16px; }
.sx-icon { width:34px; height:34px; flex:0 0 34px; display:inline-flex; align-items:center; justify-content:center; padding:0; color:inherit; background:transparent; border:1px solid var(--border,#334155); border-radius:9px; cursor:pointer; }
.sx-icon:hover:not(:disabled) { background:#3b82f622; border-color:var(--accent,#60a5fa); }
.sx-icon:focus-visible,.sx-dialog textarea:focus-visible,.sx-dialog summary:focus-visible { outline:2px solid var(--accent,#60a5fa); outline-offset:3px; }
.sx-icon:disabled { opacity:.4; cursor:default; }
.sx-primary { background:var(--accent,#3b82f6); color:white; }
.sx-dialog details { margin-left:auto; max-width:680px; font-size:12px; }
.sx-dialog summary { cursor:pointer; }
.sx-dialog label { display:block; font-size:12px; margin-bottom:6px; }
.sx-dialog textarea { box-sizing:border-box; width:100%; min-height:150px; max-height:320px; padding:12px; resize:vertical; border:1px solid var(--border,#334155); border-radius:10px; background:var(--bg,#0f172a); color:inherit; white-space:pre; overflow:auto; font:12px/1.6 ui-monospace,monospace; }
#sx-status { margin:12px 0; font-size:13px; }
#sx-filename { color:var(--muted,#a5b4cc); font-size:12px; max-width:320px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sx-dialog .sx-error { color:#fda4af; }
.sx-warning { color:#fcd34d !important; }
.sx-groups { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:10px; }
.sx-groups span { padding:5px 8px; border:1px solid var(--border,#334155); border-radius:7px; font-size:11px; }
.sx-groups b { margin-left:8px; color:var(--accent,#60a5fa); }
.sx-table-wrap { overflow:auto; max-height:300px; }
.sx-dialog table { width:100%; border-collapse:collapse; font-size:12px; }
.sx-dialog td,.sx-dialog th { padding:7px 9px; border-bottom:1px solid var(--border,#334155); text-align:left; vertical-align:top; overflow-wrap:anywhere; }
.sx-dialog th { position:sticky; top:0; background:var(--panel,#111c2e); white-space:nowrap; }
.sx-dialog caption { text-align:left; padding:6px 0; color:var(--muted,#a5b4cc); }
.sx-dialog footer { margin-top:16px; position:sticky; bottom:-22px; padding:12px 0; background:var(--panel,#111c2e); }
.sx-dialog footer .sx-primary { margin-left:auto; }
@media (max-width:600px) { .sx-dialog { padding:15px; } .sx-dialog details { width:100%; margin-left:0; } .sx-dialog h2 { font-size:16px; } .sx-dialog footer { bottom:-15px; } }
