.dp-design-library{max-width:1480px}
.dp-design-library__hero{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;margin:20px 0;padding:34px 38px;border-radius:18px;background:linear-gradient(135deg,#17132b,#35206e 62%,#7546e8);color:#fff;box-shadow:0 18px 45px rgba(48,28,104,.18)}
.dp-design-library__hero>div{max-width:820px}.dp-design-library__hero span{font-size:11px;font-weight:800;letter-spacing:.14em}.dp-design-library__hero h1{margin:8px 0 10px;color:#fff;font-size:38px;line-height:1.08}.dp-design-library__hero p{margin:0;color:#eee8ff;font-size:16px;line-height:1.6}.dp-design-library__hero>strong{padding:8px 12px;border-radius:999px;background:#fff;color:#2f205d;white-space:nowrap}.dp-design-library__hero>strong.is-warning{background:#fff0c9;color:#6b4d00}
.dp-design-library__principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.dp-design-library__principles div{display:flex;flex-direction:column;gap:5px;padding:18px 20px;border:1px solid #e4dff1;border-radius:12px;background:#fff}.dp-design-library__principles strong{color:#382668}.dp-design-library__principles span{color:#666;line-height:1.45}
.dp-design-library__policy{display:flex;align-items:flex-start;gap:12px;margin:0 0 20px;padding:16px 18px;border:1px solid #cabcf3;border-radius:12px;background:#f7f3ff;color:#4b337f}.dp-design-library__policy strong{white-space:nowrap}.dp-design-library__policy span{line-height:1.5}
.dp-library-collections{margin:24px 0;padding:28px;border:1px solid #ded8ed;border-radius:18px;background:#f9f7ff}.dp-library-collections__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:20px}.dp-library-collections__heading>div{max-width:670px}.dp-library-collections__heading span{color:#6d3df5;font-size:10px;font-weight:800;letter-spacing:.13em}.dp-library-collections__heading h2{margin:7px 0 0;font-size:28px;line-height:1.15}.dp-library-collections__heading>p{max-width:520px;margin:0;color:#666;line-height:1.55}.dp-library-collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.dp-library-collection-card{display:flex;min-height:255px;flex-direction:column;padding:22px;border:1px solid #e1d9f2;border-radius:14px;background:#fff}.dp-library-collection-card>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.dp-library-collection-card>div span{padding:4px 8px;border-radius:999px;background:#eee8ff;color:#5c35c5;font-size:9px;font-weight:800;letter-spacing:.1em}.dp-library-collection-card>div strong{color:#777;font-size:10px}.dp-library-collection-card h3{margin:16px 0 7px;font-size:19px}.dp-library-collection-card p{margin:0 0 12px;color:#666;line-height:1.5}.dp-library-collection-card small{display:block;margin:auto 0 16px;color:#766d83;line-height:1.4}.dp-library-collection-card .button{align-self:flex-start}
.dp-cloud-readiness{margin:20px 0;padding:24px 28px;border:1px solid #b9dfcc;border-radius:16px;background:#f4fbf7}.dp-cloud-readiness.is-fallback{border-color:#ecd39a;background:#fffaf0}.dp-cloud-readiness__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.dp-cloud-readiness__heading span{color:#18794e;font-size:10px;font-weight:800;letter-spacing:.13em}.dp-cloud-readiness.is-fallback .dp-cloud-readiness__heading span{color:#8a6200}.dp-cloud-readiness__heading h2{margin:6px 0 0;font-size:23px}.dp-cloud-readiness__heading>strong{padding:6px 10px;border-radius:999px;background:#d9f2e5;color:#12653f}.dp-cloud-readiness.is-fallback .dp-cloud-readiness__heading>strong{background:#f8e8bd;color:#775300}.dp-cloud-readiness__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.dp-cloud-readiness__stats div{padding:13px 15px;border-radius:10px;background:#fff}.dp-cloud-readiness__stats small,.dp-cloud-readiness__stats b{display:block}.dp-cloud-readiness__stats small{margin-bottom:5px;color:#777}.dp-cloud-readiness__actions{display:flex;flex-wrap:wrap;gap:8px}.dp-cloud-readiness>p{margin:13px 0 0;color:#666}.dp-cloud-readiness__error{color:#a33!important;font-weight:600}
.dp-library-manager{margin:24px 0 30px;padding:28px;border:1px solid #ded8ed;border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(37,25,72,.07)}.dp-library-manager__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.dp-library-manager__heading>div{max-width:780px}.dp-library-manager__heading span,.dp-component-card__meta span{color:#6d3df5;font-size:10px;font-weight:800;letter-spacing:.13em}.dp-library-manager__heading h2{margin:7px 0 8px;font-size:28px;line-height:1.15}.dp-library-manager__heading p{margin:0;color:#666;font-size:14px;line-height:1.55}.dp-library-search input{width:290px;min-height:42px;padding:0 14px;border:1px solid #d8d1e8;border-radius:10px}.dp-library-filters{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 20px;padding-bottom:18px;border-bottom:1px solid #ece8f3}.dp-library-filters button{padding:8px 13px;border:1px solid #ddd6ed;border-radius:999px;background:#fff;color:#4b4161;font-weight:700;cursor:pointer}.dp-library-filters button:hover,.dp-library-filters button.is-active{border-color:#6d3df5;background:#6d3df5;color:#fff}.dp-component-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.dp-component-card{overflow:hidden;border:1px solid #e2ddec;border-radius:14px;background:#fff}.dp-component-card[hidden]{display:none}.dp-component-card__preview{display:flex;min-height:128px;flex-direction:column;justify-content:flex-end;padding:20px;background:linear-gradient(135deg,#17132b,#7041e5);color:#fff}.dp-component-card__preview--conversion{background:linear-gradient(135deg,#10243a,#156a72 62%,#36a687)}.dp-component-card__preview--lead-capture{background:linear-gradient(135deg,#33104f,#8736a6 58%,#f05d8d)}.dp-component-card__preview span{font-size:9px;font-weight:800;letter-spacing:.15em;opacity:.78}.dp-component-card__preview strong{margin-top:6px;font-size:20px;line-height:1.15}.dp-component-card__body{padding:20px}.dp-component-card__meta{display:flex;align-items:center;justify-content:space-between}.dp-component-card__meta em{color:#888;font-style:normal;font-size:11px}.dp-component-card h3{margin:9px 0 7px;font-size:18px}.dp-component-card p{min-height:64px;margin:0;color:#666;line-height:1.5}.dp-component-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}.dp-component-card__tags span{padding:4px 8px;border-radius:999px;background:#f2eff8;color:#5b4c72;font-size:10px;font-weight:700}.dp-component-card__actions{display:flex;align-items:center;gap:8px;padding-top:15px;border-top:1px solid #eee}.dp-component-card__actions strong{margin-left:auto;color:#777;font-size:10px}.dp-component-card__actions .is-installed{color:#18794e}.dp-component-card__actions .is-update{color:#9a6700}.dp-library-empty{padding:30px;text-align:center;color:#777}
.dp-component-card__preview--sales{background:linear-gradient(135deg,#35120b,#a53b1c 58%,#f29a42)}.dp-component-card__preview--funnel{background:linear-gradient(135deg,#071f38,#155f86 58%,#21a5a5)}
.dp-component-card__meta>div{display:flex;align-items:center;gap:8px}.dp-component-card__meta b,.dp-component-card__meta i{padding:3px 6px;border-radius:999px;background:#eee8ff;color:#5c35c5;font-size:8px;font-style:normal;letter-spacing:.08em}.dp-component-card__meta i{background:#e8f5ef;color:#18794e}.dp-component-card__version{display:block;margin-top:9px;color:#70667d}.dp-component-card__setup{display:flex;flex-wrap:wrap;align-items:center;gap:7px 12px;margin-top:14px;padding-top:13px;border-top:1px solid #eee}.dp-component-card__setup>span{color:#777;font-size:8px;font-weight:800;letter-spacing:.12em}.dp-component-card__setup a{color:#5630bd;font-size:11px;font-weight:700;text-decoration:none}.dp-component-card__setup small{color:#8a6672;font-size:10px}
.dp-component-card__guide{margin:14px 0;padding:11px 12px;border:1px solid #e7e1f1;border-radius:9px;background:#faf8fe;color:#5d556b;font-size:11px;line-height:1.5}.dp-component-card__guide summary{cursor:pointer;color:#5630bd;font-weight:800}.dp-component-card__guide ol{margin:9px 0 6px;padding-left:19px}.dp-component-card__guide li+li{margin-top:5px}.dp-component-card__guide a{display:inline-block;margin-top:5px;color:#5630bd;font-weight:700;text-decoration:none}
.dp-design-library__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.dp-design-pack{padding:26px;border:1px solid #ded8ed;border-radius:16px;background:#fff;box-shadow:0 9px 25px rgba(37,25,72,.06)}.dp-design-pack__top{display:flex;align-items:center;justify-content:space-between}.dp-design-pack__top span{color:#6d3df5;font-size:10px;font-weight:800;letter-spacing:.13em}.dp-design-pack__top em{color:#777;font-style:normal}.dp-design-pack h2{margin:10px 0 8px;color:#211b31}.dp-design-pack>p{color:#666;line-height:1.55}
.dp-design-pack ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin:20px 0;padding:0;list-style:none}.dp-design-pack li:before{content:'✓';margin-right:7px;color:#6d3df5;font-weight:800}.dp-design-pack__contents{margin:0 0 16px;padding:14px 16px!important;border-radius:10px;background:#f8f7fb}.dp-design-pack__contents ul{display:block;margin:10px 0 0}.dp-design-pack__contents li{margin:7px 0}.dp-design-pack__notice{margin:0 0 18px!important;padding:12px 14px;border-left:4px solid #8a5cf6;background:#faf8ff;color:#54486e!important;font-size:12px}
.dp-design-pack__actions{display:flex;align-items:center;gap:14px;padding:18px 0;border-top:1px solid #eee}.dp-design-pack__actions strong{color:#777;font-size:12px}.dp-design-pack__actions .is-downloaded{color:#18794e}.dp-design-pack__actions .is-update{color:#9a6700}.dp-design-pack details{padding-top:4px}.dp-design-pack summary{cursor:pointer;color:#4c2ba7;font-weight:700}.dp-design-pack ol{display:block;margin:14px 0 0;padding-left:22px}.dp-design-pack ol li{margin:8px 0;color:#555;line-height:1.45}.dp-design-pack ol li:before{content:none}
@media(max-width:1100px){.dp-component-grid,.dp-library-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.dp-design-library__hero,.dp-design-library__policy,.dp-library-manager__heading,.dp-library-collections__heading,.dp-cloud-readiness__heading{flex-direction:column;align-items:stretch}.dp-design-library__principles,.dp-design-library__grid,.dp-component-grid,.dp-library-collection-grid,.dp-cloud-readiness__stats{grid-template-columns:1fr}.dp-library-search input{width:100%}}
@media(max-width:600px){.dp-design-library__hero{padding:26px 22px}.dp-design-library__hero h1{font-size:31px}.dp-design-pack ul{grid-template-columns:1fr}}

/* Screenshot-first cloud library. Legacy pack styles above remain available to old URLs. */
.dp-design-library--visual{max-width:1600px}.dp-design-library--visual .dp-design-library__hero{min-height:0;padding:30px 34px}.dp-design-library--visual .dp-design-library__hero h1{margin:0 0 7px;font-size:34px}.dp-design-library--visual .dp-design-library__hero p{max-width:none;margin:0;font-size:15px}.dp-design-library__hero-actions{display:flex;align-items:center;gap:14px}.dp-design-library__hero-actions strong{padding:0!important;background:none!important;font-size:12px}.dp-design-library__hero-actions .is-ready:before{content:'\2022';margin-right:6px;color:#65e6a2;font-size:20px;vertical-align:-2px}
.dp-design-library--visual .dp-cloud-readiness{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:14px 0 28px;padding:12px 16px;border:1px solid #dfe9e4;border-radius:12px;background:#f5fbf8;box-shadow:none}.dp-design-library--visual .dp-cloud-readiness.is-fallback{border-color:#eadfca;background:#fffaf1}.dp-cloud-readiness__summary,.dp-cloud-readiness__actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.dp-cloud-readiness__summary i{width:9px;height:9px;border-radius:50%;background:#24a36a;box-shadow:0 0 0 4px rgba(36,163,106,.12)}.is-fallback .dp-cloud-readiness__summary i{background:#bf7b11}.dp-cloud-readiness__summary strong{color:#24302a}.dp-cloud-readiness__summary span,.dp-cloud-readiness__summary small{padding-left:9px;border-left:1px solid #d8e4de;color:#65716b}.dp-cloud-readiness__summary .is-update{color:#8a5a00;font-weight:700}.dp-cloud-readiness__test{color:#66587c;font-size:12px;text-decoration:none}.dp-cloud-readiness__error{flex-basis:100%;margin:0!important}
.dp-design-library--visual .dp-library-collections{margin:0 0 28px;padding:0;background:transparent;border:0;box-shadow:none}.dp-design-library--visual .dp-library-collections__heading{margin:0 0 14px}.dp-design-library--visual .dp-library-collections__heading h2,.dp-design-library--visual .dp-library-manager__heading h2{margin:0 0 4px;font-size:24px}.dp-design-library--visual .dp-library-collections__heading p{margin:0;color:#6e6678}.dp-design-library--visual .dp-library-collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.dp-design-library--visual .dp-library-collection-card{overflow:hidden;padding:0;border-radius:15px;box-shadow:0 8px 24px rgba(35,24,63,.06)}.dp-collection-thumbs{display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:1fr 1fr;height:190px;background:#eeeaf7}.dp-collection-thumbs img{width:100%;height:100%;object-fit:cover;object-position:top}.dp-collection-thumbs img:first-child{grid-row:1/3}.dp-library-collection-card>.dp-collection-meta,.dp-library-collection-card>h3,.dp-library-collection-card>.button{margin-left:18px;margin-right:18px}.dp-library-collection-card>.dp-collection-meta{margin-top:16px}.dp-library-collection-card>h3{margin-top:8px;margin-bottom:14px}.dp-library-collection-card>.button{margin-bottom:18px}.dp-collection-meta{display:flex;align-items:center;justify-content:space-between}.dp-collection-meta span{color:#6d3df5;font-size:10px;font-weight:800;letter-spacing:.12em}.dp-collection-meta strong{color:#777;font-size:11px}
.dp-design-library--visual .dp-library-manager{margin:0;padding:24px;border-radius:16px}.dp-design-library--visual .dp-library-manager__heading{align-items:center}.dp-design-library--visual .dp-library-filters{margin:18px 0 12px;padding-bottom:14px}.dp-design-group{padding-top:18px}.dp-design-group[hidden]{display:none}.dp-design-group+.dp-design-group{margin-top:16px;border-top:1px solid #ebe7f2}.dp-design-group__title{display:flex;align-items:center;gap:10px;margin:0 0 14px}.dp-design-group__title h3{margin:0;font-size:20px}.dp-design-group__title span{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:#eee9fa;color:#5d39bd;font-size:11px;font-weight:800}
.dp-design-library--visual .dp-component-grid{columns:4 260px;display:block;column-gap:16px}.dp-design-library--visual .dp-component-card{display:inline-block;width:100%;margin:0 0 16px;break-inside:avoid;border-radius:13px;box-shadow:0 5px 17px rgba(32,22,54,.055);transition:transform .18s ease,box-shadow .18s ease}.dp-design-library--visual .dp-component-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(32,22,54,.12)}.dp-design-library--visual .dp-component-card__preview{position:relative;display:block;min-height:0;padding:0;background:#f0edf5;color:#fff;overflow:hidden}.dp-design-library--visual .dp-component-card__preview img{display:block;width:100%;height:auto;min-height:150px;max-height:460px;object-fit:cover;object-position:top;background:#f3f1f7}.dp-design-library--visual .dp-component-card__preview span{position:absolute;right:10px;bottom:10px;padding:6px 9px;border-radius:999px;background:rgba(20,16,38,.82);color:#fff;font-size:10px;font-weight:800;letter-spacing:0;opacity:0;transform:translateY(4px);transition:.18s ease}.dp-design-library--visual .dp-component-card:hover .dp-component-card__preview span,.dp-design-library--visual .dp-component-card__preview:focus span{opacity:1;transform:none}.dp-design-library--visual .dp-component-card__preview--fallback{display:flex;min-height:170px;padding:18px;background:linear-gradient(135deg,#17132b,#7041e5);align-items:flex-end}.dp-design-library--visual .dp-component-card__body{padding:15px}.dp-design-library--visual .dp-component-card h3{margin:7px 0 13px;font-size:16px;line-height:1.3}.dp-design-library--visual .dp-component-card__meta span{font-size:9px}.dp-design-library--visual .dp-component-card__meta b{font-size:8px}.dp-design-library--visual .dp-component-card__actions{padding-top:12px}.dp-design-library--visual .dp-component-card__actions .button{min-height:30px;padding:0 10px;line-height:28px}.dp-design-library--visual .dp-component-card__actions strong{font-size:9px;text-transform:uppercase;letter-spacing:.06em}
@media(max-width:1180px){.dp-design-library--visual .dp-library-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dp-design-library--visual .dp-component-grid{columns:3 240px}}
@media(max-width:800px){.dp-design-library__hero-actions,.dp-design-library--visual .dp-cloud-readiness{align-items:flex-start;flex-direction:column}.dp-design-library--visual .dp-library-collection-grid{grid-template-columns:1fr}.dp-design-library--visual .dp-component-grid{columns:2 230px}}
@media(max-width:520px){.dp-design-library--visual .dp-component-grid{columns:1}.dp-design-library--visual .dp-library-manager{padding:17px}.dp-cloud-readiness__summary span,.dp-cloud-readiness__summary small{padding-left:0;border-left:0}}
.dp-design-library--visual .dp-library-collection-grid{grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(285px,1fr);overflow-x:auto;padding-bottom:10px;scroll-snap-type:x proximity}.dp-design-library--visual .dp-library-collection-card{scroll-snap-align:start}.dp-design-library--visual .dp-collection-thumbs{height:160px}