#updi-hardware{white-space:nowrap;border-radius:8px}
#updi-hardware.device-ready{color:#13734c;border-color:#b5dac8;background:#f0faf4}
#updi-hardware.device-attention{color:#8d5710;border-color:#e1c28e;background:#fff8e9}
#updi-modal{width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:22px;overflow:auto;font-family:inherit}
#updi-modal::backdrop{background:rgba(31,28,43,.4)}
#updi-modal [hidden]{display:none!important}
#updi-modal .modal-head{gap:12px;align-items:center}
#updi-modal h2{font-family:inherit;margin:0;font-size:22px}
#updi-modal .modal-head button{width:40px;height:40px;flex-shrink:0}
#updi-modal .updi-note{font-size:12px;color:#68716e;line-height:1.5;margin:4px 0 0;overflow-wrap:anywhere}
.updi-connection{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;border-top:1px solid var(--line);padding-top:14px}
.updi-actions{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}
#updi-target{margin-top:12px;padding:12px;border:1px solid #b5dac8;border-radius:8px;background:#f0faf4}
#updi-target strong{display:block}#updi-target p{margin:4px 0 0}
#updi-task{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding:10px 12px;border-radius:8px;background:var(--purple-soft)}
#updi-task-status{margin:0;font-size:13px;line-height:1.5}
#updi-progress{display:block;width:100%;height:7px;margin:12px 0 0;accent-color:var(--purple)}
#updi-log{height:280px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f6f3;color:#253c31;border:1px solid #e4eae5;border-radius:8px;margin:14px 0 0;padding:14px;font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}
.updi-safety{margin-top:14px;padding:12px;border-left:3px solid #2b8b67;background:#f0faf4;font-size:12px;line-height:1.55;color:#46635a}
@media(max-width:650px){#updi-hardware{max-width:130px;overflow:hidden;text-overflow:ellipsis}#updi-modal{width:100vw;max-height:100dvh;height:100dvh;padding:14px;border-radius:0;margin:0}.updi-connection,#updi-task{align-items:stretch;flex-direction:column}.updi-actions{width:100%}.updi-actions button{flex:1;min-height:44px}#updi-log{height:38dvh;font-size:11px;padding:10px}}