.dp-lib{
  --dp-blue:#3aa8e8;--dp-blue-dark:#2f8ec9;--dp-bg-a:#eaf5fd;--dp-bg-b:#ffffff;
  --dp-line:#d8ecfa;--dp-text:#1c2733;--dp-muted:#7c8b98;
  all:initial;display:block;box-sizing:border-box;font-family:'Segoe UI',Arial,sans-serif;
  max-width:1100px;margin:0 auto;
}
.dp-lib *{box-sizing:border-box;font-family:inherit}
.dp-lib .dp-lib-loading{padding:40px;text-align:center;color:var(--dp-muted)}

.dp-lib-card{
  background:linear-gradient(160deg,var(--dp-bg-a) 0%,var(--dp-bg-b) 55%,var(--dp-bg-a) 100%);
  border:2px solid var(--dp-blue);border-radius:26px;padding:14px;
  box-shadow:0 8px 24px rgba(58,168,232,.12);
}

.dp-lib-topbar{
  display:flex;align-items:center;justify-content:space-between;padding:4px 6px 14px;gap:10px;
}
.dp-lib-title{font-size:16px;font-weight:800;color:var(--dp-text)}
.dp-lib-search{
  flex:1;max-width:420px;display:flex;gap:8px;
}
.dp-lib-search input{
  flex:1;border:1px solid var(--dp-line);border-radius:10px;padding:9px 14px;
  font-size:13px;background:#fff;color:var(--dp-text);outline:none;
}
.dp-lib-search input:focus{border-color:var(--dp-blue)}

.dp-lib-grid{
  display:grid !important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr)) !important;
  gap:16px;min-height:200px;
}
.dp-lib-empty{grid-column:1/-1;text-align:center;color:var(--dp-muted);padding:40px 0}

.dp-lib-item{
  background:#fff;border:1px solid var(--dp-line);border-radius:16px;overflow:hidden;
  display:flex !important;flex-direction:column !important;width:100% !important;margin:0 !important;
}
.dp-lib-cover{
  aspect-ratio:4/3 !important;width:100% !important;height:auto;
  background:#0a0a0a center/cover no-repeat;position:relative;overflow:hidden;
}
.dp-lib-cover img{
  width:100% !important;height:100% !important;max-width:none !important;
  object-fit:cover !important;object-position:center !important;
  display:block;margin:0 !important;border:0 !important;
}
.dp-lib-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;flex:1}
.dp-lib-item h3{font-size:14px;margin:0;color:var(--dp-text);line-height:1.3;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.dp-lib-meta{font-size:11.5px;color:var(--dp-muted)}
.dp-lib-meta-row{line-height:1.5}
.dp-lib-play{
  margin-top:auto;background:var(--dp-blue);color:#fff;border:none;border-radius:10px;
  padding:9px 12px;font-size:12.5px;font-weight:800;letter-spacing:.02em;cursor:pointer;
}
.dp-lib-play:hover{background:var(--dp-blue-dark)}

.dp-lib-pagination{
  display:flex;align-items:center;justify-content:center;gap:14px;padding-top:16px;
}
.dp-lib-pagination button{
  background:#fff;border:1px solid var(--dp-line);border-radius:10px;padding:8px 16px;
  font-size:12.5px;font-weight:700;color:var(--dp-text);cursor:pointer;
}
.dp-lib-pagination button:disabled{opacity:.4;cursor:default}
.dp-lib-pagination span{font-size:12.5px;color:var(--dp-muted);font-weight:700}

.dp-lib-back{
  background:#fff;border:1px solid var(--dp-line);border-radius:10px;padding:8px 16px;
  font-size:12.5px;font-weight:800;color:var(--dp-text);cursor:pointer;margin-bottom:14px;
}
.dp-lib-back:hover{border-color:var(--dp-blue)}