.ag-image-container{margin:0 auto;width:100%;box-sizing:border-box}
.ag-image-header{font-size:16px;font-weight:700;text-align:center;padding:8px 20px;margin:30px auto 16px;max-width:max-content;border-radius:12px;background:rgba(126,34,206,0.05);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(126,34,206,0.15);box-shadow:0 4px 12px rgba(126,34,206,0.03);color:#7e22ce;transition:transform 0.3s ease,box-shadow 0.3s ease}
.ag-image-container>.ag-image-header:first-child{margin-top:0}
.ag-image-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center;width:100%;box-sizing:border-box}
.ag-single-image{flex:0 1 100%;max-width:500px;display:flex;flex-direction:column;border-radius:12px;background:rgba(255,255,255,0.05);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.15);box-shadow:0 4px 15px rgba(0,0,0,0.03);transition:transform 0.3s ease,box-shadow 0.3s ease;overflow:hidden;box-sizing:border-box;margin:0 auto;contain:paint}
.ag-double-image{flex:1 1 45%;max-width:48%;display:flex;flex-direction:column;border-radius:12px;background:rgba(255,255,255,0.05);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.15);box-shadow:0 4px 15px rgba(0,0,0,0.03);transition:transform 0.3s ease,box-shadow 0.3s ease;overflow:hidden;box-sizing:border-box;contain:paint}
.ag-image-item{flex:1 1 30%;max-width:32%;display:flex;flex-direction:column;border-radius:12px;background:rgba(255,255,255,0.05);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.15);box-shadow:0 4px 15px rgba(0,0,0,0.03);transition:transform 0.3s ease,box-shadow 0.3s ease;overflow:hidden;box-sizing:border-box;contain:paint}
.ag-single-image:hover,.ag-double-image:hover,.ag-image-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,0.08)}
.ag-single-image img,.ag-double-image img,.ag-image-item img{width:100%;height:auto;display:block;object-fit:contain}
.ag-image-desc{padding:12px 10px;font-size:13px;font-weight:600;color:#444;text-align:center;background:rgba(255,255,255,0.3);border-top:1px solid rgba(255,255,255,0.2);margin:auto 0 0 0;flex-grow:1;display:flex;align-items:center;justify-content:center}

@media (max-width:768px){
    .ag-image-container{margin:0 auto}
    .ag-image-header{font-size:14px;padding:6px 16px;margin:24px auto 12px;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}
    .ag-image-grid{flex-direction:column;align-items:center;gap:12px}
    .ag-single-image,.ag-double-image,.ag-image-item{flex:0 1 100%;max-width:100%;width:100%;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}
    .ag-image-desc{font-size:12px;padding:10px}
}

body.dark-mode .ag-image-header{background:rgba(167,139,250,0.08);border-color:rgba(167,139,250,0.15);color:#d8b4fe;box-shadow:0 4px 12px rgba(0,0,0,0.15)}
body.dark-mode .ag-single-image,body.dark-mode .ag-double-image,body.dark-mode .ag-image-item{background:rgba(30,41,59,0.5);border-color:rgba(255,255,255,0.05);box-shadow:0 4px 15px rgba(0,0,0,0.15)}
body.dark-mode .ag-image-desc{background:rgba(15,23,42,0.4);color:#e2e8f0;border-color:rgba(255,255,255,0.05)}