.ws-agent-gallery-modal{position:fixed;inset:0;z-index:13250;display:flex;align-items:stretch;justify-content:stretch;padding:10px;background:rgba(15,23,42,.58);box-sizing:border-box}
.ws-agent-gallery-modal[hidden]{display:none}
.ws-agent-gallery-card{width:100%;height:100%;max-width:none;max-height:none;display:flex;flex-direction:column;overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 24px 60px rgba(15,23,42,.28);padding:16px 18px 18px;box-sizing:border-box}
.ws-agent-gallery-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:6px;flex:0 0 auto}
.ws-agent-gallery-head h2{margin:0;font-size:20px;font-weight:900;color:#111827}
.ws-agent-gallery-close{width:36px;height:36px;border:0;border-radius:50%;background:#f3f4f6;color:#111827;font-size:22px;line-height:1;cursor:pointer;flex:0 0 auto}
.ws-agent-gallery-help{margin:0 0 10px;color:#6b7280;font-size:13px;font-weight:700;line-height:1.5;flex:0 0 auto}
.ws-agent-gallery-field{display:grid;gap:8px;margin:0 0 10px;font-size:14px;font-weight:800;color:#111827;flex:0 0 auto}
.ws-agent-gallery-field>span{font-size:13px;color:#374151}
.ws-agent-gallery-field input[type=file],.ws-agent-gallery-field input[type=url]{width:100%;box-sizing:border-box;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;font:inherit;font-weight:600}
.ws-agent-gallery-preview{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:max-content;gap:10px;flex:1 1 auto;min-height:0;overflow:auto;margin-bottom:10px;align-items:start;align-content:start}
.ws-agent-gallery-preview:empty{display:none}
.ws-agent-gallery-preview .media-thumb{position:relative;display:flex;flex-direction:column;width:100%;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;overflow:hidden;cursor:grab;isolation:isolate}
.ws-agent-gallery-preview .media-thumb.is-dragging{opacity:.48}
.ws-agent-gallery-preview .media-thumb-body{position:relative;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:6px;box-sizing:border-box;background:#f8fafc;overflow:hidden}
.ws-agent-gallery-preview .media-thumb img,.ws-agent-gallery-preview .media-thumb video{position:static!important;left:auto!important;top:auto!important;transform:none!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;display:block;background:transparent;pointer-events:none}
.ws-agent-gallery-preview .media-thumb-bar{position:relative;z-index:1;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:4px;padding:4px 6px;background:#eef2f7;border-top:1px solid #e5e7eb;color:#111827;font-size:12px;font-weight:900}
.ws-agent-gallery-preview .media-thumb-order{min-width:22px}
.ws-agent-gallery-preview .media-thumb-remove{width:24px;height:24px;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:#111827;font-weight:900;cursor:pointer}
.ws-agent-gallery-preview .network-upload-row{display:flex;gap:8px;align-items:center}
.ws-agent-gallery-preview .network-upload-row input{flex:1}
.ws-agent-gallery-field .network-upload-row{display:flex;gap:8px;align-items:center}
.ws-agent-gallery-field .network-upload-row input[type=url]{flex:1}
.ws-agent-gallery-field .network-upload-row button,.ws-agent-gallery-save{flex:0 0 auto;border:0;border-radius:10px;padding:10px 16px;background:#111827;color:#fff;font:inherit;font-size:13px;font-weight:900;cursor:pointer}
.ws-agent-gallery-save:disabled{opacity:.55;cursor:not-allowed}
.ws-agent-gallery-actions{display:flex;justify-content:flex-end;margin-top:auto;padding-top:8px;flex:0 0 auto}
@media (max-width:1200px){.ws-agent-gallery-preview{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (max-width:900px){.ws-agent-gallery-modal{padding:8px}.ws-agent-gallery-preview{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:560px){.ws-agent-gallery-preview{grid-template-columns:repeat(3,minmax(0,1fr))}}