.sec-backdrop{z-index:1100;background:#0009;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:auto}.sec-dialog{background:var(--ux-surface,#1b1e27);width:min(440px,100%);max-height:calc(100dvh - 32px);color:var(--ux-text,#e2e8f0);border:1px solid var(--ux-line,#2a2f3d);border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex;overflow:auto;box-shadow:0 20px 60px #0006}.sec-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.sec-head h2{font-size:var(--t-lg);margin:0}.sec-close{width:40px;height:40px;color:inherit;font-size:var(--t-xl);cursor:pointer;background:0 0;border:0;border-radius:12px}.sec-section{border-top:1px solid var(--ux-line,#2a2f3d);flex-direction:column;gap:10px;padding-top:14px;display:flex}.sec-section:first-of-type{border-top:0;padding-top:0}.sec-section h3{font-size:var(--t-md);margin:0}.sec-section p{font-size:var(--t-sm);color:var(--ux-muted,#94a3b8);margin:0;line-height:1.5}.sec-section label{font-size:var(--t-sm);color:var(--ux-muted,#94a3b8);flex-direction:column;gap:6px;display:flex}.sec-section input{border:1px solid var(--ux-line,#2a2f3d);background:var(--ux-raised,#11131a);min-height:44px;color:var(--ux-text,#e2e8f0);font-size:var(--t-md);border-radius:12px;padding:0 12px}.sec-row{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.sec-close:focus-visible,.sec-section input:focus-visible{outline:2px solid var(--ux-brand,#f59e0b);outline-offset:2px}.sec-error{color:#fca5a5;font-size:var(--t-sm);background:#7f1d1d33;border-radius:12px;margin:0;padding:10px 12px}.sec-ok{color:#86efac;font-size:var(--t-sm);background:#14532d33;border-radius:12px;margin:0;padding:10px 12px}html[data-theme=light] .sec-error{color:#b91c1c;background:#fee2e2}html[data-theme=light] .sec-ok{color:#166534;background:#dcfce7}.sec-devices{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sec-devices li{border:1px solid var(--ux-line);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.sec-devices span{flex-direction:column;min-width:0;display:flex}.sec-devices strong{font-size:var(--t-sm)}.sec-devices small{font-size:var(--t-xs);color:var(--ux-muted)}.sec-devices li[data-current="1"] small{color:var(--ux-brand)}