.devices-dialog{width:560px;padding:26px;max-width:calc(100vw - 28px)}.devices-dialog .dialog-heading h2{font-size:25px;letter-spacing:-.7px}.device-intro{color:#bdb4c5;margin:0 0 20px}.device-current{display:grid;gap:6px;padding:15px 17px;background:linear-gradient(110deg,#64314144,#322b3544);border:1px solid #ff718a25;border-radius:12px;margin:0 0 15px}.device-current>span{font-size:10px;letter-spacing:1.3px;color:#eda0b0}.device-current strong{font-size:16px;overflow-wrap:anywhere}.device-status{font-size:13px;min-height:22px;color:#bdb4c5}.device-list{list-style:none;margin:16px 0 20px;padding:0;display:grid;gap:10px}.device-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #ffffff1e;border-radius:12px;padding:14px;background:#ffffff04}.device-card.selected{border-color:#ff748960;background:#ff718909}.device-card>label{display:flex;align-items:center;gap:12px;min-height:48px;min-width:0;cursor:pointer}.device-card input{width:20px;height:20px;flex:none;accent-color:var(--accent)}.device-card label>span{display:flex;align-items:center;gap:12px;min-width:0}.device-card label>span>span{display:grid;gap:5px}.device-card strong{font-size:14px;line-height:1.5;overflow-wrap:anywhere}.device-card small{font-size:12px;color:#bfb5c8;line-height:1.5}.device-card strong small{font-weight:400;white-space:nowrap}.device-card svg,.device-expanded svg{width:26px;height:26px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;color:#dfc4d1}.device-card .secondary-button{font-size:12px;min-height:42px;padding:8px 12px;white-space:nowrap}.devices-dialog>.primary-button{width:100%;min-height:46px;margin:0;font-size:14px}.device-permission{padding:15px 0;margin-top:16px;border-top:1px solid #ffffff15}.device-permission p{font-size:13px;color:#c0b5c8;margin:0 0 8px}.device-permission .text-button,.devices-dialog>.text-button{font-size:13px;padding:10px 0;min-height:44px}.device-help{border-top:1px solid #ffffff15;padding-top:16px;margin-top:12px;color:#bfb5c8;font-size:13px}.device-help summary{cursor:pointer;min-height:36px;color:#e7dce9}.device-help p{font-size:13px;line-height:1.7}.device-empty{font-size:14px;color:#c0b5c8;padding:20px 0}.device-button{flex:none}.device-button.active{color:#ff94a6;background:#ff667715}.device-expanded{display:flex;align-items:center;gap:12px;justify-content:center;width:100%;min-height:52px;margin-top:18px;padding:12px;border:1px solid #ffffff1c;border-radius:10px}.device-expanded span{display:grid;text-align:left;font-size:13px;gap:3px}.device-expanded small{font-size:12px;color:#c0b5c8}.device-settings{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:20px;border:1px solid #ffffff1c;border-radius:14px;margin-bottom:24px;background:#30232c55}.device-settings p{margin:5px 0 0;color:#bfb5c8;font-size:13px}.device-settings .secondary-button{min-height:44px}.device-notice{flex-wrap:wrap;gap:12px}.device-notice button{min-height:40px}.device-notice button:first-of-type{color:#fff0f2;font-weight:600}
.device-button{position:relative}.device-button.discoverable{color:#f5a1b0}.device-button.available{background:#ff667715}.device-button[data-device-count]::after{content:attr(data-device-count);position:absolute;right:-2px;top:-3px;display:grid;place-items:center;min-width:16px;height:16px;padding:0 3px;border-radius:9px;background:#ff718a;color:#1b1116;font-size:10px;font-weight:700;line-height:1;border:2px solid #171318}.device-notice>span{flex:1 1 260px}.device-notice[data-mode="intro"],.device-notice[data-mode="found"]{border-color:#ff718a30;background:#36242c}
@media(max-width:650px){.device-button{width:32px;height:36px}.topbar{gap:10px}.devices-dialog{padding:20px}.device-card{grid-template-columns:1fr;padding:12px;gap:8px}.device-card .secondary-button{justify-self:end}.device-settings{align-items:start;flex-direction:column;gap:14px}.device-current strong{font-size:15px}.device-help summary{min-height:44px}.device-expanded{margin-top:14px}}