#red-writing-workspace .red-devices-dialog{box-sizing:border-box;width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:32px;border:1px solid var(--red-line);border-radius:24px;background:var(--red-paper,#fbf8f2);color:var(--red-ink,#302a29);box-shadow:0 28px 100px #0005;overflow:auto;animation:devices-arrive .22s ease-out}
#red-writing-workspace .red-devices-dialog::backdrop{background:#14101466;backdrop-filter:blur(8px)}
#red-writing-workspace .red-devices-dialog h2{margin:0 0 10px;font:600 28px/1.2 Georgia,serif;color:inherit}
#red-writing-workspace .devices-intro,#red-writing-workspace .devices-error{font-size:14px;line-height:1.6;color:var(--red-muted,#716963)}
#red-writing-workspace .devices-error:empty{display:none}
#red-writing-workspace .device-row{display:flex;align-items:center;gap:14px;padding:20px 0;border-top:1px solid var(--red-line);flex-wrap:wrap}
#red-writing-workspace .device-icon{font-size:36px;color:var(--red-muted);width:36px;text-align:center}
#red-writing-workspace .device-detail{flex:1;min-width:140px;overflow-wrap:anywhere}
#red-writing-workspace .device-detail strong{display:block;font-size:15px;color:inherit}
#red-writing-workspace .device-detail small{display:block;margin-top:5px;font-size:12px;color:var(--red-muted)}
#red-writing-workspace .device-actions,#red-writing-workspace .devices-footer{display:flex;gap:8px;flex-wrap:wrap}
#red-writing-workspace .devices-footer{justify-content:flex-end;margin-top:14px}
#red-writing-workspace .red-devices-dialog button{font-family:inherit;font-size:13px;font-weight:500;line-height:1.3;min-height:44px;padding:10px 15px;border:1px solid var(--red-line);border-radius:12px;background:var(--red-panel,#eee8e0);color:inherit;cursor:pointer;transition:background .15s,transform .15s}
#red-writing-workspace .red-devices-dialog button:hover{background:color-mix(in srgb,var(--red-ink) 10%,var(--red-paper))}
#red-writing-workspace .red-devices-dialog button:active{transform:scale(.98)}
#red-writing-workspace .red-devices-dialog :focus-visible{outline:2px solid var(--red-accent);outline-offset:3px}
#red-writing-workspace .red-devices-dialog input{width:180px;max-width:100%;padding:10px;border:1px solid var(--red-line);border-radius:10px;background:var(--red-paper);color:inherit;font:inherit}
#red-writing-workspace .devices-count{font-size:12px;color:var(--red-muted);margin:24px 0 16px}
@keyframes devices-arrive{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:480px){#red-writing-workspace .red-devices-dialog{padding:24px}#red-writing-workspace .device-actions{width:100%;padding-left:50px}}
@media(prefers-reduced-motion:reduce){#red-writing-workspace .red-devices-dialog{animation:none}#red-writing-workspace .red-devices-dialog button{transition:none}}

#red-writing-workspace .device-icon svg{width:28px;height:28px;display:block;margin:auto}