body{text-align:center;background:#f5f5f5;padding:20px;font-family:Arial,sans-serif}.media-container{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.media-card{background:#fff;border-radius:10px;flex-direction:column;justify-content:space-between;align-items:center;width:320px;height:540px;padding:10px;display:flex;box-shadow:0 4px 8px #0000001a}.media-wrapper{flex-grow:1;justify-content:center;align-items:center;width:100%;max-height:440px;display:flex}.media-card img,.media-card video{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%}.media-card img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;pointer-events:none}.download-button{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:6px;min-width:150px;min-height:36px;margin-top:10px;padding:8px 16px;font-size:14px}.download-button:disabled{cursor:not-allowed;opacity:.9;background:#999}#loading{margin-top:40px}#error{color:red}.image-modal{z-index:9999;box-sizing:border-box;background:#000000eb;padding:16px;display:none;position:fixed;inset:0}.image-modal.open{flex-direction:column;justify-content:center;align-items:center;display:flex}.modal-close{color:#fff;cursor:pointer;background:#ffffff2e;border:none;border-radius:999px;width:42px;height:42px;font-size:26px;line-height:42px;position:fixed;top:14px;right:14px}.modal-note{color:#fff;margin-bottom:12px;font-size:15px}.modal-image{object-fit:contain;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;pointer-events:auto;border-radius:10px;max-width:96vw;max-height:78vh}