.device-photos{padding:18px;border:1px solid var(--border,#d9e2de);border-radius:12px;background:var(--surface,#fff);margin:12px 0}
.device-photos-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.device-photos h3{font-size:16px;margin:0 0 6px;overflow-wrap:anywhere}
.device-photos-header p{margin:0;max-width:52rem}.device-photos-actions,.device-photo-actions,.device-photos-pagination{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.device-photos-command{color:var(--primary,#173e38);font-weight:600;margin:12px 0 0;min-height:0}.device-photos-command:empty,.device-photos-message:empty{display:none}
.device-photos-message{color:#92331f}.device-photos-usage{margin:10px 0;color:var(--muted,#61706b);font-size:12px}
.device-photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-top:12px}
.device-photo-card{min-width:0;max-width:340px;border:1px solid var(--border,#d9e2de);border-radius:9px;overflow:hidden;background:#fff}
.device-photo-frame{height:180px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:#eff3f1;padding:8px}
.device-photo-frame img{display:block;max-width:320px;width:100%;height:100%;object-fit:contain}.device-photo-frame img[hidden]{display:none}
.device-photo-card time{display:block;font-size:12px;color:#586a62;padding:10px 12px 3px;line-height:1.6}
.device-photo-actions{justify-content:space-between;padding:4px 10px 10px}.device-photo-actions button{font-size:12px;min-height:36px}
.device-photos-pagination{justify-content:flex-end;margin-top:14px}.device-photos-pagination span{font-size:12px;color:var(--muted,#61706b)}
.device-photo-dialog{border:1px solid var(--border,#d9e2de);border-radius:12px;padding:16px;max-width:min(94vw,1400px);max-height:94dvh;background:#fff;color:#1e332b;box-sizing:border-box}
.device-photo-dialog::backdrop{background:rgba(13,29,23,.72)}.device-photo-dialog-header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:12px}
.device-photo-dialog-header p{margin:0;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.device-photo-dialog-header button{flex-shrink:0}
.device-photo-dialog img{display:block;max-width:100%;max-height:78dvh;object-fit:contain;margin:auto}.device-photo-dialog img[hidden]{display:none}
@media(max-width:600px){.device-photos{padding:14px}.device-photos-header>div,.device-photos-actions{width:100%}.device-photos-actions button{flex:1}.device-photos-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.device-photo-frame{height:125px;padding:5px}.device-photo-card time{padding:8px 8px 2px}.device-photo-actions{gap:4px;padding:4px 6px 8px}.device-photo-actions button{padding:6px 8px}.device-photos-pagination{justify-content:space-between}.device-photo-dialog-header{align-items:flex-start}}
@media(max-width:359px){.device-photos-grid{grid-template-columns:1fr}}