/* Light green & white theme, clean layout inspired by cloudconvert */
.dsrizi-container{max-width:960px;margin:24px auto;padding:16px;}
.dsrizi-header h2{font-size:28px;margin:0 0 8px;color:#2b3a2e;}
.dsrizi-header p{margin:0 0 16px;color:#4a5a4f}

.dsrizi-panel{background:#fff;border:1px solid #e6f3ea;border-radius:16px;box-shadow:0 6px 24px rgba(0,0,0,.06);padding:20px}

.dsrizi-upload{border:2px dashed #9bd4a3;background:#f6fff8;border-radius:16px;padding:28px;text-align:center;transition:.2s}
.dsrizi-upload.dragover{border-color:#57b36b;background:#effff2}
.dsrizi-upload .dsrizi-cloud-icon{width:56px;height:56px;border-radius:50%;margin:0 auto 12px;background:linear-gradient(145deg,#74c686,#b0e2b8)}
.dsrizi-btn{display:inline-block;background:#e9f8ee;border:1px solid #bfe8c8;color:#256836;padding:10px 16px;border-radius:999px;font-weight:600;cursor:pointer;text-decoration:none;transition:.2s}
.dsrizi-btn:hover{transform:translateY(-1px);box-shadow:0 8px 16px rgba(39,174,96,.15)}
.dsrizi-btn.primary{background:#38c172;border-color:#2ea360;color:#fff}
.dsrizi-btn.ghost{background:#fff;border-color:#cfe8d4;color:#256836}

.dsrizi-controls{display:flex;gap:12px;align-items:center;justify-content:center;margin:16px 0 8px}
#dsrizi-quality{width:220px}

.dsrizi-progress{display:flex;gap:10px;align-items:center;justify-content:center;margin:16px 0;padding:10px;border-radius:12px;background:#f1fff4;border:1px solid #cfe8d4}
.spinner{width:18px;height:18px;border-radius:50%;border:3px solid #bfe8c8;border-top-color:#38c172;animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

.dsrizi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:16px}
.dsrizi-card{border:1px solid #e6f3ea;border-radius:14px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.dsrizi-card img{width:100%;height:160px;object-fit:cover;background:#f8fff9}
.dsrizi-card-body{display:flex;align-items:center;justify-content:space-between;padding:10px}
.dsrizi-card .name{font-size:14px;color:#2b3a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65%}

.dsrizi-zip{display:flex;justify-content:center;margin-top:12px}

.dsrizi-admin-wrap{max-width:900px;margin:24px auto}
.dsrizi-card h2{margin:0 0 8px}
.dsrizi-admin-wrap .dsrizi-card{padding:16px;margin:16px 0}