.webphone-card{border:1px solid var(--border,#d9dce1);border-radius:12px;padding:14px;margin:12px 0;background:var(--surface,#fff);color:var(--text,#16191d)}
.webphone-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.webphone-heading strong{display:block;font-size:17px}.webphone-heading p{font-size:14px;margin:5px 0;color:var(--muted,#5b6472)}
#webphone-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}#webphone-options[hidden]{display:none}#webphone-options label{font-size:14px;min-width:0}#webphone-options select{width:100%;min-width:0;margin-top:4px;font-size:15px}#webphone-controls{display:flex;flex-wrap:wrap;gap:8px;grid-column:1/-1}#webphone-controls button{font-size:15px;min-height:40px}#webphone-toggle{font-size:15px;white-space:nowrap}
@media(max-width:460px){#webphone-options{grid-template-columns:1fr}.webphone-heading{align-items:flex-start;flex-wrap:wrap}}
#view-panel #devices{display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;overscroll-behavior-inline:contain;padding:0 20px 16px;scroll-snap-type:x proximity}
#view-panel #devices .device-tile{flex:1 0 190px;min-height:58px;padding:10px 12px;align-items:center;scroll-snap-align:start}
#view-panel #devices .device-symbol{display:block}#view-panel #devices .device-symbol svg{width:20px;height:20px}
#view-panel #devices .device-tile strong{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#view-panel #devices .device-tile small{font-size:13px;margin-top:3px;white-space:nowrap}