/* Easy Point reference homepage top — current calibration v0.5.51.21. */
/* v0.5.60 — retained the former app-home top-showcase cascade order. */
.ep-top-showcase{position:relative;overflow:hidden;padding:34px 0 26px;min-height:var(--ep-top-min-height,520px);background:linear-gradient(180deg,color-mix(in srgb,var(--ep-accent) 8%,#eef6ff) 0%,color-mix(in srgb,var(--ep-bg) 92%,#fff) 72%,transparent 100%);isolation:isolate}.ep-top-showcase__background{position:absolute;inset:0;z-index:-4;pointer-events:none;background-image:var(--ep-top-bg-image,none);background-position:var(--ep-top-bg-position,center);background-size:cover;background-repeat:no-repeat;opacity:0;transform:scale(1.015)}.ep-top-showcase--has-bg .ep-top-showcase__background{opacity:1}.ep-top-showcase--has-bg:before{content:"";position:absolute;inset:0;z-index:-3;pointer-events:none;background:linear-gradient(100deg,rgba(247,251,255,var(--ep-top-bg-overlay,.84)) 0%,rgba(245,249,255,calc(var(--ep-top-bg-overlay,.84) * .92)) 52%,rgba(242,247,255,calc(var(--ep-top-bg-overlay,.84) * .82)) 100%)}.ep-top-showcase__aura{position:absolute;z-index:-2;border-radius:999px;filter:blur(6px);pointer-events:none;opacity:.7}.ep-top-showcase__aura--one{width:520px;height:520px;left:-180px;top:-280px;background:radial-gradient(circle,rgba(54,139,255,.18),transparent 68%)}.ep-top-showcase__aura--two{width:640px;height:640px;right:12%;top:-360px;background:radial-gradient(circle,rgba(126,94,255,.18),transparent 70%)}.ep-top-showcase__hero{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(280px,var(--ep-top-visual-w,420px)) minmax(220px,.44fr);gap:30px;align-items:center;min-height:calc(var(--ep-top-min-height,520px) - 176px)}.ep-top-showcase--visual-left .ep-top-showcase__visual{grid-column:1;grid-row:1}.ep-top-showcase--visual-left .ep-top-showcase__copy{grid-column:2;grid-row:1}.ep-top-showcase--visual-left .ep-top-showcase__stats{grid-column:3;grid-row:1}.ep-top-showcase--visual-left .ep-top-showcase__hero{grid-template-columns:minmax(280px,var(--ep-top-visual-w,420px)) minmax(0,1.12fr) minmax(220px,.44fr)}.ep-top-showcase__copy{min-width:0;padding:30px 0 26px}.ep-top-showcase__kicker{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:16px;color:var(--ep-muted);font-size:12px;letter-spacing:.02em}.ep-top-showcase__kicker i{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font-style:normal;color:#fff;background:linear-gradient(135deg,#1689ff,var(--ep-accent));box-shadow:0 7px 16px rgba(49,101,255,.22)}.ep-top-showcase__kicker strong{font-size:13px;color:var(--ep-muted)}.ep-top-showcase__kicker small{padding:4px 8px;border:1px solid color-mix(in srgb,var(--ep-accent) 18%,transparent);border-radius:999px;color:color-mix(in srgb,var(--ep-accent) 72%,#5871a6);background:rgba(255,255,255,.64);font-size:10px;font-weight:800;letter-spacing:.08em;backdrop-filter:blur(8px)}.ep-top-showcase__copy h1{max-width:760px;margin:0;font-size:clamp(42px,4.5vw,68px);line-height:1.04;letter-spacing:-.055em;color:#10182c;font-weight:950}.ep-top-showcase__copy h1 span{color:#1468ff;background:linear-gradient(90deg,#1269ff 0%,var(--ep-accent) 55%,#6c5df8 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ep-top-showcase__copy>p{max-width:760px;margin:18px 0 0;color:#5d6880;font-size:15px;line-height:1.85}.ep-top-showcase__search{display:grid;grid-template-columns:minmax(0,1fr) 60px;width:min(100%,640px);margin-top:24px;padding:5px;border:1px solid rgba(115,139,181,.15);border-radius:14px;background:rgba(255,255,255,.94);box-shadow:0 14px 38px rgba(46,76,126,.11);backdrop-filter:blur(10px)}.ep-top-showcase__search input{min-width:0;height:48px;padding:0 16px;border:0!important;outline:0!important;background:transparent!important;color:var(--ep-text);font-size:14px;box-shadow:none!important}.ep-top-showcase__search input::placeholder{color:#a1acc0}.ep-top-showcase__search button{width:52px;height:48px;place-self:center;border:0;border-radius:11px;background:linear-gradient(135deg,#146dff,var(--ep-accent));box-shadow:0 10px 22px rgba(48,83,238,.22);cursor:pointer}.ep-top-showcase__search button span{position:relative;display:block;width:17px;height:17px;margin:auto;border:2px solid #fff;border-radius:50%}.ep-top-showcase__search button span:after{content:"";position:absolute;width:7px;height:2px;right:-5px;bottom:-2px;background:#fff;border-radius:2px;transform:rotate(45deg)}.ep-top-showcase__trust{display:flex;flex-wrap:wrap;gap:18px 24px;margin-top:20px;color:#34425c;font-size:12px;font-weight:750}.ep-top-showcase__trust span{display:inline-flex;align-items:center;gap:7px}.ep-top-showcase__trust i{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;font-style:normal;font-size:11px;color:#fff;background:#146dff;box-shadow:0 6px 14px rgba(20,109,255,.22)}.ep-top-showcase__visual{position:relative;width:min(100%,var(--ep-top-visual-w,420px));height:var(--ep-top-visual-h,360px);min-height:var(--ep-top-visual-h,360px);display:grid;place-items:center;justify-self:center}.ep-top-showcase__stage{position:relative;width:100%;height:100%;perspective:900px;transform:translateY(6px)}.ep-top-showcase__platform{position:absolute;left:14%;right:13%;height:24%;border:1px solid rgba(120,157,234,.22);border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(183,214,255,.2));box-shadow:0 22px 50px rgba(44,82,150,.13);transform:rotateX(61deg) rotateZ(-4deg)}.ep-top-showcase__platform--one{bottom:12%}.ep-top-showcase__platform--two{bottom:24%;left:20%;right:19%;opacity:.82}.ep-top-showcase__brand-card{position:absolute;z-index:8;left:50%;top:50%;width:min(190px,52%);min-height:min(214px,68%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px;border:1px solid rgba(255,255,255,.92);border-radius:22px;background:linear-gradient(150deg,rgba(255,255,255,.96),rgba(233,242,255,.86));box-shadow:0 28px 70px rgba(42,77,145,.18);transform:translate(-50%,-49%) rotateX(5deg) rotateY(-8deg) rotateZ(2deg);backdrop-filter:blur(14px);text-align:center}.ep-top-showcase__brand-card--overlay{top:auto;left:22px;bottom:22px;width:min(220px,68%);min-height:0;align-items:flex-start;padding:14px 16px;border-radius:16px;transform:none;background:rgba(255,255,255,.82);box-shadow:0 18px 45px rgba(30,61,120,.16);text-align:left}.ep-top-showcase__brand-card b,.ep-top-showcase__brand-logo{width:50px;height:50px;display:grid;place-items:center;margin-bottom:10px;border-radius:15px;color:#fff;background:linear-gradient(135deg,#1b9fff,#3f55ee 60%,#7456f6);font-size:28px;font-style:italic;font-weight:950;box-shadow:0 12px 25px rgba(65,92,228,.28);overflow:hidden}.ep-top-showcase__brand-logo img{width:100%;height:100%;object-fit:cover;display:block}.ep-top-showcase__brand-card--overlay b,.ep-top-showcase__brand-card--overlay .ep-top-showcase__brand-logo{width:38px;height:38px;margin-bottom:7px;border-radius:11px;font-size:20px}.ep-top-showcase__brand-card strong{max-width:100%;font-size:22px;color:#10285a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ep-top-showcase__brand-card span{max-width:100%;margin-top:5px;color:#295ee8;font-size:13px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ep-top-showcase__brand-card small{margin-top:7px;color:#8a96ad;font-size:10px;letter-spacing:.06em}.ep-top-showcase__brand-card--overlay strong{font-size:16px}.ep-top-showcase__brand-card--overlay span{font-size:11px}.ep-top-showcase__brand-card--overlay small{display:none}.ep-top-showcase__tile{position:absolute;z-index:6;display:grid;place-items:center;width:16%;aspect-ratio:1;border:1px solid rgba(255,255,255,.8);border-radius:18px;color:#fff;font-size:clamp(16px,2vw,22px);font-weight:900;box-shadow:0 18px 34px rgba(38,85,191,.2)}.ep-top-showcase__tile--play{left:5%;top:18%;background:linear-gradient(135deg,#635cf8,#8a5af2);transform:rotate(-9deg)}.ep-top-showcase__tile--image{left:33%;top:1%;background:linear-gradient(135deg,#22c1ff,#1675f5);transform:rotate(8deg)}.ep-top-showcase__tile--code{right:4%;top:17%;background:linear-gradient(135deg,#2f78ff,#4a57e8);transform:rotate(9deg)}.ep-top-showcase__tile--cube{right:9%;bottom:15%;background:linear-gradient(135deg,#477cff,#745ef5);transform:rotate(-7deg)}.ep-top-showcase__slides{position:relative;width:100%;height:100%;overflow:hidden;border-radius:28px;border:1px solid rgba(255,255,255,.82);background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(227,238,255,.48));box-shadow:0 28px 70px rgba(43,78,145,.16);backdrop-filter:blur(12px)}.ep-top-showcase__slide{position:absolute;inset:0;display:block;opacity:0;pointer-events:none;transition:opacity .55s ease,transform .55s ease;text-decoration:none}.ep-top-showcase__slide.is-active{opacity:1;pointer-events:auto;z-index:2}.ep-top-showcase__slide img{width:100%;height:100%;display:block}.ep-top-showcase__slides--fit-contain .ep-top-showcase__slide img{object-fit:contain;padding:18px}.ep-top-showcase__slides--fit-cover .ep-top-showcase__slide img{object-fit:cover}.ep-top-showcase__slides--zoom .ep-top-showcase__slide{transform:scale(1.045)}.ep-top-showcase__slides--zoom .ep-top-showcase__slide.is-active{transform:scale(1)}.ep-top-showcase__slides--slide .ep-top-showcase__slide{transform:translateX(8%)}.ep-top-showcase__slides--slide .ep-top-showcase__slide.is-active{transform:translateX(0)}.ep-top-showcase__dots{position:absolute;z-index:10;right:14px;bottom:14px;display:flex;gap:6px;padding:6px 8px;border-radius:999px;background:rgba(16,31,62,.25);backdrop-filter:blur(8px)}.ep-top-showcase__dots button{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.55);cursor:pointer;transition:width .2s ease,background .2s ease}.ep-top-showcase__dots button.is-active{width:20px;background:#fff}.ep-top-showcase__stats{align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:11px;margin:8px 0;padding:20px 18px;border:1px solid rgba(255,255,255,.88);border-radius:22px;background:rgba(255,255,255,.76);box-shadow:0 20px 58px rgba(35,72,132,.11);backdrop-filter:blur(16px)}.ep-top-showcase__metric{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px}.ep-top-showcase__metric>i{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#eaf5ff,#edf0ff);color:#156cf7;font-style:normal;font-size:20px;font-weight:900}.ep-top-showcase__metric strong{display:block;color:#15243f;font-size:20px;line-height:1.1}.ep-top-showcase__metric span{display:block;margin-top:3px;color:#8894aa;font-size:10.5px}.ep-top-showcase__trend{margin-top:5px;padding-top:12px;border-top:1px solid #eef2f8}.ep-top-showcase__trend svg{width:100%;height:74px;overflow:visible}.ep-top-showcase__trend path{fill:none;stroke:#2e70ff;stroke-width:3;stroke-linecap:round}.ep-top-showcase__trend rect{fill:#dbe7ff;rx:3}.ep-top-showcase__trend div{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:3px;color:#7d899f;font-size:10px}.ep-top-showcase__trend strong{font-size:14px;color:#196bf5}.ep-top-showcase__categories{position:relative;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--ep-top-cat-min,132px)),1fr));gap:10px;margin-top:8px}.ep-top-showcase__category{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:var(--ep-top-cat-h,112px);padding:13px 10px;border:1px solid color-mix(in srgb,var(--ep-cat-accent) 14%,#dfe7f2);border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--ep-cat-soft) 82%,#fff),rgba(255,255,255,.92));box-shadow:0 8px 24px color-mix(in srgb,var(--ep-cat-accent) 7%,transparent);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.ep-top-showcase__category:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--ep-cat-accent) 30%,#dfe7f2);background:linear-gradient(180deg,color-mix(in srgb,var(--ep-cat-soft) 98%,#fff),#fff);box-shadow:0 14px 28px color-mix(in srgb,var(--ep-cat-accent) 12%,transparent)}.ep-top-showcase__category-icon{width:42px;height:42px;display:grid;place-items:center;margin-bottom:9px;border-radius:13px;color:var(--ep-cat-accent);background:color-mix(in srgb,var(--ep-cat-accent) 11%,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ep-cat-accent) 12%,transparent);font-style:normal;overflow:hidden}.ep-top-showcase__category-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ep-top-showcase__category-icon--image{background:#fff;box-shadow:0 6px 14px color-mix(in srgb,var(--ep-cat-accent) 12%,transparent)}.ep-top-showcase__category-icon img{width:100%;height:100%;object-fit:cover;display:block}.ep-top-showcase__category strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#25334f;font-size:13px}.ep-top-showcase__category span{max-width:100%;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8d99ad;font-size:9.5px}html[data-ep-theme="dark"] .ep-top-showcase{background:linear-gradient(180deg,color-mix(in srgb,var(--ep-accent) 10%,#111827),var(--ep-bg) 78%,transparent)}html[data-ep-theme="dark"] .ep-top-showcase--has-bg:before{background:linear-gradient(100deg,rgba(14,18,27,calc(var(--ep-top-bg-overlay,.84) * .92)),rgba(16,20,30,calc(var(--ep-top-bg-overlay,.84) * .86)))}html[data-ep-theme="dark"] .ep-top-showcase__copy h1,html[data-ep-theme="dark"] .ep-top-showcase__metric strong,html[data-ep-theme="dark"] .ep-top-showcase__category strong{color:var(--ep-text)}html[data-ep-theme="dark"] .ep-top-showcase__copy>p,html[data-ep-theme="dark"] .ep-top-showcase__kicker strong{color:var(--ep-muted)}html[data-ep-theme="dark"] .ep-top-showcase__search,html[data-ep-theme="dark"] .ep-top-showcase__stats{background:color-mix(in srgb,var(--ep-card) 90%,transparent);border-color:var(--ep-line)}html[data-ep-theme="dark"] .ep-top-showcase__category{background:linear-gradient(180deg,color-mix(in srgb,var(--ep-cat-accent) 9%,var(--ep-card)),var(--ep-card));border-color:color-mix(in srgb,var(--ep-cat-accent) 18%,var(--ep-line))}html[data-ep-theme="dark"] .ep-top-showcase__brand-card{background:linear-gradient(150deg,color-mix(in srgb,var(--ep-card) 94%,#fff),color-mix(in srgb,var(--ep-accent) 8%,var(--ep-card)));border-color:var(--ep-line)}html[data-ep-theme="dark"] .ep-top-showcase__brand-card strong{color:var(--ep-text)} (max-width:1180px){.ep-top-showcase__hero,.ep-top-showcase--visual-left .ep-top-showcase__hero{grid-template-columns:minmax(0,1.05fr) minmax(280px,var(--ep-top-visual-w,420px))}.ep-top-showcase--visual-left .ep-top-showcase__visual{grid-column:1;grid-row:1}.ep-top-showcase--visual-left .ep-top-showcase__copy{grid-column:2;grid-row:1}.ep-top-showcase__stats,.ep-top-showcase--visual-left .ep-top-showcase__stats{grid-column:1/-1;grid-row:auto;display:grid;grid-template-columns:repeat(3,1fr) minmax(180px,1.15fr);align-items:center}.ep-top-showcase__trend{margin:0;padding:0 0 0 16px;border-top:0;border-left:1px solid #eef2f8}} (max-width:860px){.ep-top-showcase{padding-top:20px}.ep-top-showcase__hero,.ep-top-showcase--visual-left .ep-top-showcase__hero{grid-template-columns:1fr;min-height:0}.ep-top-showcase__copy,.ep-top-showcase--visual-left .ep-top-showcase__copy{grid-column:1;grid-row:auto;padding-bottom:0}.ep-top-showcase__visual,.ep-top-showcase--visual-left .ep-top-showcase__visual{grid-column:1;grid-row:auto;width:min(100%,var(--ep-top-visual-w,420px));height:min(var(--ep-top-visual-h,360px),68vw);min-height:min(var(--ep-top-visual-h,360px),68vw);order:2}.ep-top-showcase__stats,.ep-top-showcase--visual-left .ep-top-showcase__stats{grid-column:1;grid-row:auto;grid-template-columns:repeat(2,minmax(0,1fr));order:3}.ep-top-showcase__trend{padding:12px 0 0;border-left:0;border-top:1px solid #eef2f8}.ep-top-showcase__copy h1{font-size:clamp(38px,10vw,56px)}.ep-top-showcase__brand-card{width:min(190px,48%);min-height:min(200px,64%)}} (max-width:560px){.ep-top-showcase{padding-bottom:18px;min-height:0}.ep-top-showcase__copy h1{font-size:38px}.ep-top-showcase__copy>p{font-size:13px;line-height:1.75}.ep-top-showcase__search{grid-template-columns:minmax(0,1fr) 52px}.ep-top-showcase__search input{height:44px;padding-left:12px;font-size:12px}.ep-top-showcase__search button{width:44px;height:44px}.ep-top-showcase__trust{gap:10px 14px}.ep-top-showcase__visual{height:min(var(--ep-top-visual-h,360px),82vw);min-height:min(var(--ep-top-visual-h,360px),82vw)}.ep-top-showcase__brand-card:not(.ep-top-showcase__brand-card--overlay){width:min(165px,50%);min-height:170px;padding:16px}.ep-top-showcase__brand-card strong{font-size:18px}.ep-top-showcase__brand-card--overlay{left:12px;bottom:12px;width:min(205px,72%);padding:10px 12px}.ep-top-showcase__stats{grid-template-columns:1fr 1fr;padding:15px}.ep-top-showcase__metric{grid-template-columns:36px minmax(0,1fr)}.ep-top-showcase__metric>i{width:36px;height:36px}.ep-top-showcase__metric strong{font-size:17px}.ep-top-showcase__categories{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(104px,var(--ep-top-cat-min,132px))),1fr));gap:8px}.ep-top-showcase__category{min-height:min(var(--ep-top-cat-h,112px),118px)}.ep-top-showcase__category-icon{width:38px;height:38px}.ep-top-showcase__category-icon svg{width:21px;height:21px}}.ep-top-showcase{padding:24px 0 12px;min-height:var(--ep-top-min-height,540px);background:linear-gradient(118deg,#f7fbff 0%,#edf6ff 46%,#f4f7ff 72%,#fff 100%)}.ep-top-showcase:after{content:"";position:absolute;z-index:-2;left:-8%;bottom:-104px;width:62%;height:240px;border-radius:48% 52% 0 0;background:linear-gradient(110deg,rgba(223,239,255,.82),rgba(239,247,255,.22));transform:rotate(4deg);pointer-events:none}.ep-top-showcase>.ep-container{width:min(1380px,calc(100% - 48px));max-width:none}.ep-top-showcase__hero{grid-template-columns:minmax(0,1fr) minmax(400px,var(--ep-top-visual-w,460px)) minmax(280px,320px);gap:24px;min-height:calc(var(--ep-top-min-height,540px) - 150px)}.ep-top-showcase--visual-left .ep-top-showcase__hero{grid-template-columns:minmax(400px,var(--ep-top-visual-w,460px)) minmax(0,1fr) minmax(280px,320px)}.ep-top-showcase__copy{padding:10px 0 8px}.ep-top-showcase__kicker{margin-bottom:15px;gap:8px;font-size:12px}.ep-top-showcase__kicker i{width:22px;height:22px;font-size:11px}.ep-top-showcase__kicker strong{font-size:12.5px}.ep-top-showcase__kicker small{padding:4px 8px;font-size:9.5px}.ep-top-showcase__copy h1{max-width:660px;font-size:clamp(46px,4.65vw,68px);line-height:1.03;letter-spacing:-.052em}.ep-top-showcase__copy>p{max-width:650px;margin-top:15px;font-size:15px;line-height:1.76;color:#64718a}.ep-top-showcase__search{width:min(100%,610px);margin-top:20px;padding:4px;border-radius:13px;box-shadow:0 12px 31px rgba(46,76,126,.10)}.ep-top-showcase__search input{height:46px;padding:0 15px;font-size:13.5px}.ep-top-showcase__search button{width:48px;height:46px;border-radius:10px}.ep-top-showcase__trust{gap:16px 24px;margin-top:17px;font-size:12px}.ep-top-showcase__trust i{width:19px;height:19px;font-size:10px}.ep-top-showcase__visual{height:var(--ep-top-visual-h,350px);min-height:var(--ep-top-visual-h,350px)}.ep-top-showcase__stage{transform:translateY(3px)}.ep-top-showcase__stage:before,.ep-top-showcase__stage:after{content:"";position:absolute;border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(165,204,255,.25));border:1px solid rgba(130,169,238,.2);box-shadow:0 22px 48px rgba(50,87,150,.12);transform:rotateX(58deg) rotateZ(-8deg)}.ep-top-showcase__stage:before{inset:24% 11% 17% 11%}.ep-top-showcase__stage:after{inset:34% 18% 8% 18%;opacity:.72}.ep-top-showcase__platform{height:23%;border-radius:20px}.ep-top-showcase__platform--one{bottom:9%}.ep-top-showcase__platform--two{bottom:22%}.ep-top-showcase__brand-card{width:min(190px,52%);min-height:min(210px,67%);padding:20px;border-radius:21px;box-shadow:0 26px 62px rgba(42,77,145,.18)}.ep-top-showcase__brand-card b,.ep-top-showcase__brand-logo{width:50px;height:50px;margin-bottom:10px;border-radius:14px;font-size:28px}.ep-top-showcase__brand-card strong{font-size:21px}.ep-top-showcase__brand-card span{margin-top:5px;font-size:12.5px}.ep-top-showcase__brand-card small{margin-top:6px;font-size:9.5px}.ep-top-showcase__tile{width:15.5%;border-radius:17px;box-shadow:0 16px 32px rgba(38,85,191,.19)}.ep-top-showcase__tile--play{left:5%;top:17%}.ep-top-showcase__tile--image{left:34%;top:0}.ep-top-showcase__tile--code{right:4%;top:17%}.ep-top-showcase__tile--cube{right:9%;bottom:14%}.ep-top-showcase__slides{border-radius:24px;box-shadow:0 24px 58px rgba(43,78,145,.14)}.ep-top-showcase__stats{gap:10px;margin:6px 0;padding:18px 16px;border-radius:19px;box-shadow:0 16px 42px rgba(35,72,132,.10)}.ep-top-showcase__metric{grid-template-columns:40px minmax(0,1fr);gap:10px}.ep-top-showcase__metric>i{width:40px;height:40px;border-radius:12px;font-size:18px}.ep-top-showcase__metric strong{font-size:20px}.ep-top-showcase__metric span{margin-top:2px;font-size:10px}.ep-top-showcase__trend{padding-top:11px}.ep-top-showcase__trend svg{height:65px}.ep-top-showcase__trend div{font-size:9.5px}.ep-top-showcase__trend strong{font-size:13px}.ep-top-showcase__categories{gap:10px;margin-top:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--ep-top-cat-min,132px)),max(160px,var(--ep-top-cat-min,132px))));justify-content:start}.ep-top-showcase__category{min-height:var(--ep-top-cat-h,112px);padding:12px 10px;border-radius:14px;border-color:color-mix(in srgb,var(--ep-cat-accent) 11%,#e5eaf2);background:linear-gradient(180deg,color-mix(in srgb,var(--ep-cat-soft) 34%,#fff),rgba(255,255,255,.98));box-shadow:0 7px 18px rgba(48,68,104,.045)}.ep-top-showcase__category:hover{transform:translateY(-2px);background:linear-gradient(180deg,color-mix(in srgb,var(--ep-cat-soft) 50%,#fff),#fff);box-shadow:0 11px 22px rgba(48,68,104,.07)}.ep-top-showcase__category-icon{width:42px;height:42px;margin-bottom:8px;border-radius:12px;background:color-mix(in srgb,var(--ep-cat-accent) 13%,#fff)}.ep-top-showcase__category-icon svg{width:23px;height:23px}.ep-top-showcase__category strong{font-size:12.5px}.ep-top-showcase__category span{margin-top:4px;font-size:9.5px}html[data-ep-theme="dark"] .ep-top-showcase{background:linear-gradient(118deg,color-mix(in srgb,var(--ep-accent) 8%,#111827),var(--ep-bg) 76%,#151c2a)} (max-width:1180px){.ep-top-showcase>.ep-container{width:min(100% - 36px,1380px)}.ep-top-showcase__hero,.ep-top-showcase--visual-left .ep-top-showcase__hero{grid-template-columns:minmax(0,1fr) minmax(320px,var(--ep-top-visual-w,460px))}.ep-top-showcase__stats,.ep-top-showcase--visual-left .ep-top-showcase__stats{grid-template-columns:repeat(3,1fr) minmax(180px,1.15fr)}.ep-top-showcase__categories{grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--ep-top-cat-min,132px)),1fr));justify-content:stretch}} (max-width:860px){.ep-top-showcase{padding-top:18px}.ep-top-showcase>.ep-container{width:min(100% - 28px,1380px)}.ep-top-showcase__copy h1{font-size:clamp(38px,9vw,54px)}.ep-top-showcase__visual{height:min(var(--ep-top-visual-h,350px),70vw);min-height:min(var(--ep-top-visual-h,350px),70vw)}.ep-top-showcase__categories{margin-top:10px}} (max-width:560px){.ep-top-showcase>.ep-container{width:min(100% - 22px,1380px)}.ep-top-showcase__copy h1{font-size:36px}.ep-top-showcase__copy>p{font-size:13px}.ep-top-showcase__visual{height:min(var(--ep-top-visual-h,350px),80vw);min-height:min(var(--ep-top-visual-h,350px),80vw)}.ep-top-showcase__categories{grid-template-columns:repeat(2,minmax(0,1fr))}.ep-top-showcase__category{min-height:min(var(--ep-top-cat-h,112px),110px)}}.ep-design-top{position:relative;z-index:1;margin:0;background:#fff;color:var(--ep-text);overflow:hidden}.ep-design-top__hero-wrap{position:relative;z-index:1;background:linear-gradient(105deg,#f7fbff 0%,#eef6ff 46%,#eaf3ff 68%,#f5f8ff 100%);overflow:hidden}.ep-design-top__hero-wrap:before,.ep-design-top__hero-wrap:after{content:"";position:absolute;pointer-events:none;opacity:.72}.ep-design-top__hero-wrap:before{left:-38px;top:-16px;width:330px;height:300px;background:radial-gradient(circle at 12% 8%,rgba(119,150,255,.18),transparent 46%),linear-gradient(133deg,transparent 0 58%,rgba(182,206,255,.15) 58% 62%,transparent 62%);transform:rotate(-3deg)}.ep-design-top__hero-wrap:after{right:-44px;bottom:-68px;width:360px;height:250px;background:linear-gradient(142deg,rgba(124,91,255,.07),rgba(77,145,255,.13) 52%,transparent 53%);clip-path:polygon(20% 0,100% 14%,100% 100%,0 100%)}.ep-design-top--has-bg .ep-design-top__hero-bg{position:absolute;z-index:0;inset:0 0 auto;height:var(--ep-design-top-hero-h,350px);background-image:linear-gradient(rgba(244,249,255,var(--ep-design-top-bg-overlay,.82)),rgba(244,249,255,var(--ep-design-top-bg-overlay,.82))),var(--ep-design-top-bg);background-size:cover;background-position:var(--ep-design-top-bg-pos,center);pointer-events:none}.ep-design-top__hero{position:relative;z-index:2;width:min(var(--ep-design-top-max,1380px),calc(100% - 40px));height:var(--ep-design-top-hero-h,350px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,1fr) 190px;gap:18px;align-items:stretch}.ep-design-top__copy{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:22px 0 18px}.ep-design-top__copy h1{margin:0;color:#13213e;font-size:clamp(42px,3.45vw,54px);font-weight:900;line-height:1.04;letter-spacing:-.045em}.ep-design-top__copy h1>span{display:block}.ep-design-top__copy h1>span+span{margin-top:3px}.ep-design-top__copy h1 b{font-weight:950;color:#5d5df7;background:linear-gradient(90deg,#3477ff,#7058f4 70%,#8b62fa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ep-design-top__copy>p{margin:11px 0 0;color:#5d6a80;font-size:13px;line-height:1.6;white-space:normal}.ep-design-top__search{display:grid;grid-template-columns:30px minmax(0,1fr) 56px;align-items:center;width:min(100%,560px);height:48px;margin-top:17px;border:1px solid #dce6f5;border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 10px 24px rgba(49,76,120,.08);overflow:hidden}.ep-design-top__search>i{position:relative;width:15px;height:15px;margin-left:14px;border:2px solid #9aa9bf;border-radius:50%}.ep-design-top__search>i:after{content:"";position:absolute;right:-5px;bottom:-3px;width:6px;height:2px;border-radius:2px;background:#9aa9bf;transform:rotate(45deg)}.ep-design-top__search input{min-width:0;height:46px;padding:0 10px;border:0!important;outline:0!important;background:transparent!important;color:#20304f;font-size:12.5px;box-shadow:none!important}.ep-design-top__search input::placeholder{color:#a0adc0}.ep-design-top__search button{align-self:stretch;border:0;background:linear-gradient(135deg,#3b76ff,#225ff4);cursor:pointer}.ep-design-top__search button span{position:relative;display:block;width:16px;height:16px;margin:auto;border:2px solid #fff;border-radius:50%}.ep-design-top__search button span:after{content:"";position:absolute;right:-5px;bottom:-3px;width:7px;height:2px;border-radius:2px;background:#fff;transform:rotate(45deg)}.ep-design-top__keywords{display:flex;align-items:center;flex-wrap:wrap;gap:4px 13px;margin-top:7px;color:#8794a8;font-size:10px;line-height:1.4}.ep-design-top__keywords strong{font-weight:600;color:#6d7a90}.ep-design-top__keywords a{color:#7f8da4;text-decoration:none}.ep-design-top__keywords a:hover{color:var(--ep-accent)}.ep-design-top__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:17px;width:min(100%,570px)}.ep-design-top__stat{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:7px;min-width:0}.ep-design-top__stat>i{width:27px;height:27px;display:grid;place-items:center;color:#3475ff}.ep-design-top__stat>i svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ep-design-top__stat strong{display:block;color:#2b4c96;font-size:14px;font-weight:850;line-height:1.1;white-space:nowrap}.ep-design-top__stat span{display:block;margin-top:2px;color:#7b89a1;font-size:9px;white-space:nowrap}.ep-design-top__visual{position:relative;align-self:center;height:calc(var(--ep-design-top-hero-h,350px) - 24px);min-height:0;border:1px solid rgba(112,159,242,.34);border-radius:16px;background:#dcecff;box-shadow:0 18px 44px rgba(48,82,145,.13);overflow:hidden}.ep-design-top__visual>a{display:block;width:100%;height:100%}.ep-design-top__visual img{width:100%;height:100%;display:block}.ep-design-top__visual--fit-cover img{object-fit:cover}.ep-design-top__visual--fit-contain img{object-fit:contain;background:#edf6ff}.ep-design-top__actions{align-self:center;display:grid;grid-template-rows:repeat(4,1fr);gap:9px;height:calc(var(--ep-design-top-hero-h,350px) - 74px)}.ep-design-top__action{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;min-width:0;padding:8px 10px;border:1px solid rgba(215,225,239,.96);border-radius:10px;background:rgba(255,255,255,.94);box-shadow:0 7px 18px rgba(50,72,116,.055);text-decoration:none}.ep-design-top__action>i{width:36px;height:36px;display:grid;place-items:center;border-radius:10px}.ep-design-top__action>i svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}.ep-design-top__action span{min-width:0}.ep-design-top__action strong,.ep-design-top__action small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ep-design-top__action strong{color:#24314c;font-size:11.5px;font-weight:800}.ep-design-top__action small{margin-top:3px;color:#8c98aa;font-size:8.5px}.ep-design-top__action--1>i{color:#3180ff;background:#eaf3ff}.ep-design-top__action--2>i{color:#8458f4;background:#f2edff}.ep-design-top__action--3>i{color:#0aa99d;background:#e8faf7}.ep-design-top__action--4>i{color:#f0a12b;background:#fff3dc}.ep-design-top__action[href]:hover{transform:translateY(-1px);border-color:#c9d7ec;box-shadow:0 10px 22px rgba(50,72,116,.085)}.ep-design-top__notice-wrap{background:#fff;border-top:1px solid #eef2f8;border-bottom:1px solid #edf1f7}.ep-design-top__notice{width:min(var(--ep-design-top-max,1380px),calc(100% - 40px));height:var(--ep-design-top-notice-h,44px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px}.ep-design-top__notice-copy{display:flex;align-items:center;min-width:0;color:#65738a;font-size:10px}.ep-design-top__notice-copy>i{width:22px;height:22px;display:grid;place-items:center;margin-right:7px;border-radius:6px;background:#edf4ff;color:#3c78ff;font-style:normal;font-size:7px}.ep-design-top__notice-copy strong{color:#3e5fa6;font-weight:800;white-space:nowrap}.ep-design-top__notice-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ep-design-top__notice-meta{display:flex;align-items:center;gap:18px;color:#9aa6b8;font-size:9px;white-space:nowrap}.ep-design-top__notice-meta a{color:#74839c;text-decoration:none}.ep-design-top__notice-meta a:hover{color:var(--ep-accent)}.ep-design-top__quick-links{display:flex;align-items:center;gap:8px}.ep-design-top__quick{height:30px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border:1px solid #e5ebf4;border-radius:7px;background:#fff;color:#4c5e7e;text-decoration:none;font-size:9.5px;white-space:nowrap}.ep-design-top__quick i{width:17px;height:17px;display:grid;place-items:center}.ep-design-top__quick i svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ep-design-top__quick--1{color:#4d8ff7}.ep-design-top__quick--2{color:#577af8}.ep-design-top__quick--3{color:#e8a02c}.ep-design-top__quick--4{color:#8a5cf2}.ep-design-top__quick[href]:hover{background:#f8fbff;border-color:#d8e2f1}.ep-design-top__categories-wrap{background:#fff}.ep-design-top__categories{width:min(var(--ep-design-top-max,1380px),calc(100% - 40px));margin:0 auto;padding:10px 0 12px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.ep-design-top__category{height:var(--ep-design-top-cat-h,90px);display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:11px;padding:0 15px;border:1px solid color-mix(in srgb,var(--ep-dt-cat) 9%,#e3e9f2);border-radius:9px;background:linear-gradient(110deg,#fff,color-mix(in srgb,var(--ep-dt-cat-soft) 74%,#fff));text-decoration:none;overflow:hidden;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.ep-design-top__category:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--ep-dt-cat) 22%,#dfe5ef);box-shadow:0 8px 18px color-mix(in srgb,var(--ep-dt-cat) 8%,transparent)}.ep-design-top__category-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--ep-dt-cat) 10%,#fff);color:var(--ep-dt-cat);overflow:hidden}.ep-design-top__category-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.ep-design-top__category-icon.is-image{background:#fff}.ep-design-top__category-icon img{width:100%;height:100%;object-fit:cover;display:block}.ep-design-top__category>span{min-width:0}.ep-design-top__category strong,.ep-design-top__category small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ep-design-top__category strong{color:#27324a;font-size:12px;font-weight:800}.ep-design-top__category small{margin-top:5px;color:#8b97aa;font-size:8.8px}html[data-ep-theme="dark"] .ep-design-top,html[data-ep-theme="dark"] .ep-design-top__notice-wrap,html[data-ep-theme="dark"] .ep-design-top__categories-wrap{background:var(--ep-bg)}html[data-ep-theme="dark"] .ep-design-top__hero-wrap{background:linear-gradient(110deg,color-mix(in srgb,var(--ep-accent) 8%,#111827),var(--ep-bg))}html[data-ep-theme="dark"] .ep-design-top__copy h1,html[data-ep-theme="dark"] .ep-design-top__action strong,html[data-ep-theme="dark"] .ep-design-top__category strong{color:var(--ep-text)}html[data-ep-theme="dark"] .ep-design-top__search,html[data-ep-theme="dark"] .ep-design-top__action,html[data-ep-theme="dark"] .ep-design-top__quick,html[data-ep-theme="dark"] .ep-design-top__category{background:color-mix(in srgb,var(--ep-card) 94%,transparent);border-color:var(--ep-line)}html[data-ep-theme="dark"] .ep-design-top__notice-wrap{border-color:var(--ep-line)} (max-width:1180px){.ep-design-top__hero{grid-template-columns:minmax(0,1fr) minmax(370px,.92fr);height:auto;min-height:var(--ep-design-top-hero-h,350px);padding:16px 0}.ep-design-top__visual{height:320px}.ep-design-top__actions{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;height:auto}.ep-design-top__action{min-height:62px}.ep-design-top__notice{grid-template-columns:minmax(0,1fr) auto}.ep-design-top__notice-meta{display:none}.ep-design-top__categories{grid-template-columns:repeat(3,minmax(0,1fr))}} (max-width:820px){.ep-design-top__hero{width:min(100% - 28px,var(--ep-design-top-max,1380px));grid-template-columns:1fr}.ep-design-top__copy{padding:8px 0 4px}.ep-design-top__copy h1{font-size:clamp(36px,8vw,48px)}.ep-design-top__visual{height:min(64vw,340px)}.ep-design-top__actions{grid-column:auto;grid-row:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.ep-design-top__notice{width:min(100% - 28px,var(--ep-design-top-max,1380px));height:auto;min-height:var(--ep-design-top-notice-h,44px);padding:7px 0;grid-template-columns:1fr}.ep-design-top__quick-links{overflow-x:auto;padding-bottom:1px}.ep-design-top__categories{width:min(100% - 28px,var(--ep-design-top-max,1380px));grid-template-columns:repeat(2,minmax(0,1fr))}} (max-width:520px){.ep-design-top__hero{width:min(100% - 22px,var(--ep-design-top-max,1380px));padding:12px 0}.ep-design-top__copy h1{font-size:34px}.ep-design-top__copy>p{font-size:12px}.ep-design-top__search{grid-template-columns:28px minmax(0,1fr) 50px;height:46px}.ep-design-top__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px}.ep-design-top__visual{height:64vw}.ep-design-top__actions{grid-template-columns:1fr 1fr;gap:7px}.ep-design-top__action{grid-template-columns:36px minmax(0,1fr);padding:7px}.ep-design-top__action>i{width:32px;height:32px}.ep-design-top__notice{width:min(100% - 22px,var(--ep-design-top-max,1380px))}.ep-design-top__notice-copy span{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ep-design-top__categories{width:min(100% - 22px,var(--ep-design-top-max,1380px));padding:8px 0 10px;grid-template-columns:1fr 1fr;gap:7px}.ep-design-top__category{height:min(var(--ep-design-top-cat-h,90px),80px);grid-template-columns:42px minmax(0,1fr);gap:9px;padding:0 10px}.ep-design-top__category-icon{width:38px;height:38px}.ep-design-top__category-icon svg{width:24px;height:24px}}.ep-design-top--has-bg .ep-design-top__hero-wrap{background-image:linear-gradient(rgba(244,249,255,var(--ep-design-top-bg-overlay,.55)),rgba(244,249,255,var(--ep-design-top-bg-overlay,.55))),var(--ep-design-top-bg);background-size:cover;background-repeat:no-repeat;background-position:var(--ep-design-top-bg-pos,center)}.ep-design-top--has-bg .ep-design-top__hero-bg{display:none} (min-width:1181px){.ep-design-top__hero{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:22px}.ep-design-top__copy{grid-column:1;grid-row:1}.ep-design-top__visual{grid-column:2;grid-row:1;align-self:center;height:calc(var(--ep-design-top-hero-h,350px) - 24px);border:0;border-radius:17px;background:transparent;box-shadow:none;overflow:hidden}.ep-design-top__visual img{border-radius:17px}.ep-design-top__actions{position:absolute;z-index:6;right:12px;top:50%;width:184px;height:calc(var(--ep-design-top-hero-h,350px) - 88px);transform:translateY(-50%);display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,1fr);gap:9px;pointer-events:none}.ep-design-top__action{pointer-events:auto;min-height:0;padding:7px 10px;border-color:rgba(222,229,241,.92);background:rgba(255,255,255,.94);box-shadow:0 8px 20px rgba(39,60,105,.08);backdrop-filter:blur(8px)}.ep-design-top__action>i{width:34px;height:34px}.ep-design-top__action>i svg{width:21px;height:21px}}.ep-design-top__categories{gap:10px}.ep-design-top__category{grid-template-columns:50px minmax(0,1fr);gap:10px;padding:0 14px;border:1px solid color-mix(in srgb,var(--ep-dt-cat) 7%,#e9edf4);border-radius:8px;background:var(--ep-dt-cat-soft);box-shadow:none}.ep-design-top__category:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--ep-dt-cat) 18%,#e4e9f1);box-shadow:0 7px 16px color-mix(in srgb,var(--ep-dt-cat) 7%,transparent)}.ep-design-top__category-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:0;background:transparent;color:var(--ep-dt-cat);overflow:visible;filter:drop-shadow(0 4px 5px color-mix(in srgb,var(--ep-dt-cat) 16%,transparent))}.ep-design-top__category-icon svg{width:40px;height:40px;display:block;fill:initial;stroke:initial}.ep-design-top__category-icon.is-image{background:transparent;filter:none;overflow:visible}.ep-design-top__category-icon img{width:44px;height:44px;display:block;object-fit:contain;object-position:center;background:transparent}.ep-design-top__category strong{font-size:13px;font-weight:850;letter-spacing:-.01em}.ep-design-top__category small{margin-top:4px;font-size:9px;color:#7d899d}html[data-ep-theme="dark"] .ep-design-top--has-bg .ep-design-top__hero-wrap{background-image:linear-gradient(rgba(14,20,31,.64),rgba(14,20,31,.64)),var(--ep-design-top-bg)}html[data-ep-theme="dark"] .ep-design-top__category{background:color-mix(in srgb,var(--ep-dt-cat) 9%,var(--ep-card));border-color:color-mix(in srgb,var(--ep-dt-cat) 13%,var(--ep-line))} (max-width:520px){.ep-design-top__category{grid-template-columns:42px minmax(0,1fr);padding:0 10px}.ep-design-top__category-icon{width:38px;height:38px}.ep-design-top__category-icon svg,.ep-design-top__category-icon img{width:34px;height:34px}}.ep-design-top__visual{border:0;background:transparent;box-shadow:none}.ep-design-top__visual img{border-radius:17px}.ep-design-top__hero-wrap{
  background:
    radial-gradient(circle at 4% 12%,rgba(117,151,255,.22),transparent 27%),
    radial-gradient(circle at 94% 8%,rgba(132,96,255,.18),transparent 25%),
    radial-gradient(circle at 72% 78%,rgba(62,141,255,.10),transparent 31%),
    linear-gradient(107deg,#f8fbff 0%,#eef5ff 42%,#e7f1ff 68%,#f5f7ff 100%);
}.ep-design-top__hero-wrap:before{
  inset:0!important;width:auto!important;height:auto!important;left:0!important;top:0!important;opacity:.9!important;transform:none!important;
  background:
    linear-gradient(90deg,transparent 0 31%,rgba(133,166,255,.08) 31% 34%,transparent 34% 36%,rgba(147,174,255,.07) 36% 39%,transparent 39% 100%),
    linear-gradient(132deg,transparent 0 19%,rgba(255,255,255,.68) 19% 19.8%,transparent 19.8% 100%),
    radial-gradient(circle at 0 0,rgba(255,255,255,.82),transparent 35%);
}.ep-design-top__hero-wrap:after{
  right:-3%!important;bottom:-28%!important;width:38%!important;height:82%!important;opacity:.9!important;
  background:linear-gradient(138deg,rgba(107,76,255,.05),rgba(75,143,255,.12) 56%,transparent 57%)!important;
  clip-path:polygon(22% 0,100% 12%,100% 100%,0 100%)!important;
}.ep-design-top--has-bg .ep-design-top__hero-wrap{
  background-image:
    linear-gradient(108deg,rgba(247,251,255,calc(var(--ep-design-top-bg-overlay,.48) + .12)) 0%,rgba(244,249,255,var(--ep-design-top-bg-overlay,.48)) 42%,rgba(238,246,255,calc(var(--ep-design-top-bg-overlay,.48) * .78)) 70%,rgba(247,248,255,calc(var(--ep-design-top-bg-overlay,.48) * .68)) 100%),
    var(--ep-design-top-bg);
  background-size:cover;
  background-repeat:no-repeat;
  background-position:var(--ep-design-top-bg-pos,center);
}.ep-design-top__copy{padding:24px 0 20px}.ep-design-top__copy h1{font-size:clamp(46px,3.75vw,60px);line-height:1.025;letter-spacing:-.05em}.ep-design-top__copy>p{margin-top:12px;font-size:14px;line-height:1.62;font-weight:520;color:#53627a}.ep-design-top__search{grid-template-columns:34px minmax(0,1fr) 66px;width:min(100%,620px);height:58px;margin-top:20px;border-radius:14px;border-color:#d6e2f4;box-shadow:0 12px 30px rgba(48,78,128,.11)}.ep-design-top__search>i{width:17px;height:17px;margin-left:15px;border-width:2px}.ep-design-top__search input{height:56px;padding:0 12px;font-size:14.5px;font-weight:550}.ep-design-top__search input::placeholder{color:#92a0b6}.ep-design-top__search button span{width:18px;height:18px}.ep-design-top__keywords{gap:5px 15px;margin-top:10px;font-size:12px;line-height:1.5}.ep-design-top__keywords strong{font-weight:750;color:#64728a}.ep-design-top__keywords a{color:#78869c;font-weight:560}.ep-design-top__stats{gap:12px;margin-top:20px;width:min(100%,610px)}.ep-design-top__stat{grid-template-columns:38px minmax(0,1fr);gap:8px}.ep-design-top__stat>i{width:36px;height:36px}.ep-design-top__stat>i svg{width:31px;height:31px;stroke-width:1.9}.ep-design-top__stat strong{font-size:16px;line-height:1.05}.ep-design-top__stat span{margin-top:3px;font-size:10.5px;font-weight:550} (min-width:1181px){.ep-design-top__hero{grid-template-columns:minmax(0,.70fr) minmax(0,1.30fr);gap:24px}.ep-design-top__visual{height:calc(var(--ep-design-top-hero-h,380px) - 8px);margin-right:50px;border-radius:18px;justify-self:stretch}.ep-design-top__visual img{border-radius:18px}.ep-design-top__actions{right:0;width:184px;height:calc(var(--ep-design-top-hero-h,380px) - 108px);gap:8px}.ep-design-top__action{grid-template-columns:44px minmax(0,1fr);gap:9px;padding:8px 11px;border-radius:11px;box-shadow:0 8px 22px rgba(39,60,105,.09)}.ep-design-top__action>i{width:38px;height:38px;border-radius:10px}.ep-design-top__action>i svg{width:23px;height:23px}.ep-design-top__action strong{font-size:12.5px}.ep-design-top__action small{font-size:9px}}.ep-design-top__notice-wrap{border-color:#e9eef6}.ep-design-top__notice{height:var(--ep-design-top-notice-h,52px);gap:20px}.ep-design-top__notice-copy{font-size:11.5px;color:#596980}.ep-design-top__notice-copy>i{width:28px;height:28px;margin-right:9px;border-radius:7px;font-size:8px}.ep-design-top__notice-copy strong{font-size:11.5px}.ep-design-top__notice-meta{gap:20px;font-size:10.5px}.ep-design-top__quick-links{gap:9px}.ep-design-top__quick{height:36px;gap:7px;padding:0 12px;border-radius:8px;font-size:11px;font-weight:750}.ep-design-top__quick i{width:21px;height:21px}.ep-design-top__quick i svg{width:19px;height:19px}.ep-design-top__categories{padding:12px 0 14px;gap:10px}.ep-design-top__category{height:var(--ep-design-top-cat-h,98px);grid-template-columns:64px minmax(0,1fr);gap:13px;padding:0 16px;border-radius:10px}.ep-design-top__category-icon{width:58px;height:58px}.ep-design-top__category-icon svg{width:52px;height:52px}.ep-design-top__category-icon img{width:56px;height:56px}.ep-design-top__category strong{font-size:15px;font-weight:900}.ep-design-top__category small{margin-top:6px;font-size:10.5px;line-height:1.35;color:#78869a}html[data-ep-theme="dark"] .ep-design-top__hero-wrap{background:linear-gradient(108deg,color-mix(in srgb,var(--ep-accent) 10%,#111827),var(--ep-bg) 76%,transparent)}html[data-ep-theme="dark"] .ep-design-top--has-bg .ep-design-top__hero-wrap{background-image:linear-gradient(108deg,rgba(12,18,29,.70),rgba(12,18,29,.58)),var(--ep-design-top-bg)} (max-width:1180px){.ep-design-top__copy h1{font-size:clamp(42px,5.7vw,56px)}.ep-design-top__search{width:min(100%,620px)}.ep-design-top__keywords{font-size:11.5px}.ep-design-top__stat>i{width:34px;height:34px}.ep-design-top__stat>i svg{width:29px;height:29px}.ep-design-top__notice-copy{font-size:11px}.ep-design-top__quick{font-size:10.5px}.ep-design-top__category{grid-template-columns:58px minmax(0,1fr)}.ep-design-top__category-icon{width:52px;height:52px}.ep-design-top__category-icon svg,.ep-design-top__category-icon img{width:48px;height:48px}.ep-design-top__category strong{font-size:14px}} (max-width:820px){.ep-design-top__search{height:54px}.ep-design-top__search input{height:52px;font-size:13.5px}.ep-design-top__keywords{font-size:11px}.ep-design-top__stats{margin-top:16px}.ep-design-top__notice{padding:9px 0}.ep-design-top__quick{height:34px}} (max-width:520px){.ep-design-top__copy h1{font-size:36px}.ep-design-top__copy>p{font-size:12.5px}.ep-design-top__search{grid-template-columns:30px minmax(0,1fr) 54px;height:50px}.ep-design-top__search input{height:48px;font-size:12.5px}.ep-design-top__keywords{font-size:10.5px;gap:4px 10px}.ep-design-top__stat{grid-template-columns:32px minmax(0,1fr)}.ep-design-top__stat>i{width:30px;height:30px}.ep-design-top__stat>i svg{width:26px;height:26px}.ep-design-top__stat strong{font-size:14.5px}.ep-design-top__stat span{font-size:9.5px}.ep-design-top__category{height:min(var(--ep-design-top-cat-h,98px),88px);grid-template-columns:46px minmax(0,1fr);gap:10px;padding:0 11px}.ep-design-top__category-icon{width:42px;height:42px}.ep-design-top__category-icon svg,.ep-design-top__category-icon img{width:39px;height:39px}.ep-design-top__category strong{font-size:13px}.ep-design-top__category small{font-size:9px}}.ep-resource-categories .ep-design-top__categories-wrap{margin:0!important}.ep-home-diy-instance--home_resource_categories .ep-design-top__categories{padding-top:0!important;padding-bottom:0!important}.ep-design-top{--ep-dt-ink:#13213e;--ep-dt-muted:#5c6980;--ep-dt-soft:#eef6ff;position:relative;overflow:hidden}
.ep-design-top__hero-wrap{position:relative;z-index:1;overflow:hidden;background:
  radial-gradient(circle at 10% 12%,rgba(90,135,255,.18),transparent 30%),
  radial-gradient(circle at 70% 8%,rgba(120,91,255,.14),transparent 31%),
  linear-gradient(105deg,#f8fbff 0%,#eff6ff 44%,#ebf4ff 68%,#f6f9ff 100%)}
.ep-design-top__hero-wrap:before,.ep-design-top__hero-wrap:after{content:"";position:absolute;pointer-events:none;z-index:0}
.ep-design-top__hero-wrap:before{left:-46px;top:-30px;width:380px;height:330px;opacity:.78;background:radial-gradient(circle at 18% 12%,rgba(99,132,248,.16),transparent 45%),linear-gradient(132deg,transparent 0 58%,rgba(176,203,255,.18) 58% 62%,transparent 62%);transform:rotate(-4deg)}
.ep-design-top__hero-wrap:after{right:-60px;bottom:-84px;width:470px;height:310px;opacity:.78;background:linear-gradient(140deg,rgba(118,86,255,.08),rgba(67,139,255,.14) 52%,transparent 53%);clip-path:polygon(18% 0,100% 14%,100% 100%,0 100%)}
.ep-design-top--has-bg .ep-design-top__hero-wrap{background-image:linear-gradient(rgba(244,249,255,var(--ep-design-top-bg-overlay,.48)),rgba(244,249,255,var(--ep-design-top-bg-overlay,.48))),var(--ep-design-top-bg);background-size:cover;background-repeat:no-repeat;background-position:var(--ep-design-top-bg-pos,center)}
.ep-design-top--has-bg .ep-design-top__hero-bg{display:none}

.ep-design-top__hero{position:relative;z-index:2;width:min(var(--ep-design-top-max,1380px),calc(100% - 40px));height:var(--ep-design-top-hero-h,380px);margin:0 auto;display:grid;grid-template-columns:minmax(0,40.5%) minmax(0,59.5%);gap:0;align-items:stretch}
.ep-design-top__copy{position:relative;z-index:9;grid-column:1;grid-row:1;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:22px 28px 18px 0}
.ep-design-top__copy h1{margin:0;color:var(--ep-dt-ink);font-size:clamp(38px,3.05vw,49px);font-weight:900;line-height:1.055;letter-spacing:-.043em}
.ep-design-top__copy h1>span{display:block}.ep-design-top__copy h1>span+span{margin-top:3px}.ep-design-top__copy h1 b{font-weight:950;color:#5d5df7;background:linear-gradient(90deg,#3477ff,#7058f4 70%,#8b62fa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ep-design-top__copy>p{margin:11px 0 0;color:#53627a;font-size:13.5px;font-weight:560;line-height:1.62;white-space:normal}
.ep-design-top__search{display:grid!important;grid-template-columns:38px minmax(0,1fr) 66px!important;align-items:center!important;width:min(100%,610px)!important;height:58px!important;margin-top:19px!important;border:1px solid #d4e1f2!important;border-radius:31px!important;background:rgba(255,255,255,.95)!important;box-shadow:0 13px 32px rgba(44,76,132,.105)!important;overflow:hidden!important}
.ep-design-top__search>i{position:relative!important;width:15px!important;height:15px!important;margin-left:17px!important;border:2px solid #8ca0bd!important;border-radius:50%!important}.ep-design-top__search>i:after{content:""!important;position:absolute!important;right:-5px!important;bottom:-3px!important;width:6px!important;height:2px!important;border-radius:2px!important;background:#8ca0bd!important;transform:rotate(45deg)!important}
.ep-design-top__search input{width:100%!important;height:56px!important;padding:0 10px!important;border:0!important;outline:0!important;background:transparent!important;color:#283751!important;font-size:14px!important;font-weight:560!important;box-shadow:none!important}.ep-design-top__search input::placeholder{color:#96a4b8!important}
.ep-design-top__search button{align-self:center!important;justify-self:end!important;width:66px!important;height:58px!important;border:0!important;border-radius:0 31px 31px 0!important;background:linear-gradient(135deg,#397cff,#315fe9)!important;cursor:pointer!important}.ep-design-top__search button span{position:relative!important;display:block!important;width:18px!important;height:18px!important;margin:auto!important;border:2px solid #fff!important;border-radius:50%!important}.ep-design-top__search button span:after{content:"";position:absolute;right:-5px;bottom:-3px;width:6px;height:2px;border-radius:2px;background:#fff;transform:rotate(45deg)}
.ep-design-top__keywords{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:5px 16px!important;margin-top:10px!important;color:#75849b!important;font-size:12.8px!important;line-height:1.5!important}.ep-design-top__keywords strong{color:#596a86!important;font-size:13px!important;font-weight:850!important}.ep-design-top__keywords a{color:#75849b!important;font-weight:650!important;text-decoration:none!important}.ep-design-top__keywords a:hover{color:#3f73ea!important}
.ep-design-top__stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important;width:min(100%,615px)!important;margin-top:18px!important}.ep-design-top__stat{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;min-width:0!important}.ep-design-top__stat>i{width:40px!important;height:40px!important;display:grid!important;place-items:center!important;color:#4079f0!important}.ep-design-top__stat>i svg{width:34px!important;height:34px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.95!important;stroke-linecap:round!important;stroke-linejoin:round!important}.ep-design-top__stat strong{display:block!important;color:#334563!important;font-size:16.5px!important;font-weight:900!important;line-height:1.08!important}.ep-design-top__stat span{display:block!important;margin-top:3px!important;color:#8793a6!important;font-size:10.8px!important;font-weight:650!important;white-space:nowrap!important}.ep-design-top__stat:first-child>i{color:#246fff!important;filter:drop-shadow(0 7px 11px rgba(52,117,255,.18))}.ep-design-top__stat:first-child strong{color:#245fdb!important;font-size:18px!important}.ep-design-top__stat:first-child span{color:#5873a5!important;font-size:11.5px!important;font-weight:850!important}

/* Center preview carousel: no frame, no card shadow, the images rotate in perspective. */
.ep-design-top__preview{position:relative;z-index:3;grid-column:2;grid-row:1;height:100%;min-width:0;overflow:visible;perspective:1450px;transform-style:preserve-3d;margin-right:calc(0px - var(--ep-design-top-preview-bleed,96px));width:calc(100% + var(--ep-design-top-preview-bleed,96px))}
.ep-design-top__preview-stage{position:absolute;inset:0;transform-style:preserve-3d;perspective:1450px;isolation:isolate}
.ep-design-top__preview-item{--ep-preview-angle:var(--ep-design-top-preview-angle,9deg);position:absolute;left:46%;top:50%;width:min(650px,82%);height:calc(var(--ep-design-top-hero-h,380px) - 42px);display:block;overflow:hidden;border:0!important;border-radius:20px;background:transparent!important;box-shadow:none!important;opacity:0;pointer-events:none;transform-origin:center center;backface-visibility:hidden;text-decoration:none;transition:transform .82s cubic-bezier(.2,.72,.18,1),opacity .58s ease,filter .58s ease;will-change:transform,opacity}
.ep-design-top__preview-item img{width:100%;height:100%;display:block;border:0!important;border-radius:20px!important;background:transparent!important;box-shadow:none!important;filter:none;transform:none!important}
.ep-design-top__preview-item.is-active{z-index:7;opacity:1;pointer-events:auto;transform:translate(-50%,-50%) translate3d(-22px,0,82px) rotateY(calc(var(--ep-preview-angle) * -.34)) scale(1);filter:saturate(1.02) brightness(1.01)}
.ep-design-top__preview-item.is-next{z-index:5;opacity:.72;pointer-events:auto;transform:translate(-50%,-50%) translate3d(185px,12px,-115px) rotateY(calc(var(--ep-preview-angle) * -2.15)) scale(.78);filter:saturate(.86) brightness(.96)}
.ep-design-top__preview-item.is-prev{z-index:4;opacity:.54;pointer-events:auto;transform:translate(-50%,-50%) translate3d(-205px,14px,-145px) rotateY(calc(var(--ep-preview-angle) * 2.20)) scale(.72);filter:saturate(.80) brightness(.96)}
.ep-design-top__preview-item.is-next-2{z-index:3;opacity:.34;transform:translate(-50%,-50%) translate3d(292px,20px,-245px) rotateY(calc(var(--ep-preview-angle) * -3.0)) scale(.62);filter:saturate(.72) brightness(.92)}
.ep-design-top__preview-item.is-prev-2{z-index:2;opacity:.24;transform:translate(-50%,-50%) translate3d(-300px,22px,-260px) rotateY(calc(var(--ep-preview-angle) * 3.05)) scale(.60);filter:saturate(.70) brightness(.92)}
.ep-design-top__preview-item.is-hidden{z-index:1;opacity:0;transform:translate(-50%,-50%) translate3d(0,20px,-360px) scale(.52)}

/* Four entry cards stay on top of the rotating preview, matching the reference composition. */
.ep-design-top__actions{position:absolute!important;z-index:12!important;right:0!important;top:50%!important;width:188px!important;height:calc(var(--ep-design-top-hero-h,380px) - 102px)!important;transform:translateY(-50%)!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:repeat(4,1fr)!important;gap:9px!important;pointer-events:none!important}
.ep-design-top__action{pointer-events:auto!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;min-width:0!important;padding:8px 10px!important;border:1px solid rgba(215,225,239,.94)!important;border-radius:11px!important;background:rgba(255,255,255,.90)!important;box-shadow:0 6px 16px rgba(46,68,112,.055)!important;backdrop-filter:blur(9px)!important;text-decoration:none!important;transition:transform .18s ease,border-color .18s ease,background .18s ease!important}.ep-design-top__action>i{width:36px!important;height:36px!important;display:grid!important;place-items:center!important;border-radius:10px!important}.ep-design-top__action>i svg{width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.85!important;stroke-linecap:round!important;stroke-linejoin:round!important}.ep-design-top__action span{min-width:0!important}.ep-design-top__action strong,.ep-design-top__action small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.ep-design-top__action strong{color:#24314c!important;font-size:11.5px!important;font-weight:800!important}.ep-design-top__action small{margin-top:3px!important;color:#8c98aa!important;font-size:8.5px!important}.ep-design-top__action--1>i{color:#3180ff!important;background:#eaf3ff!important}.ep-design-top__action--2>i{color:#8458f4!important;background:#f2edff!important}.ep-design-top__action--3>i{color:#0aa99d!important;background:#e8faf7!important}.ep-design-top__action--4>i{color:#f0a12b!important;background:#fff3dc!important}.ep-design-top__action[href]:hover{transform:translateX(-3px)!important;border-color:#c9d7ec!important;background:rgba(255,255,255,.98)!important}

/* Dark mode: deep blue atmosphere, while previews still look like images placed on the background. */
html[data-ep-theme="dark"] .ep-design-top{--ep-dt-ink:#f3f6ff;--ep-dt-muted:#aeb9ce;background:#0f1725;color:var(--ep-text)}
html[data-ep-theme="dark"] .ep-design-top__hero-wrap{background:radial-gradient(circle at 12% 12%,rgba(63,111,255,.19),transparent 30%),radial-gradient(circle at 75% 10%,rgba(111,75,255,.19),transparent 32%),linear-gradient(110deg,#101827 0%,#111d32 50%,#151d34 74%,#111827 100%)}
html[data-ep-theme="dark"] .ep-design-top--has-bg .ep-design-top__hero-wrap{background-image:linear-gradient(106deg,rgba(10,17,29,.77),rgba(13,24,42,.60) 54%,rgba(15,22,39,.58)),var(--ep-design-top-bg);background-size:cover;background-position:var(--ep-design-top-bg-pos,center)}
html[data-ep-theme="dark"] .ep-design-top__copy h1{color:#f4f7ff}html[data-ep-theme="dark"] .ep-design-top__copy>p{color:#aebad0}
html[data-ep-theme="dark"] .ep-design-top__search{border-color:rgba(151,173,214,.18)!important;background:rgba(20,31,50,.80)!important;box-shadow:0 14px 34px rgba(0,0,0,.20)!important;backdrop-filter:blur(12px)!important}html[data-ep-theme="dark"] .ep-design-top__search input{color:#eff4ff!important}html[data-ep-theme="dark"] .ep-design-top__search input::placeholder{color:#8491a9!important}html[data-ep-theme="dark"] .ep-design-top__keywords strong{color:#a8b5cb!important}html[data-ep-theme="dark"] .ep-design-top__keywords a{color:#8e9db6!important}html[data-ep-theme="dark"] .ep-design-top__stat strong{color:#dbe6ff!important}html[data-ep-theme="dark"] .ep-design-top__stat span{color:#8998b2!important}html[data-ep-theme="dark"] .ep-design-top__stat:first-child strong{color:#79a7ff!important}html[data-ep-theme="dark"] .ep-design-top__stat:first-child span{color:#9bb8ea!important}
html[data-ep-theme="dark"] .ep-design-top__preview-item.is-next,html[data-ep-theme="dark"] .ep-design-top__preview-item.is-prev{filter:saturate(.76) brightness(.76)}html[data-ep-theme="dark"] .ep-design-top__preview-item.is-next-2,html[data-ep-theme="dark"] .ep-design-top__preview-item.is-prev-2{filter:saturate(.68) brightness(.68)}
html[data-ep-theme="dark"] .ep-design-top__action{border-color:rgba(142,161,198,.15)!important;background:rgba(22,32,51,.77)!important;box-shadow:0 7px 18px rgba(0,0,0,.14)!important}html[data-ep-theme="dark"] .ep-design-top__action strong{color:#eef3ff!important}html[data-ep-theme="dark"] .ep-design-top__action small{color:#8d9ab0!important}
html[data-ep-theme="dark"] .ep-design-top__notice-wrap,html[data-ep-theme="dark"] .ep-design-top__categories-wrap{background:#0f1725;border-color:#1d2a3d}html[data-ep-theme="dark"] .ep-design-top__notice-copy{color:#a4b0c5}html[data-ep-theme="dark"] .ep-design-top__notice-copy strong{color:#8eaff6}html[data-ep-theme="dark"] .ep-design-top__quick{border-color:#26344a;background:#151f30;color:#aebbd1}html[data-ep-theme="dark"] .ep-design-top__category{background:linear-gradient(110deg,color-mix(in srgb,var(--ep-dt-cat) 11%,#121c2a),color-mix(in srgb,var(--ep-dt-cat) 5%,#151f2f));border-color:color-mix(in srgb,var(--ep-dt-cat) 13%,#28364b)}html[data-ep-theme="dark"] .ep-design-top__category strong{color:#ecf1fb}html[data-ep-theme="dark"] .ep-design-top__category small{color:#8897af}

@media (max-width:1180px){
  .ep-design-top__hero{grid-template-columns:minmax(0,45%) minmax(0,55%);height:auto;min-height:var(--ep-design-top-hero-h,380px);padding:16px 0}
  .ep-design-top__copy{padding-right:18px}.ep-design-top__copy h1{font-size:clamp(38px,5vw,48px)}
  .ep-design-top__preview{height:330px;margin-right:-44px;width:calc(100% + 44px);align-self:center}.ep-design-top__preview-item{left:48%;width:min(540px,86%);height:292px}.ep-design-top__preview-item.is-next{transform:translate(-50%,-50%) translate3d(132px,10px,-100px) rotateY(-18deg) scale(.77)}.ep-design-top__preview-item.is-prev{transform:translate(-50%,-50%) translate3d(-160px,12px,-120px) rotateY(19deg) scale(.72)}
  .ep-design-top__actions{right:0!important;width:174px!important;height:260px!important}
}
@media (max-width:820px){
  .ep-design-top__hero{width:min(100% - 28px,var(--ep-design-top-max,1380px));grid-template-columns:1fr;padding:14px 0 16px}
  .ep-design-top__copy{grid-column:1;grid-row:auto;padding:8px 0 6px}.ep-design-top__copy h1{font-size:clamp(36px,7.4vw,46px)}
  .ep-design-top__preview{grid-column:1;grid-row:auto;width:100%;height:min(62vw,330px);margin-right:0;overflow:hidden;perspective:1000px}.ep-design-top__preview-item{left:50%;width:min(560px,82%);height:min(55vw,286px)}.ep-design-top__preview-item.is-active{transform:translate(-50%,-50%) translate3d(0,0,50px) rotateY(-2deg)}.ep-design-top__preview-item.is-next{transform:translate(-50%,-50%) translate3d(115px,8px,-90px) rotateY(-15deg) scale(.78)}.ep-design-top__preview-item.is-prev{transform:translate(-50%,-50%) translate3d(-115px,8px,-90px) rotateY(15deg) scale(.78)}.ep-design-top__preview-item.is-next-2,.ep-design-top__preview-item.is-prev-2{opacity:0}
  .ep-design-top__actions{position:relative!important;right:auto!important;top:auto!important;width:100%!important;height:auto!important;transform:none!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:none!important;margin-top:4px!important}.ep-design-top__action{min-height:58px!important}
}
@media (max-width:560px){
  .ep-design-top__hero{width:min(100% - 22px,var(--ep-design-top-max,1380px));padding:12px 0}.ep-design-top__copy h1{font-size:34px}.ep-design-top__copy>p{font-size:12.5px}.ep-design-top__search{height:50px!important;border-radius:27px!important}.ep-design-top__search input{height:48px!important;font-size:12.5px!important}.ep-design-top__search button{height:50px!important;border-radius:0 27px 27px 0!important}.ep-design-top__keywords{font-size:10.8px!important;gap:4px 10px!important}.ep-design-top__keywords strong{font-size:11.5px!important}.ep-design-top__stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 8px!important}.ep-design-top__stat{grid-template-columns:34px minmax(0,1fr)!important}.ep-design-top__stat>i{width:33px!important;height:33px!important}.ep-design-top__stat>i svg{width:29px!important;height:29px!important}.ep-design-top__preview{height:64vw}.ep-design-top__preview-item{width:84%;height:54vw;border-radius:14px}.ep-design-top__preview-item img{border-radius:14px!important}.ep-design-top__actions{grid-template-columns:1fr 1fr!important;gap:7px!important}.ep-design-top__action{grid-template-columns:36px minmax(0,1fr)!important;padding:7px!important}.ep-design-top__action>i{width:32px!important;height:32px!important}
}
@media (prefers-reduced-motion:reduce){.ep-design-top__preview-item{transition:none!important}}

/* v0.5.51.15 — drag/swipe preview interaction + flexible category rows. */
.ep-design-top__preview{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.ep-design-top__preview.is-dragging{cursor:grabbing}
.ep-design-top__preview-stage{transform:translateX(var(--ep-preview-drag-x,0px));transition:transform .22s ease}
.ep-design-top__preview.is-dragging .ep-design-top__preview-stage{transition:none}
.ep-design-top__preview img{-webkit-user-drag:none;user-drag:none;pointer-events:none}
.ep-design-top__categories{grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch}
@media (max-width:1180px){.ep-design-top__categories{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:820px){.ep-design-top__categories{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.ep-design-top__categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ep-design-top__category{height:min(var(--ep-design-top-cat-h,98px),84px)}}


/* v0.5.51.16 — solid metrics, forward-only preview depth and clear announcement horn. */
.ep-design-top__stat>i svg{fill:currentColor!important;stroke:none!important;stroke-width:0!important;filter:none!important}
.ep-design-top__stat:first-child>i{filter:none!important}

/* The preview is deliberately biased left. Previously shown art disappears instead
   of occupying the left side; only upcoming art remains layered on the right. */
.ep-design-top__preview-item{left:42%!important}
.ep-design-top__preview-item.is-active{transform:translate(-50%,-50%) translate3d(-28px,0,82px) rotateY(calc(var(--ep-preview-angle) * -.34)) scale(1)!important}
.ep-design-top__preview-item.is-next{transform:translate(-50%,-50%) translate3d(178px,12px,-115px) rotateY(calc(var(--ep-preview-angle) * -2.15)) scale(.78)!important}
.ep-design-top__preview-item.is-next-2{transform:translate(-50%,-50%) translate3d(286px,20px,-245px) rotateY(calc(var(--ep-preview-angle) * -3.0)) scale(.62)!important}
.ep-design-top__preview-item.is-prev,.ep-design-top__preview-item.is-prev-2{opacity:0!important;pointer-events:none!important}

.ep-design-top__notice-copy>i{color:#3678f4!important;background:#edf4ff!important}
.ep-design-top__notice-copy>i svg{display:block;width:18px;height:18px;fill:currentColor;stroke:none}
html[data-ep-theme="dark"] .ep-design-top__notice-copy>i{color:#79a7ff!important;background:rgba(70,117,223,.16)!important}

@media (max-width:1180px){
  .ep-design-top__preview-item{left:44%!important}
  .ep-design-top__preview-item.is-next{transform:translate(-50%,-50%) translate3d(132px,10px,-100px) rotateY(-18deg) scale(.77)!important}
}
@media (max-width:820px){
  .ep-design-top__preview-item{left:48%!important}
  .ep-design-top__preview-item.is-active{transform:translate(-50%,-50%) translate3d(0,0,50px) rotateY(-2deg)!important}
  .ep-design-top__preview-item.is-next{transform:translate(-50%,-50%) translate3d(112px,8px,-90px) rotateY(-15deg) scale(.78)!important}
}

/* v0.5.51.17 — reference background, heavier supporting copy/stats and stronger one-sided depth. */
.ep-design-top__copy>p{
  margin-top:12px!important;
  color:#445671!important;
  font-size:15.5px!important;
  font-weight:760!important;
  line-height:1.58!important;
  letter-spacing:.002em!important;
}
.ep-design-top__stats{margin-top:19px!important;gap:15px!important}
.ep-design-top__stat{grid-template-columns:46px minmax(0,1fr)!important;gap:10px!important}
.ep-design-top__stat>i{width:44px!important;height:44px!important}
.ep-design-top__stat>i svg{width:37px!important;height:37px!important}
.ep-design-top__stat strong{font-size:19px!important;font-weight:950!important;letter-spacing:-.02em!important}
.ep-design-top__stat span{margin-top:4px!important;font-size:12px!important;font-weight:800!important;color:#728199!important}
.ep-design-top__stat:first-child strong{font-size:20px!important}
.ep-design-top__stat:first-child span{font-size:12.3px!important}

/* Main artwork itself carries perspective. Right-depth is the reference default. */
.ep-design-top__preview{perspective:1120px!important}
.ep-design-top__preview-stage{perspective:1120px!important}
.ep-design-top__preview-item{transform-style:preserve-3d!important;overflow:visible!important}
.ep-design-top__preview-item img{overflow:hidden!important;clip-path:inset(0 round 20px);backface-visibility:hidden!important}
.ep-design-top__preview--depth-right .ep-design-top__preview-item{transform-origin:left center!important}
.ep-design-top__preview--depth-left .ep-design-top__preview-item{transform-origin:right center!important}
.ep-design-top__preview--depth-right .ep-design-top__preview-item.is-active{
  transform:translate(-50%,-50%) translate3d(-34px,0,86px) rotateY(calc(var(--ep-preview-angle) * -1.02)) scale(.995)!important;
}
.ep-design-top__preview--depth-left .ep-design-top__preview-item.is-active{
  transform:translate(-50%,-50%) translate3d(-18px,0,86px) rotateY(calc(var(--ep-preview-angle) * 1.02)) scale(.995)!important;
}
.ep-design-top__preview--depth-right .ep-design-top__preview-item.is-next{
  transform:translate(-50%,-50%) translate3d(178px,12px,-155px) rotateY(calc(var(--ep-preview-angle) * -2.6)) scale(.74)!important;
  opacity:.64!important;
}
.ep-design-top__preview--depth-right .ep-design-top__preview-item.is-next-2{
  transform:translate(-50%,-50%) translate3d(286px,20px,-315px) rotateY(calc(var(--ep-preview-angle) * -3.55)) scale(.56)!important;
  opacity:.28!important;
}
.ep-design-top__preview--depth-left .ep-design-top__preview-item.is-next{
  transform:translate(-50%,-50%) translate3d(160px,12px,-155px) rotateY(calc(var(--ep-preview-angle) * 2.6)) scale(.74)!important;
  opacity:.64!important;
}
.ep-design-top__preview--depth-left .ep-design-top__preview-item.is-next-2{
  transform:translate(-50%,-50%) translate3d(274px,20px,-315px) rotateY(calc(var(--ep-preview-angle) * 3.55)) scale(.56)!important;
  opacity:.28!important;
}


html[data-ep-theme="dark"] .ep-design-top__copy>p{color:#c0cce0!important}
html[data-ep-theme="dark"] .ep-design-top__stat strong{color:#e6edff!important}
html[data-ep-theme="dark"] .ep-design-top__stat span{color:#9ba9c0!important}
@media (max-width:820px){
  .ep-design-top__copy>p{font-size:14px!important}
  .ep-design-top__stat strong{font-size:17px!important}
  .ep-design-top__stat span{font-size:11px!important}
  .ep-design-top__preview--depth-right .ep-design-top__preview-item.is-active,
  .ep-design-top__preview--depth-left .ep-design-top__preview-item.is-active{transform:translate(-50%,-50%) translate3d(0,0,46px) rotateY(-3deg) scale(1)!important}
}


/* v0.5.51.18 — final visual calibration: larger platform stats, tinted notice,
   stronger one-sided perspective, shared filled icon language, distinct image-fit modes. */
.ep-design-top__stats{gap:13px!important;width:100%!important}
.ep-design-top__stat{grid-template-columns:56px minmax(0,1fr)!important;gap:10px!important}
.ep-design-top__stat>i{width:54px!important;height:54px!important;display:grid!important;place-items:center!important}
.ep-design-top__stat>i svg{width:46px!important;height:46px!important;fill:currentColor!important;stroke:none!important}
.ep-design-top__stat strong{font-size:21px!important;line-height:1!important;font-weight:950!important}
.ep-design-top__stat span{font-size:12.8px!important;line-height:1.1!important;font-weight:850!important}
.ep-design-top__stat:first-child strong{font-size:22px!important}.ep-design-top__stat:first-child span{font-size:13px!important}

.ep-design-top__notice-wrap{background:linear-gradient(90deg,#f7faff 0%,#f2f7ff 44%,#f7f5ff 74%,#fbfcff 100%)!important;border-color:#e3ebf8!important}
.ep-design-top__notice{position:relative}
.ep-design-top__notice:before{content:"";position:absolute;inset:5px 0;border-radius:10px;background:linear-gradient(90deg,rgba(73,128,255,.035),rgba(111,83,244,.025));pointer-events:none}
.ep-design-top__notice>*{position:relative;z-index:1}

.ep-design-top__preview,.ep-design-top__preview-stage{perspective:820px!important}
.ep-design-top__preview-item{--ep-preview-angle:var(--ep-design-top-preview-angle,14deg);transform-style:preserve-3d!important;overflow:visible!important}
.ep-design-top__preview-item img{position:absolute!important;display:block!important;box-shadow:none!important;border:0!important;backface-visibility:hidden!important;transition:width .28s ease,height .28s ease,left .28s ease,top .28s ease!important}
.ep-design-top__preview--depth-right .ep-design-top__preview-item{transform-origin:left center!important}
.ep-design-top__preview--depth-left .ep-design-top__preview-item{transform-origin:right center!important}
.ep-design-top__preview--depth-right .ep-design-top__preview-item.is-active{transform:translate(-50%,-50%) translate3d(-38px,0,110px) rotateY(calc(var(--ep-preview-angle) * -1.24)) scale(.995)!important}
.ep-design-top__preview--depth-left .ep-design-top__preview-item.is-active{transform:translate(-50%,-50%) translate3d(-18px,0,110px) rotateY(calc(var(--ep-preview-angle) * 1.24)) scale(.995)!important}
.ep-design-top__preview--depth-right .ep-design-top__preview-item.is-next{transform:translate(-50%,-50%) translate3d(190px,12px,-190px) rotateY(calc(var(--ep-preview-angle) * -2.25)) scale(.70)!important;opacity:.62!important}
.ep-design-top__preview--depth-right .ep-design-top__preview-item.is-next-2{transform:translate(-50%,-50%) translate3d(305px,20px,-390px) rotateY(calc(var(--ep-preview-angle) * -3.0)) scale(.50)!important;opacity:.24!important}
.ep-design-top__preview--depth-left .ep-design-top__preview-item.is-next{transform:translate(-50%,-50%) translate3d(175px,12px,-190px) rotateY(calc(var(--ep-preview-angle) * 2.25)) scale(.70)!important;opacity:.62!important}
.ep-design-top__preview--depth-left .ep-design-top__preview-item.is-next-2{transform:translate(-50%,-50%) translate3d(292px,20px,-390px) rotateY(calc(var(--ep-preview-angle) * 3.0)) scale(.50)!important;opacity:.24!important}

/* Right feature entries use the exact same filled/duotone SVG family as resource categories. */
.ep-design-top__action>i svg{width:25px!important;height:25px!important;fill:currentColor!important;stroke:none!important;stroke-width:0!important}
.ep-design-top__action>i svg *{vector-effect:non-scaling-stroke}

html[data-ep-theme="dark"] .ep-design-top__notice-wrap{background:linear-gradient(90deg,#111c2c,#122138 48%,#171d37)!important;border-color:#20304a!important}
html[data-ep-theme="dark"] .ep-design-top__notice:before{background:linear-gradient(90deg,rgba(74,127,240,.055),rgba(114,84,245,.045))}

@media (max-width:1180px){
  .ep-design-top__stat{grid-template-columns:48px minmax(0,1fr)!important}.ep-design-top__stat>i{width:46px!important;height:46px!important}.ep-design-top__stat>i svg{width:39px!important;height:39px!important}
  .ep-design-top__preview,.ep-design-top__preview-stage{perspective:900px!important}
}
@media (max-width:820px){
  .ep-design-top__stat{grid-template-columns:40px minmax(0,1fr)!important}.ep-design-top__stat>i{width:38px!important;height:38px!important}.ep-design-top__stat>i svg{width:32px!important;height:32px!important}.ep-design-top__stat strong{font-size:17px!important}.ep-design-top__stat span{font-size:11px!important}
  .ep-design-top__preview--depth-right .ep-design-top__preview-item.is-active,.ep-design-top__preview--depth-left .ep-design-top__preview-item.is-active{transform:translate(-50%,-50%) translate3d(0,0,58px) rotateY(-5deg) scale(1)!important}
}

/* v0.5.51.19 — stronger platform metrics, crystal edge, global-radius sync, and safe cover clipping. */
.ep-design-top__stats{gap:10px!important}
.ep-design-top__stat{grid-template-columns:64px minmax(0,1fr)!important;gap:10px!important}
.ep-design-top__stat>i{width:62px!important;height:62px!important;display:grid!important;place-items:center!important}
.ep-design-top__stat>i svg{width:56px!important;height:56px!important;fill:currentColor!important;stroke:none!important}
.ep-design-top__stat strong{font-size:22px!important;font-weight:950!important;line-height:1!important}
.ep-design-top__stat span{font-size:13.2px!important;font-weight:850!important;line-height:1.12!important}
.ep-design-top__stat:first-child strong{font-size:23px!important}.ep-design-top__stat:first-child span{font-size:13.4px!important}

/* Keep 3D preview completely out of the copy column. The right side remains open so
   the preview can still slide underneath the four floating entry cards. */
.ep-design-top__preview-stage{contain:layout style!important}
.ep-design-top__preview-item,
.ep-design-top__preview-item img{border-radius:var(--ep-radius,18px)!important}

/* Crystal edge overlays the artwork rather than adding a card frame or outer shadow. */
.ep-design-top__preview-item:before,
.ep-design-top__preview-item:after{content:"";position:absolute;z-index:4;pointer-events:none;box-sizing:border-box;border-radius:var(--ep-radius,18px)}
.ep-design-top__preview-item:before{
  border:var(--ep-design-top-crystal-edge,8px) solid rgba(222,242,255,.68);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.92),inset 0 0 18px rgba(103,178,255,.22),inset 0 0 28px rgba(129,105,255,.10)!important;
  background:linear-gradient(125deg,rgba(255,255,255,.20),transparent 30% 72%,rgba(150,210,255,.10));
}
.ep-design-top__preview-item:after{border-top:1.5px solid rgba(255,255,255,.95);border-left:1px solid rgba(255,255,255,.68);border-right:1px solid rgba(120,190,255,.32);border-bottom:1px solid rgba(103,153,235,.20)}
html[data-ep-theme="dark"] .ep-design-top__preview-item:before{border-color:rgba(165,211,255,.52);box-shadow:inset 0 0 0 1px rgba(230,244,255,.62),inset 0 0 20px rgba(91,159,255,.22),inset 0 0 30px rgba(117,91,255,.12)!important;background:linear-gradient(125deg,rgba(218,238,255,.12),transparent 34% 70%,rgba(93,156,255,.10))}

@media (max-width:1180px){
  .ep-design-top__stat{grid-template-columns:54px minmax(0,1fr)!important}.ep-design-top__stat>i{width:52px!important;height:52px!important}.ep-design-top__stat>i svg{width:46px!important;height:46px!important}.ep-design-top__stat strong{font-size:19px!important}.ep-design-top__stat span{font-size:11.8px!important}
}
@media (max-width:820px){
  .ep-design-top__stat{grid-template-columns:42px minmax(0,1fr)!important}.ep-design-top__stat>i{width:40px!important;height:40px!important}.ep-design-top__stat>i svg{width:34px!important;height:34px!important}.ep-design-top__stat strong{font-size:17px!important}.ep-design-top__stat span{font-size:11px!important}
}

/* v0.5.51.21 — reference recalibration: safe auto-height hero, restored image-fit,
   single perspective mode, balanced density and no artificial left-side clipping. */

/* Hero height is now a minimum, not a hard crop. Content can grow the track safely. */
.ep-design-top__hero{
  grid-template-columns:minmax(0,41.5%) minmax(0,58.5%)!important;
  height:auto!important;
  min-height:var(--ep-design-top-hero-h,380px)!important;
  align-items:stretch!important;
}
.ep-design-top__copy{justify-content:center!important;padding:24px 30px 22px 0!important}
.ep-design-top__hero-wrap:before,.ep-design-top__hero-wrap:after{opacity:.28!important}

/* Restore v19 image fit modes, but keep the stage naturally separated from copy. */
.ep-design-top__preview{
  overflow:visible!important;
  clip-path:none!important;
  margin-right:calc(0px - var(--ep-design-top-preview-bleed,96px))!important;
  width:calc(100% + var(--ep-design-top-preview-bleed,96px))!important;
  perspective:860px!important;
}
.ep-design-top__preview-stage{perspective:860px!important;contain:layout style!important;transform:translateX(var(--ep-preview-drag-x,0px))!important}
.ep-design-top__preview-item{
  left:47%!important;
  width:min(650px,82%)!important;
  height:calc(100% - 42px)!important;
  max-height:370px!important;
  min-height:286px!important;
  overflow:visible!important;
  transform-style:preserve-3d!important;
  border-radius:var(--ep-radius,18px)!important;
}
.ep-design-top__preview-item img{
  position:absolute!important;
  display:block!important;
  border:0!important;
  border-radius:var(--ep-radius,18px)!important;
  box-shadow:none!important;
  backface-visibility:hidden!important;
  transition:left .28s ease,top .28s ease,width .28s ease,height .28s ease!important;
}
.ep-design-top__preview--fit-cover .ep-design-top__preview-item img{
  left:0!important;top:0!important;width:100%!important;height:100%!important;
  object-fit:cover!important;clip-path:inset(0 round var(--ep-radius,18px))!important;
}
.ep-design-top__preview--fit-contain .ep-design-top__preview-item img{
  left:7%!important;top:8%!important;width:86%!important;height:84%!important;
  object-fit:contain!important;clip-path:inset(0 round var(--ep-radius,18px))!important;
}

/* One clear, reference-like perspective mode. Previously shown images remain hidden. */
.ep-design-top__preview--depth-right .ep-design-top__preview-item{transform-origin:left center!important}
.ep-design-top__preview--depth-left .ep-design-top__preview-item{transform-origin:right center!important}
.ep-design-top__preview--depth-right .ep-design-top__preview-item.is-active{transform:translate(-50%,-50%) translate3d(0,0,104px) rotateY(calc(var(--ep-preview-angle) * -1.12)) scale(.995)!important}
.ep-design-top__preview--depth-left .ep-design-top__preview-item.is-active{transform:translate(-50%,-50%) translate3d(0,0,104px) rotateY(calc(var(--ep-preview-angle) * 1.12)) scale(.995)!important}
.ep-design-top__preview--depth-right .ep-design-top__preview-item.is-next{transform:translate(-50%,-50%) translate3d(190px,11px,-185px) rotateY(calc(var(--ep-preview-angle) * -2.25)) scale(.70)!important;opacity:.60!important}
.ep-design-top__preview--depth-right .ep-design-top__preview-item.is-next-2{transform:translate(-50%,-50%) translate3d(300px,18px,-365px) rotateY(calc(var(--ep-preview-angle) * -3)) scale(.51)!important;opacity:.22!important}
.ep-design-top__preview--depth-left .ep-design-top__preview-item.is-next{transform:translate(-50%,-50%) translate3d(184px,11px,-185px) rotateY(calc(var(--ep-preview-angle) * 2.25)) scale(.70)!important;opacity:.60!important}
.ep-design-top__preview--depth-left .ep-design-top__preview-item.is-next-2{transform:translate(-50%,-50%) translate3d(294px,18px,-365px) rotateY(calc(var(--ep-preview-angle) * 3)) scale(.51)!important;opacity:.22!important}
.ep-design-top__preview-item.is-prev,.ep-design-top__preview-item.is-prev-2,.ep-design-top__preview-item.is-hidden{opacity:0!important;pointer-events:none!important}

/* Thin crystal trim follows each fit mode; no outer shadow/card frame. */
.ep-design-top__preview-item:before,.ep-design-top__preview-item:after{content:"";position:absolute;z-index:4;pointer-events:none;box-sizing:border-box;border-radius:var(--ep-radius,18px)}
.ep-design-top__preview--fit-cover .ep-design-top__preview-item:before{inset:0!important}
.ep-design-top__preview--fit-contain .ep-design-top__preview-item:before{left:7%!important;right:7%!important;top:8%!important;bottom:8%!important}
.ep-design-top__preview-item:before{border:var(--ep-design-top-crystal-edge,3px) solid rgba(221,241,255,.58)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.76),inset 0 0 10px rgba(104,177,255,.14)!important;background:linear-gradient(125deg,rgba(255,255,255,.12),transparent 35% 72%,rgba(143,205,255,.06))!important}
.ep-design-top__preview--fit-cover .ep-design-top__preview-item:after{inset:calc(var(--ep-design-top-crystal-edge,3px) * .45)!important}
.ep-design-top__preview--fit-contain .ep-design-top__preview-item:after{left:calc(7% + var(--ep-design-top-crystal-edge,3px) * .45)!important;right:calc(7% + var(--ep-design-top-crystal-edge,3px) * .45)!important;top:calc(8% + var(--ep-design-top-crystal-edge,3px) * .45)!important;bottom:calc(8% + var(--ep-design-top-crystal-edge,3px) * .45)!important}
.ep-design-top__preview-item:after{border-top:1px solid rgba(255,255,255,.92)!important;border-left:1px solid rgba(255,255,255,.60)!important;border-right:1px solid rgba(120,190,255,.26)!important;border-bottom:1px solid rgba(103,153,235,.16)!important}
html[data-ep-theme="dark"] .ep-design-top__preview-item:before{border-color:rgba(168,213,255,.40)!important;box-shadow:inset 0 0 0 1px rgba(231,244,255,.46),inset 0 0 10px rgba(87,153,245,.15)!important;background:linear-gradient(125deg,rgba(218,238,255,.08),transparent 35% 72%,rgba(93,156,255,.07))!important}

/* Let the floating action column follow the actual hero track instead of a stale setting value. */
.ep-design-top__actions{width:204px!important;height:calc(100% - 84px)!important;min-height:270px!important;max-height:304px!important;gap:10px!important}
.ep-design-top__action{grid-template-columns:48px minmax(0,1fr)!important;gap:10px!important;padding:9px 10px!important}
.ep-design-top__action>i{width:43px!important;height:43px!important}.ep-design-top__action>i svg{width:29px!important;height:29px!important}
.ep-design-top__action strong{font-size:13px!important;line-height:1.12!important}.ep-design-top__action small{font-size:10px!important;line-height:1.15!important}

/* Keep the enlarged metric icons, but restore air between groups so the hero reads less densely. */
.ep-design-top__stats{margin-top:17px!important;gap:12px!important;align-items:stretch!important}
.ep-design-top__stat{grid-template-columns:64px minmax(0,1fr)!important;gap:10px!important;min-height:64px!important;align-items:center!important}
.ep-design-top__stat>i{width:62px!important;height:62px!important}.ep-design-top__stat>i svg{width:56px!important;height:56px!important}
.ep-design-top__stat>div{min-height:58px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.ep-design-top__stat strong,.ep-design-top__stat:first-child strong{font-size:21px!important;line-height:1!important}.ep-design-top__stat span,.ep-design-top__stat:first-child span{margin-top:5px!important;font-size:12.5px!important;line-height:1.1!important}

@media (max-width:1180px){
  .ep-design-top__hero{grid-template-columns:minmax(0,45%) minmax(0,55%)!important;min-height:var(--ep-design-top-hero-h,380px)!important;padding:16px 0!important}
  .ep-design-top__copy{padding:18px 18px 18px 0!important}
  .ep-design-top__preview{height:330px!important;width:calc(100% + 44px)!important;margin-right:-44px!important;align-self:center!important}
  .ep-design-top__preview-item{left:49%!important;width:min(540px,84%)!important;height:292px!important;min-height:0!important}
  .ep-design-top__actions{width:182px!important;height:270px!important;min-height:0!important}
  .ep-design-top__stat{grid-template-columns:54px minmax(0,1fr)!important;min-height:56px!important}.ep-design-top__stat>i{width:52px!important;height:52px!important}.ep-design-top__stat>i svg{width:46px!important;height:46px!important}.ep-design-top__stat>div{min-height:52px!important}.ep-design-top__stat strong,.ep-design-top__stat:first-child strong{font-size:19px!important}.ep-design-top__stat span,.ep-design-top__stat:first-child span{font-size:11.8px!important}
}
@media (max-width:820px){
  .ep-design-top__hero{grid-template-columns:1fr!important;min-height:0!important;padding:14px 0 16px!important}
  .ep-design-top__copy{padding:8px 0 12px!important}
  .ep-design-top__preview{height:min(62vw,330px)!important;width:100%!important;margin-right:0!important;overflow:hidden!important}
  .ep-design-top__preview-item{left:50%!important;width:min(560px,82%)!important;height:min(55vw,286px)!important;min-height:0!important}
  .ep-design-top__preview--fit-contain .ep-design-top__preview-item img{left:5%!important;top:6%!important;width:90%!important;height:88%!important}
  .ep-design-top__preview--fit-contain .ep-design-top__preview-item:before{left:5%!important;right:5%!important;top:6%!important;bottom:6%!important}
  .ep-design-top__actions{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important}
  .ep-design-top__stat{grid-template-columns:42px minmax(0,1fr)!important;min-height:44px!important}.ep-design-top__stat>i{width:40px!important;height:40px!important}.ep-design-top__stat>i svg{width:34px!important;height:34px!important}.ep-design-top__stat>div{min-height:42px!important}.ep-design-top__stat strong,.ep-design-top__stat:first-child strong{font-size:17px!important}.ep-design-top__stat span,.ep-design-top__stat:first-child span{font-size:11px!important}
}

/* v0.5.51.23 visual refinements retained below; background override removed in v0.5.51.24. */
/* Reference-like platform metrics: one common icon box/baseline, with the thumb
   intentionally a touch larger because its silhouette is visually narrower. */
.ep-design-top__stats{
  gap:12px!important;
  width:min(100%,620px)!important;
  align-items:start!important;
}
.ep-design-top__stat{
  grid-template-columns:70px minmax(0,1fr)!important;
  gap:8px!important;
  min-height:72px!important;
  align-items:center!important;
}
.ep-design-top__stat>i{
  width:70px!important;
  height:70px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  justify-self:start!important;
  margin:0!important;
  padding:0!important;
}
.ep-design-top__stat>i svg{
  width:58px!important;
  height:58px!important;
  display:block!important;
  fill:currentColor!important;
  stroke:none!important;
}
.ep-design-top__stat:first-child>i svg{
  width:66px!important;
  height:66px!important;
  transform:translateX(-1px)!important;
}
.ep-design-top__stat>div{
  min-height:60px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
}
.ep-design-top__stat strong,
.ep-design-top__stat:first-child strong{
  font-size:22px!important;
  line-height:1!important;
  font-weight:950!important;
}
.ep-design-top__stat span,
.ep-design-top__stat:first-child span{
  margin-top:6px!important;
  font-size:13px!important;
  line-height:1.08!important;
  font-weight:820!important;
}

/* Complete display is now the only image fit mode. The image itself owns the
   crystal edge, so the border follows the rendered image ratio instead of a
   fixed preview rectangle. */
.ep-design-top__preview-item{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
}
.ep-design-top__preview-item:before,
.ep-design-top__preview-item:after{display:none!important}
.ep-design-top__preview--fit-contain .ep-design-top__preview-item img{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  width:auto!important;
  height:auto!important;
  max-width:86%!important;
  max-height:84%!important;
  object-fit:contain!important;
  clip-path:none!important;
  box-sizing:border-box!important;
  border:var(--ep-design-top-crystal-edge,2px) solid rgba(221,241,255,.72)!important;
  border-radius:var(--ep-radius,18px)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.72),0 8px 18px rgba(79,125,205,.08)!important;
  background:rgba(255,255,255,.04)!important;
}
html[data-ep-theme="dark"] .ep-design-top__preview--fit-contain .ep-design-top__preview-item img{
  border-color:rgba(162,207,255,.46)!important;
  box-shadow:inset 0 0 0 1px rgba(234,246,255,.42),0 8px 18px rgba(30,60,110,.18)!important;
}

/* Both depth directions keep the upcoming cards visible. Only the active plane's
   tilt changes; the queue remains on the right, matching the current interaction. */
.ep-design-top__preview--depth-right .ep-design-top__preview-item{transform-origin:left center!important}
.ep-design-top__preview--depth-left .ep-design-top__preview-item{transform-origin:right center!important}
.ep-design-top__preview--depth-right .ep-design-top__preview-item.is-active{
  transform:translate(-50%,-50%) translate3d(-10px,0,108px) rotateY(calc(var(--ep-preview-angle) * -1.18)) scale(.995)!important;
}
.ep-design-top__preview--depth-left .ep-design-top__preview-item.is-active{
  transform:translate(-50%,-50%) translate3d(-10px,0,108px) rotateY(calc(var(--ep-preview-angle) * 1.18)) scale(.995)!important;
}
.ep-design-top__preview--depth-right .ep-design-top__preview-item.is-next,
.ep-design-top__preview--depth-left .ep-design-top__preview-item.is-next{
  z-index:5!important;
  opacity:.66!important;
  transform:translate(-50%,-50%) translate3d(152px,10px,-150px) rotateY(calc(var(--ep-preview-angle) * -1.65)) scale(.76)!important;
}
.ep-design-top__preview--depth-left .ep-design-top__preview-item.is-next{
  transform:translate(-50%,-50%) translate3d(152px,10px,-150px) rotateY(calc(var(--ep-preview-angle) * 1.65)) scale(.76)!important;
}
.ep-design-top__preview--depth-right .ep-design-top__preview-item.is-next-2,
.ep-design-top__preview--depth-left .ep-design-top__preview-item.is-next-2{
  z-index:3!important;
  opacity:.30!important;
  transform:translate(-50%,-50%) translate3d(246px,17px,-292px) rotateY(calc(var(--ep-preview-angle) * -2.28)) scale(.60)!important;
}
.ep-design-top__preview--depth-left .ep-design-top__preview-item.is-next-2{
  transform:translate(-50%,-50%) translate3d(246px,17px,-292px) rotateY(calc(var(--ep-preview-angle) * 2.28)) scale(.60)!important;
}

/* Rounded solid announcement speaker, closer to the supplied reference. */
.ep-design-top__notice-copy>i{
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 30px!important;
  border-radius:9px!important;
  color:#2f73f3!important;
  background:#edf4ff!important;
}
.ep-design-top__notice-copy>i svg{
  width:22px!important;
  height:22px!important;
  display:block!important;
  fill:currentColor!important;
  stroke:none!important;
}

@media (max-width:1180px){
  .ep-design-top__stat{grid-template-columns:56px minmax(0,1fr)!important;min-height:58px!important}
  .ep-design-top__stat>i{width:56px!important;height:56px!important}
  .ep-design-top__stat>i svg{width:46px!important;height:46px!important}
  .ep-design-top__stat:first-child>i svg{width:52px!important;height:52px!important}
  .ep-design-top__stat strong,.ep-design-top__stat:first-child strong{font-size:19px!important}
  .ep-design-top__stat span,.ep-design-top__stat:first-child span{font-size:11.7px!important}
  .ep-design-top__preview--fit-contain .ep-design-top__preview-item img{max-width:88%!important;max-height:86%!important}
}
@media (max-width:820px){
  .ep-design-top__stat{grid-template-columns:44px minmax(0,1fr)!important;min-height:46px!important}
  .ep-design-top__stat>i{width:44px!important;height:44px!important}
  .ep-design-top__stat>i svg{width:36px!important;height:36px!important}
  .ep-design-top__stat:first-child>i svg{width:40px!important;height:40px!important}
  .ep-design-top__stat strong,.ep-design-top__stat:first-child strong{font-size:17px!important}
  .ep-design-top__stat span,.ep-design-top__stat:first-child span{font-size:11px!important}
  .ep-design-top__preview--fit-contain .ep-design-top__preview-item img{max-width:91%!important;max-height:88%!important}
}


/* v0.5.51.24 — clean final fixes: site-mode-safe background, metric alignment, symmetric stacked depth. */
/* The reference background is light-mode artwork. Dark mode uses the same geometry
   under a dark blue overlay. No unconditional !important background is allowed here. */
html[data-ep-theme="light"] .ep-design-top:not(.ep-design-top--has-bg) .ep-design-top__hero-wrap{
  background-image:url('../images/home-design-top-bg.svg')!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
html[data-ep-theme="dark"] .ep-design-top:not(.ep-design-top--has-bg) .ep-design-top__hero-wrap{
  background-image:linear-gradient(108deg,rgba(9,17,31,.91),rgba(13,27,48,.82) 50%,rgba(18,24,45,.84)),url('../images/home-design-top-bg.svg')!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
html[data-ep-theme="light"] .ep-design-top:not(.ep-design-top--has-bg) .ep-design-top__hero-wrap:before,
html[data-ep-theme="light"] .ep-design-top:not(.ep-design-top--has-bg) .ep-design-top__hero-wrap:after,
html[data-ep-theme="dark"] .ep-design-top:not(.ep-design-top--has-bg) .ep-design-top__hero-wrap:before,
html[data-ep-theme="dark"] .ep-design-top:not(.ep-design-top--has-bg) .ep-design-top__hero-wrap:after{display:none!important}

/* Platform metrics: each icon and its two-line copy share one common visual center. */
.ep-design-top__stats{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  width:min(100%,620px)!important;
  align-items:center!important;
}
.ep-design-top__stat{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  min-width:0!important;
  min-height:76px!important;
}
.ep-design-top__stat>i{
  flex:0 0 70px!important;
  width:70px!important;
  height:70px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
}
.ep-design-top__stat>i svg{
  display:block!important;
  width:60px!important;
  height:60px!important;
  margin:0 auto!important;
  transform:none!important;
}
.ep-design-top__stat:first-child>i svg{
  width:68px!important;
  height:68px!important;
  transform:translateY(-1px)!important;
}
.ep-design-top__stat>div{
  flex:1 1 auto!important;
  min-width:0!important;
  min-height:62px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  text-align:left!important;
}
.ep-design-top__stat strong,
.ep-design-top__stat:first-child strong{font-size:22px!important;line-height:1!important;margin:0!important}
.ep-design-top__stat span,
.ep-design-top__stat:first-child span{font-size:13px!important;line-height:1.08!important;margin:6px 0 0!important}

/* Both perspective directions now use the same visible stacked-page queue.
   Only the sign of rotateY changes. Upcoming images stay close behind the hero
   so the action cards cannot completely hide them. */
.ep-design-top__preview--depth-right .ep-design-top__preview-item,
.ep-design-top__preview--depth-left .ep-design-top__preview-item{overflow:visible!important}
.ep-design-top__preview--depth-right .ep-design-top__preview-item{transform-origin:left center!important}
.ep-design-top__preview--depth-left .ep-design-top__preview-item{transform-origin:right center!important}
.ep-design-top__preview--depth-right .ep-design-top__preview-item.is-active{
  z-index:8!important;opacity:1!important;
  transform:translate(-50%,-50%) translate3d(-26px,0,110px) rotateY(calc(var(--ep-preview-angle) * -1.24)) scale(.995)!important;
}
.ep-design-top__preview--depth-left .ep-design-top__preview-item.is-active{
  z-index:8!important;opacity:1!important;
  transform:translate(-50%,-50%) translate3d(-26px,0,110px) rotateY(calc(var(--ep-preview-angle) * 1.24)) scale(.995)!important;
}
.ep-design-top__preview--depth-right .ep-design-top__preview-item.is-next{
  z-index:6!important;opacity:.72!important;pointer-events:auto!important;
  transform:translate(-50%,-50%) translate3d(38px,7px,-82px) rotateY(calc(var(--ep-preview-angle) * -.92)) scale(.955)!important;
}
.ep-design-top__preview--depth-left .ep-design-top__preview-item.is-next{
  z-index:6!important;opacity:.72!important;pointer-events:auto!important;
  transform:translate(-50%,-50%) translate3d(38px,7px,-82px) rotateY(calc(var(--ep-preview-angle) * .92)) scale(.955)!important;
}
.ep-design-top__preview--depth-right .ep-design-top__preview-item.is-next-2{
  z-index:4!important;opacity:.42!important;pointer-events:none!important;
  transform:translate(-50%,-50%) translate3d(72px,13px,-158px) rotateY(calc(var(--ep-preview-angle) * -.68)) scale(.91)!important;
}
.ep-design-top__preview--depth-left .ep-design-top__preview-item.is-next-2{
  z-index:4!important;opacity:.42!important;pointer-events:none!important;
  transform:translate(-50%,-50%) translate3d(72px,13px,-158px) rotateY(calc(var(--ep-preview-angle) * .68)) scale(.91)!important;
}
.ep-design-top__preview-item.is-prev,
.ep-design-top__preview-item.is-prev-2,
.ep-design-top__preview-item.is-hidden{opacity:0!important;pointer-events:none!important}

@media (max-width:1180px){
  .ep-design-top__stat{gap:8px!important;min-height:60px!important}
  .ep-design-top__stat>i{flex-basis:56px!important;width:56px!important;height:56px!important}
  .ep-design-top__stat>i svg{width:48px!important;height:48px!important}
  .ep-design-top__stat:first-child>i svg{width:54px!important;height:54px!important}
  .ep-design-top__stat>div{min-height:54px!important}
  .ep-design-top__stat strong,.ep-design-top__stat:first-child strong{font-size:19px!important}
  .ep-design-top__stat span,.ep-design-top__stat:first-child span{font-size:11.7px!important;margin-top:5px!important}
}
@media (max-width:820px){
  .ep-design-top__stat{gap:6px!important;min-height:48px!important}
  .ep-design-top__stat>i{flex-basis:44px!important;width:44px!important;height:44px!important}
  .ep-design-top__stat>i svg{width:36px!important;height:36px!important}
  .ep-design-top__stat:first-child>i svg{width:40px!important;height:40px!important}
  .ep-design-top__stat>div{min-height:44px!important}
  .ep-design-top__stat strong,.ep-design-top__stat:first-child strong{font-size:17px!important}
  .ep-design-top__stat span,.ep-design-top__stat:first-child span{font-size:11px!important;margin-top:4px!important}
}


/* v0.5.51.25 — metric alignment, right-only rotor preview, optional square categories. */
.ep-design-top__stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important}
.ep-design-top__stat{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;min-height:78px!important}
.ep-design-top__stat>i{flex:0 0 74px!important;width:74px!important;height:74px!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:0!important;margin:0!important;padding:0!important}
.ep-design-top__stat>i svg{width:62px!important;height:62px!important;display:block!important;transform:none!important}
.ep-design-top__stat:first-child>i svg{width:74px!important;height:74px!important;transform:none!important}
.ep-design-top__stat>div{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;min-height:66px!important;min-width:0!important}
.ep-design-top__stat strong,.ep-design-top__stat:first-child strong{font-size:22px!important;line-height:1!important;margin:0!important}
.ep-design-top__stat span,.ep-design-top__stat:first-child span{font-size:13px!important;line-height:1.08!important;margin-top:6px!important}

.ep-design-top__preview{height:318px!important;width:calc(100% + 26px)!important;margin-right:-26px!important;align-self:center!important}
.ep-design-top__preview-stage{perspective:960px!important;overflow:visible!important}
.ep-design-top__preview-item{left:47.8%!important;width:min(500px,76%)!important;height:276px!important;overflow:visible!important;transform-style:preserve-3d!important}
.ep-design-top__preview--fit-contain .ep-design-top__preview-item img{max-width:84%!important;max-height:82%!important;border:var(--ep-design-top-crystal-edge,2px) solid rgba(225,243,255,.78)!important;border-radius:var(--ep-radius,18px)!important}
.ep-design-top__preview--depth-right .ep-design-top__preview-item,.ep-design-top__preview--depth-left .ep-design-top__preview-item{transform-origin:left center!important}
.ep-design-top__preview--depth-right .ep-design-top__preview-item.is-active{z-index:9!important;opacity:1!important;transform:translate(-50%,-50%) translate3d(-36px,0,116px) rotateY(calc(var(--ep-preview-angle) * -1.36)) scale(.94)!important}
.ep-design-top__preview--depth-left .ep-design-top__preview-item.is-active{z-index:9!important;opacity:1!important;transform:translate(-50%,-50%) translate3d(-36px,0,116px) rotateY(calc(var(--ep-preview-angle) * 1.36)) scale(.94)!important}
.ep-design-top__preview--depth-right .ep-design-top__preview-item.is-next{z-index:7!important;opacity:.76!important;transform:translate(-50%,-50%) translate3d(128px,6px,-56px) rotateY(calc(var(--ep-preview-angle) * -.56)) scale(.82)!important}
.ep-design-top__preview--depth-left .ep-design-top__preview-item.is-next{z-index:7!important;opacity:.76!important;transform:translate(-50%,-50%) translate3d(128px,6px,-56px) rotateY(calc(var(--ep-preview-angle) * .56)) scale(.82)!important}
.ep-design-top__preview--depth-right .ep-design-top__preview-item.is-next-2{z-index:5!important;opacity:.46!important;transform:translate(-50%,-50%) translate3d(210px,12px,-140px) rotateY(calc(var(--ep-preview-angle) * -.32)) scale(.70)!important}
.ep-design-top__preview--depth-left .ep-design-top__preview-item.is-next-2{z-index:5!important;opacity:.46!important;transform:translate(-50%,-50%) translate3d(210px,12px,-140px) rotateY(calc(var(--ep-preview-angle) * .32)) scale(.70)!important}
.ep-design-top__preview-item.is-hidden,.ep-design-top__preview-item.is-prev,.ep-design-top__preview-item.is-prev-2{opacity:0!important;pointer-events:none!important}

.ep-design-top__categories--square{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:14px!important}
.ep-design-top__categories--square .ep-design-top__category{height:auto!important;min-height:0!important;aspect-ratio:1/.94;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:12px 10px!important;gap:8px!important}
.ep-design-top__categories--square .ep-design-top__category-icon{width:48px!important;height:48px!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto!important}
.ep-design-top__categories--square .ep-design-top__category-icon svg,.ep-design-top__categories--square .ep-design-top__category-icon img{width:30px!important;height:30px!important}
.ep-design-top__categories--square .ep-design-top__category span{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:5px!important;min-width:0!important}
.ep-design-top__categories--square .ep-design-top__category strong{font-size:14px!important;line-height:1.18!important;display:block!important;max-width:100%!important}
.ep-design-top__categories--square .ep-design-top__category small{font-size:11px!important;line-height:1.28!important;display:block!important;max-width:100%!important}

@media (max-width:1180px){
  .ep-design-top__stat>i{flex-basis:58px!important;width:58px!important;height:58px!important}
  .ep-design-top__stat>i svg{width:50px!important;height:50px!important}
  .ep-design-top__stat:first-child>i svg{width:58px!important;height:58px!important}
  .ep-design-top__stat>div{min-height:54px!important}
  .ep-design-top__stat strong,.ep-design-top__stat:first-child strong{font-size:19px!important}
  .ep-design-top__stat span,.ep-design-top__stat:first-child span{font-size:11.8px!important}
  .ep-design-top__preview{height:302px!important}
  .ep-design-top__preview-item{width:min(470px,78%)!important;height:260px!important}
  .ep-design-top__categories--square{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (max-width:820px){
  .ep-design-top__stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ep-design-top__stat{min-height:50px!important}
  .ep-design-top__stat>i{flex-basis:44px!important;width:44px!important;height:44px!important}
  .ep-design-top__stat>i svg{width:36px!important;height:36px!important}
  .ep-design-top__stat:first-child>i svg{width:42px!important;height:42px!important}
  .ep-design-top__stat strong,.ep-design-top__stat:first-child strong{font-size:17px!important}
  .ep-design-top__stat span,.ep-design-top__stat:first-child span{font-size:11px!important}
  .ep-design-top__preview{height:min(60vw,286px)!important;width:100%!important;margin-right:0!important}
  .ep-design-top__preview-item{left:50%!important;width:min(420px,82%)!important;height:min(48vw,236px)!important}
  .ep-design-top__categories--square{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
}

/* v0.5.51.26 — reference-scale rotor, exact metric centering, larger category systems. */
.ep-design-top__stats{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:15px!important;
  width:min(100%,620px)!important;
  align-items:center!important;
}
.ep-design-top__stat{
  display:grid!important;
  grid-template-columns:60px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:9px!important;
  min-height:64px!important;
  padding:0!important;
}
.ep-design-top__stat>i{
  width:60px!important;
  height:60px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  justify-self:center!important;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
}
.ep-design-top__stat>i svg{
  width:52px!important;
  height:52px!important;
  display:block!important;
  margin:0!important;
  transform:none!important;
}
.ep-design-top__stat:first-child>i svg{
  width:59px!important;
  height:59px!important;
  transform:translateY(1px)!important;
}
.ep-design-top__stat>div{
  min-width:0!important;
  height:60px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  text-align:left!important;
  margin:0!important;
}
.ep-design-top__stat strong,.ep-design-top__stat:first-child strong{
  display:block!important;
  margin:0!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:950!important;
}
.ep-design-top__stat span,.ep-design-top__stat:first-child span{
  display:block!important;
  margin:6px 0 0!important;
  font-size:13px!important;
  line-height:1.08!important;
  font-weight:820!important;
}

/* Main art returns closer to the reference size. Upcoming pages are always a right-side rotor. */
.ep-design-top__preview{
  height:356px!important;
  width:calc(100% + 54px)!important;
  margin-right:-54px!important;
  align-self:center!important;
  perspective:980px!important;
}
.ep-design-top__preview-stage{perspective:980px!important;overflow:visible!important}
.ep-design-top__preview-item{
  left:46.5%!important;
  width:min(620px,86%)!important;
  height:326px!important;
  overflow:visible!important;
  transform-origin:center center!important;
  transform-style:preserve-3d!important;
}
.ep-design-top__preview--fit-contain .ep-design-top__preview-item img{
  max-width:90%!important;
  max-height:88%!important;
}
.ep-design-top__preview--depth-right .ep-design-top__preview-item,
.ep-design-top__preview--depth-left .ep-design-top__preview-item{transform-origin:center center!important}
.ep-design-top__preview--depth-right .ep-design-top__preview-item.is-active{
  z-index:10!important;opacity:1!important;
  transform:translate(-50%,-50%) translate3d(-42px,0,118px) rotateY(calc(var(--ep-preview-angle) * -1.28)) scale(.985)!important;
}
.ep-design-top__preview--depth-left .ep-design-top__preview-item.is-active{
  z-index:10!important;opacity:1!important;
  transform:translate(-50%,-50%) translate3d(-42px,0,118px) rotateY(calc(var(--ep-preview-angle) * 1.28)) scale(.985)!important;
}
/* Queue geometry is identical in both modes: it always turns on the right. */
.ep-design-top__preview--depth-right .ep-design-top__preview-item.is-next,
.ep-design-top__preview--depth-left .ep-design-top__preview-item.is-next{
  z-index:7!important;opacity:.74!important;pointer-events:auto!important;
  transform:translate(-50%,-50%) translate3d(156px,0,-72px) rotateY(-18deg) scale(.79)!important;
}
.ep-design-top__preview--depth-right .ep-design-top__preview-item.is-next-2,
.ep-design-top__preview--depth-left .ep-design-top__preview-item.is-next-2{
  z-index:5!important;opacity:.42!important;pointer-events:none!important;
  transform:translate(-50%,-50%) translate3d(248px,0,-170px) rotateY(-25deg) scale(.64)!important;
}
.ep-design-top__preview-item.is-prev,.ep-design-top__preview-item.is-prev-2,.ep-design-top__preview-item.is-hidden{opacity:0!important;pointer-events:none!important}

.ep-design-top__actions{width:220px!important}
.ep-design-top__action{grid-template-columns:54px minmax(0,1fr)!important;gap:11px!important;padding:10px 12px!important}
.ep-design-top__action>i{width:48px!important;height:48px!important;border-radius:14px!important}
.ep-design-top__action>i svg{width:31px!important;height:31px!important}
.ep-design-top__action strong{font-size:15px!important;font-weight:900!important;line-height:1.12!important}
.ep-design-top__action small{margin-top:4px!important;font-size:11.5px!important;font-weight:600!important;line-height:1.14!important}

/* Both category styles share the same icon/image language: transparent, contain, same visual size. */
.ep-design-top__categories--wide{gap:11px!important}
.ep-design-top__categories--wide .ep-design-top__category{
  height:var(--ep-design-top-cat-h,108px)!important;
  grid-template-columns:70px minmax(0,1fr)!important;
  gap:14px!important;
  padding:0 17px!important;
  border-radius:11px!important;
}
.ep-design-top__categories--wide .ep-design-top__category-icon{
  width:64px!important;height:64px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:transparent!important;overflow:visible!important;filter:none!important;
}
.ep-design-top__categories--wide .ep-design-top__category-icon svg,
.ep-design-top__categories--wide .ep-design-top__category-icon img{
  width:58px!important;height:58px!important;object-fit:contain!important;object-position:center!important;background:transparent!important;
}
.ep-design-top__categories--wide .ep-design-top__category strong{font-size:16px!important;font-weight:900!important}
.ep-design-top__categories--wide .ep-design-top__category small{margin-top:6px!important;font-size:11.5px!important;line-height:1.3!important}

.ep-design-top__categories--square{
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  gap:12px!important;
}
.ep-design-top__categories--square .ep-design-top__category{
  aspect-ratio:1/.94!important;
  min-height:142px!important;
  padding:15px 10px!important;
  gap:10px!important;
  border-radius:12px!important;
}
.ep-design-top__categories--square .ep-design-top__category-icon{
  width:64px!important;height:64px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  border-radius:0!important;background:transparent!important;overflow:visible!important;filter:none!important;
}
.ep-design-top__categories--square .ep-design-top__category-icon svg,
.ep-design-top__categories--square .ep-design-top__category-icon img{
  width:56px!important;height:56px!important;object-fit:contain!important;object-position:center!important;background:transparent!important;
}
.ep-design-top__categories--square .ep-design-top__category strong{font-size:15.5px!important;font-weight:900!important;line-height:1.16!important}
.ep-design-top__categories--square .ep-design-top__category small{font-size:11.5px!important;line-height:1.28!important;max-width:94%!important}

@media (max-width:1180px){
  .ep-design-top__stat{grid-template-columns:50px minmax(0,1fr)!important;min-height:54px!important;column-gap:7px!important}
  .ep-design-top__stat>i{width:50px!important;height:50px!important}.ep-design-top__stat>i svg{width:43px!important;height:43px!important}.ep-design-top__stat:first-child>i svg{width:49px!important;height:49px!important}
  .ep-design-top__stat>div{height:50px!important}.ep-design-top__stat strong,.ep-design-top__stat:first-child strong{font-size:19px!important}.ep-design-top__stat span,.ep-design-top__stat:first-child span{font-size:11.7px!important;margin-top:5px!important}
  .ep-design-top__preview{height:330px!important;width:calc(100% + 42px)!important;margin-right:-42px!important}
  .ep-design-top__preview-item{width:min(560px,86%)!important;height:300px!important}
  .ep-design-top__actions{width:198px!important}.ep-design-top__action strong{font-size:13.5px!important}.ep-design-top__action small{font-size:10.5px!important}
  .ep-design-top__categories--wide .ep-design-top__category{grid-template-columns:60px minmax(0,1fr)!important}.ep-design-top__categories--wide .ep-design-top__category-icon{width:56px!important;height:56px!important}.ep-design-top__categories--wide .ep-design-top__category-icon svg,.ep-design-top__categories--wide .ep-design-top__category-icon img{width:51px!important;height:51px!important}
  .ep-design-top__categories--square{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (max-width:820px){
  .ep-design-top__stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ep-design-top__preview{height:min(62vw,310px)!important;width:100%!important;margin-right:0!important}
  .ep-design-top__preview-item{left:50%!important;width:min(460px,84%)!important;height:min(52vw,260px)!important}
  .ep-design-top__actions{width:100%!important}.ep-design-top__action strong{font-size:13px!important}.ep-design-top__action small{font-size:10px!important}
  .ep-design-top__categories--wide{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ep-design-top__categories--wide .ep-design-top__category{height:min(var(--ep-design-top-cat-h,108px),96px)!important;grid-template-columns:52px minmax(0,1fr)!important;padding:0 12px!important}.ep-design-top__categories--wide .ep-design-top__category-icon{width:48px!important;height:48px!important}.ep-design-top__categories--wide .ep-design-top__category-icon svg,.ep-design-top__categories--wide .ep-design-top__category-icon img{width:44px!important;height:44px!important}.ep-design-top__categories--wide .ep-design-top__category strong{font-size:14px!important}.ep-design-top__categories--wide .ep-design-top__category small{font-size:10px!important}
  .ep-design-top__categories--square{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.ep-design-top__categories--square .ep-design-top__category{min-height:128px!important}
}


/* v0.5.51.27 — exact metric centerline, tighter category copy, compact wide cards, wide-layout preview gap correction. */
.ep-design-top__stats{
  gap:14px!important;
  align-items:center!important;
}
.ep-design-top__stat{
  display:grid!important;
  grid-template-columns:60px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:9px!important;
  min-height:60px!important;
  padding:0!important;
}
.ep-design-top__stat>i{
  width:60px!important;
  height:60px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  justify-self:center!important;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
}
.ep-design-top__stat>i svg{
  display:block!important;
  width:50px!important;
  height:50px!important;
  margin:0!important;
  transform:none!important;
}
.ep-design-top__stat:first-child>i svg{
  width:58px!important;
  height:58px!important;
  transform:none!important;
}
.ep-design-top__stat-copy{
  height:44px!important;
  min-height:44px!important;
  display:grid!important;
  grid-template-rows:22px 14px!important;
  row-gap:6px!important;
  align-content:center!important;
  align-items:center!important;
  justify-items:start!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
}
.ep-design-top__stat-copy strong,
.ep-design-top__stat:first-child .ep-design-top__stat-copy strong{
  display:block!important;
  height:22px!important;
  margin:0!important;
  font-size:22px!important;
  line-height:22px!important;
  font-weight:950!important;
}
.ep-design-top__stat-copy span,
.ep-design-top__stat:first-child .ep-design-top__stat-copy span{
  display:block!important;
  height:14px!important;
  margin:0!important;
  font-size:13px!important;
  line-height:14px!important;
  font-weight:820!important;
}

/* As the configured desktop canvas grows beyond the reference 1360px width,
   pull the preview artwork toward the copy instead of letting an empty gutter grow. */
.ep-design-top__preview-item{
  left:calc(46.5% - var(--ep-design-top-preview-shift,0px))!important;
}

/* The horizontal category card stays visually closer to the reference: large icon,
   but a shorter outer block. The setting can still make it smaller. */
.ep-design-top__categories--wide .ep-design-top__category{
  height:min(var(--ep-design-top-cat-h,108px),94px)!important;
  grid-template-columns:66px minmax(0,1fr)!important;
  gap:12px!important;
  padding:0 15px!important;
}
.ep-design-top__categories--wide .ep-design-top__category-icon{
  width:60px!important;
  height:60px!important;
}
.ep-design-top__categories--wide .ep-design-top__category-icon svg,
.ep-design-top__categories--wide .ep-design-top__category-icon img{
  width:54px!important;
  height:54px!important;
}
.ep-design-top__categories--wide .ep-design-top__category small,
.ep-design-top__categories--square .ep-design-top__category small{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}

@media (max-width:1180px){
  .ep-design-top__stat{grid-template-columns:52px minmax(0,1fr)!important;column-gap:7px!important;min-height:54px!important}
  .ep-design-top__stat>i{width:52px!important;height:52px!important}
  .ep-design-top__stat>i svg{width:43px!important;height:43px!important}
  .ep-design-top__stat:first-child>i svg{width:50px!important;height:50px!important}
  .ep-design-top__stat-copy{height:40px!important;min-height:40px!important;grid-template-rows:19px 13px!important;row-gap:5px!important}
  .ep-design-top__stat-copy strong,.ep-design-top__stat:first-child .ep-design-top__stat-copy strong{height:19px!important;font-size:19px!important;line-height:19px!important}
  .ep-design-top__stat-copy span,.ep-design-top__stat:first-child .ep-design-top__stat-copy span{height:13px!important;font-size:11.7px!important;line-height:13px!important}
  .ep-design-top__categories--wide .ep-design-top__category{height:min(var(--ep-design-top-cat-h,108px),90px)!important;grid-template-columns:58px minmax(0,1fr)!important}
  .ep-design-top__categories--wide .ep-design-top__category-icon{width:54px!important;height:54px!important}
  .ep-design-top__categories--wide .ep-design-top__category-icon svg,.ep-design-top__categories--wide .ep-design-top__category-icon img{width:49px!important;height:49px!important}
}
@media (max-width:820px){
  .ep-design-top__stat{grid-template-columns:44px minmax(0,1fr)!important;column-gap:6px!important;min-height:48px!important}
  .ep-design-top__stat>i{width:44px!important;height:44px!important}
  .ep-design-top__stat>i svg{width:36px!important;height:36px!important}
  .ep-design-top__stat:first-child>i svg{width:42px!important;height:42px!important}
  .ep-design-top__stat-copy{height:36px!important;min-height:36px!important;grid-template-rows:17px 12px!important;row-gap:4px!important}
  .ep-design-top__stat-copy strong,.ep-design-top__stat:first-child .ep-design-top__stat-copy strong{height:17px!important;font-size:17px!important;line-height:17px!important}
  .ep-design-top__stat-copy span,.ep-design-top__stat:first-child .ep-design-top__stat-copy span{height:12px!important;font-size:11px!important;line-height:12px!important}
  .ep-design-top__preview-item{left:50%!important}
  .ep-design-top__categories--wide .ep-design-top__category{height:min(var(--ep-design-top-cat-h,108px),86px)!important}
}


/* v0.5.51.28 — responsive category copy, optional right actions, stronger notice typography and dark quick-link tones. */
/* Category descriptions adapt to the actual card width instead of a fixed character count. */
.ep-design-top__categories--wide .ep-design-top__category small{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.ep-design-top__categories--square .ep-design-top__category small{
  display:-webkit-box!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  white-space:normal!important;
  text-overflow:ellipsis!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  line-clamp:2!important;
}

/* Notice uses the global font selected under 字体 / 样式 and carries more visual weight. */
.ep-design-top__notice,
.ep-design-top__notice-copy,
.ep-design-top__notice-meta,
.ep-design-top__quick{
  font-family:var(--ep-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif)!important;
}
.ep-design-top__notice-copy{font-size:13px!important;font-weight:700!important;line-height:1.45!important}
.ep-design-top__notice-copy strong{font-size:13px!important;font-weight:900!important}
.ep-design-top__notice-copy span{font-weight:720!important}
.ep-design-top__notice-meta{font-size:11px!important;font-weight:650!important}
.ep-design-top__quick{font-size:11.5px!important;font-weight:800!important}

/* In dark mode each shortcut preserves its own semantic accent instead of collapsing to one gray style. */
html[data-ep-theme="dark"] .ep-design-top__quick--1{color:#78adff!important;background:rgba(58,126,255,.13)!important;border-color:rgba(93,153,255,.30)!important}
html[data-ep-theme="dark"] .ep-design-top__quick--2{color:#91a4ff!important;background:rgba(84,106,255,.13)!important;border-color:rgba(118,136,255,.29)!important}
html[data-ep-theme="dark"] .ep-design-top__quick--3{color:#f3bd58!important;background:rgba(221,151,42,.12)!important;border-color:rgba(235,174,65,.27)!important}
html[data-ep-theme="dark"] .ep-design-top__quick--4{color:#b796ff!important;background:rgba(136,91,244,.13)!important;border-color:rgba(166,125,255,.29)!important}
html[data-ep-theme="dark"] .ep-design-top__quick--1 i,
html[data-ep-theme="dark"] .ep-design-top__quick--2 i,
html[data-ep-theme="dark"] .ep-design-top__quick--3 i,
html[data-ep-theme="dark"] .ep-design-top__quick--4 i{color:currentColor!important}

@media (max-width:820px){
  .ep-design-top__notice-copy{font-size:12px!important}
  .ep-design-top__notice-copy strong{font-size:12px!important}
  .ep-design-top__quick{font-size:11px!important}
}


/* v0.5.51.31 — platform metrics rebuilt against the supplied reference image.
   The reference uses compact solid blue icons, a two-line copy block, and one
   shared vertical center. Oversized icon boxes / bottom alignment are removed. */
.ep-design-top__stats{
  display:grid!important;
  grid-template-columns:repeat(4,max-content)!important;
  justify-content:start!important;
  align-items:center!important;
  column-gap:30px!important;
  row-gap:10px!important;
  width:auto!important;
  max-width:100%!important;
  margin-top:17px!important;
}
.ep-design-top__stat{
  display:grid!important;
  grid-template-columns:32px max-content!important;
  align-items:center!important;
  justify-content:start!important;
  column-gap:8px!important;
  min-width:0!important;
  min-height:38px!important;
  padding:0!important;
  margin:0!important;
}
.ep-design-top__stat>i{
  width:32px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  align-self:center!important;
  justify-self:center!important;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
  color:#4388f6!important;
  filter:none!important;
  transform:none!important;
}
.ep-design-top__stat>i svg{
  display:block!important;
  width:25px!important;
  height:25px!important;
  margin:0!important;
  fill:currentColor!important;
  stroke:none!important;
  transform:none!important;
}
.ep-design-top__stat:first-child>i svg{
  width:29px!important;
  height:29px!important;
  transform:none!important;
}
.ep-design-top__stat-copy,
.ep-design-top__stat>div{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  align-self:center!important;
  width:auto!important;
  height:auto!important;
  min-height:34px!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
}
.ep-design-top__stat-copy strong,
.ep-design-top__stat strong,
.ep-design-top__stat:first-child strong{
  display:block!important;
  height:auto!important;
  margin:0!important;
  color:#173f86!important;
  font-size:16px!important;
  font-weight:900!important;
  line-height:17px!important;
  white-space:nowrap!important;
}
.ep-design-top__stat-copy span,
.ep-design-top__stat span,
.ep-design-top__stat:first-child span{
  display:block!important;
  height:auto!important;
  margin:3px 0 0!important;
  color:#75839c!important;
  font-size:10.5px!important;
  font-weight:650!important;
  line-height:12px!important;
  white-space:nowrap!important;
}
html[data-ep-theme="dark"] .ep-design-top__stat>i{color:#6fa8ff!important}
html[data-ep-theme="dark"] .ep-design-top__stat-copy strong,
html[data-ep-theme="dark"] .ep-design-top__stat strong{color:#e6edff!important}
html[data-ep-theme="dark"] .ep-design-top__stat-copy span,
html[data-ep-theme="dark"] .ep-design-top__stat span{color:#9ba9c0!important}

@media (max-width:1180px){
  .ep-design-top__stats{column-gap:18px!important}
  .ep-design-top__stat{grid-template-columns:28px max-content!important;column-gap:7px!important;min-height:34px!important}
  .ep-design-top__stat>i{width:28px!important;height:30px!important}
  .ep-design-top__stat>i svg{width:22px!important;height:22px!important}
  .ep-design-top__stat:first-child>i svg{width:26px!important;height:26px!important}
  .ep-design-top__stat-copy,.ep-design-top__stat>div{min-height:30px!important}
  .ep-design-top__stat-copy strong,.ep-design-top__stat strong,.ep-design-top__stat:first-child strong{font-size:14.5px!important;line-height:16px!important}
  .ep-design-top__stat-copy span,.ep-design-top__stat span,.ep-design-top__stat:first-child span{font-size:9.8px!important;line-height:11px!important;margin-top:2px!important}
}
@media (max-width:820px){
  .ep-design-top__stats{grid-template-columns:repeat(2,max-content)!important;column-gap:26px!important;row-gap:10px!important}
  .ep-design-top__stat{grid-template-columns:28px max-content!important}
}


/* v0.5.51.32 — enlarge the four platform metrics while preserving the
   reference image's compact icon + two-line information relationship. */
.ep-design-top__stats{
  column-gap:24px!important;
  row-gap:12px!important;
  margin-top:18px!important;
}
.ep-design-top__stat{
  grid-template-columns:42px max-content!important;
  column-gap:10px!important;
  min-height:48px!important;
}
.ep-design-top__stat>i{
  width:42px!important;
  height:44px!important;
}
.ep-design-top__stat>i svg{
  width:35px!important;
  height:35px!important;
}
.ep-design-top__stat:first-child>i svg{
  width:42px!important;
  height:42px!important;
}
.ep-design-top__stat-copy,
.ep-design-top__stat>div{
  min-height:42px!important;
}
.ep-design-top__stat-copy strong,
.ep-design-top__stat strong,
.ep-design-top__stat:first-child strong{
  font-size:20px!important;
  line-height:21px!important;
  letter-spacing:-.02em!important;
}
.ep-design-top__stat-copy span,
.ep-design-top__stat span,
.ep-design-top__stat:first-child span{
  margin-top:4px!important;
  font-size:12.3px!important;
  line-height:14px!important;
  font-weight:700!important;
}
@media (max-width:1180px){
  .ep-design-top__stats{column-gap:16px!important}
  .ep-design-top__stat{grid-template-columns:36px max-content!important;column-gap:8px!important;min-height:42px!important}
  .ep-design-top__stat>i{width:36px!important;height:39px!important}
  .ep-design-top__stat>i svg{width:31px!important;height:31px!important}
  .ep-design-top__stat:first-child>i svg{width:36px!important;height:36px!important}
  .ep-design-top__stat-copy,.ep-design-top__stat>div{min-height:37px!important}
  .ep-design-top__stat-copy strong,.ep-design-top__stat strong,.ep-design-top__stat:first-child strong{font-size:17.5px!important;line-height:19px!important}
  .ep-design-top__stat-copy span,.ep-design-top__stat span,.ep-design-top__stat:first-child span{font-size:10.8px!important;line-height:12px!important;margin-top:3px!important}
}
@media (max-width:820px){
  .ep-design-top__stats{column-gap:22px!important;row-gap:12px!important}
  .ep-design-top__stat{grid-template-columns:34px max-content!important;column-gap:8px!important}
  .ep-design-top__stat>i{width:34px!important;height:36px!important}
  .ep-design-top__stat>i svg{width:29px!important;height:29px!important}
  .ep-design-top__stat:first-child>i svg{width:34px!important;height:34px!important}
}


/* v0.5.51.55 — targeted reference restoration from v0.5.51.50 baseline. */
.ep-design-top__copy>p{margin-top:11px!important;color:#7f8da2!important;font-size:13.2px!important;font-weight:520!important;line-height:1.66!important;letter-spacing:0!important}
.ep-design-top__keywords{gap:5px 14px!important;margin-top:9px!important;color:#95a2b5!important;font-size:11.6px!important;font-weight:520!important;line-height:1.48!important}
.ep-design-top__keywords strong{color:#8695aa!important;font-size:11.6px!important;font-weight:720!important}
.ep-design-top__keywords a{color:#97a4b6!important;font-size:11.6px!important;font-weight:540!important}.ep-design-top__keywords a:hover{color:#5b84ec!important}
.ep-design-top__notice-wrap{padding:5px 0 6px!important;background:transparent!important;border:0!important;box-shadow:none!important}
.ep-design-top__notice-wrap:before,.ep-design-top__notice-wrap:after,.ep-design-top__notice:before,.ep-design-top__notice:after{display:none!important;content:none!important}
.ep-design-top__notice{width:min(var(--ep-design-top-max,1380px),calc(100% - 40px))!important;height:auto!important;min-height:42px!important;margin:0 auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.ep-design-top__notice-main{min-width:0!important;min-height:38px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;padding:0 12px!important;border:1px solid #e7edf7!important;border-radius:7px!important;background:linear-gradient(90deg,#f7faff 0%,#f5f8ff 100%)!important}
.ep-design-top__notice-copy{display:flex!important;align-items:center!important;min-width:0!important;color:#8998ad!important;font-size:11px!important;font-weight:520!important;line-height:1.4!important}
.ep-design-top__notice-copy>i{flex:0 0 28px!important;width:28px!important;height:28px!important;margin-right:8px!important;display:grid!important;place-items:center!important;border-radius:6px!important;background:transparent!important;color:#3d7df3!important}
.ep-design-top__notice-copy>i svg{width:24px!important;height:24px!important;display:block!important;fill:currentColor!important;stroke:none!important}
.ep-design-top__notice-copy strong{flex:0 0 auto!important;margin-right:4px!important;color:#263b60!important;font-size:12.2px!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important}
.ep-design-top__notice-copy span{min-width:0!important;overflow:hidden!important;color:#93a0b3!important;font-size:10.8px!important;font-weight:500!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.ep-design-top__notice-meta{display:flex!important;align-items:center!important;gap:15px!important;color:#9eaabd!important;font-size:9.8px!important;font-weight:520!important;white-space:nowrap!important}.ep-design-top__notice-meta a{color:#7d8ca2!important;font-weight:600!important}
.ep-design-top__quick-links{display:flex!important;align-items:center!important;gap:7px!important}
.ep-design-top__quick{height:38px!important;display:inline-flex!important;align-items:center!important;gap:7px!important;padding:0 12px!important;border:1px solid #e2e9f4!important;border-radius:7px!important;background:rgba(255,255,255,.72)!important;box-shadow:none!important;color:#53637d!important;font-size:10.8px!important;font-weight:780!important;line-height:1!important}
.ep-design-top__quick i{width:22px!important;height:22px!important;display:grid!important;place-items:center!important;border-radius:0!important;background:transparent!important}
.ep-design-top__quick i svg{width:20px!important;height:20px!important;display:block!important;fill:currentColor!important;stroke:none!important}
.ep-design-top__quick--1{color:#4285f4!important}.ep-design-top__quick--2{color:#507cf5!important}.ep-design-top__quick--3{color:#eaa12e!important}.ep-design-top__quick--4{color:#8759ee!important}
.ep-design-top__quick b{color:#34435f!important;font-weight:800!important}.ep-design-top__quick[href]:hover{transform:none!important;background:#fff!important;border-color:#d7e2f1!important}
html[data-ep-theme="dark"] .ep-design-top__notice-wrap{background:transparent!important;border:0!important}html[data-ep-theme="dark"] .ep-design-top__notice-main{background:color-mix(in srgb,var(--ep-card) 94%,transparent)!important;border-color:var(--ep-line)!important}html[data-ep-theme="dark"] .ep-design-top__notice-copy span{color:#9aa8bb!important}html[data-ep-theme="dark"] .ep-design-top__quick{background:color-mix(in srgb,var(--ep-card) 94%,transparent)!important;border-color:var(--ep-line)!important}
@media (max-width:1180px){.ep-design-top__notice{grid-template-columns:1fr!important}.ep-design-top__quick-links{overflow-x:auto!important;scrollbar-width:none!important}.ep-design-top__quick-links::-webkit-scrollbar{display:none!important}}
@media (max-width:820px){.ep-design-top__notice-main{grid-template-columns:minmax(0,1fr)!important;padding:6px 10px!important}.ep-design-top__notice-meta{display:none!important}.ep-design-top__quick{height:34px!important;font-size:10.3px!important}}
@media (max-width:520px){.ep-design-top__copy>p{font-size:12.3px!important}.ep-design-top__keywords,.ep-design-top__keywords strong,.ep-design-top__keywords a{font-size:10.6px!important}}


/* v0.5.51.56 — proportion / typography calibration on top of v0.5.51.55. */
@media (min-width:1181px){
  .ep-design-top__hero{grid-template-columns:minmax(0,43%) minmax(0,57%)!important}
}

/* Keep the configured font from 字体 / 样式; create hierarchy with color/weight,
   not by shrinking the supporting text. */
.ep-design-top__copy>p,
.ep-design-top__keywords,
.ep-design-top__keywords strong,
.ep-design-top__keywords a,
.ep-design-top__category strong,
.ep-design-top__category small{
  font-family:var(--ep-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif)!important;
}
.ep-design-top__copy h1{
  font-size:clamp(40px,3.16vw,51px)!important;
}
.ep-design-top__copy>p{
  max-width:590px!important;
  margin-top:12px!important;
  color:#7f8da3!important;
  font-size:14.5px!important;
  font-weight:520!important;
  line-height:1.65!important;
}
.ep-design-top__keywords{
  gap:5px 15px!important;
  margin-top:10px!important;
  color:#929fb2!important;
  font-size:13px!important;
  font-weight:520!important;
  line-height:1.5!important;
}
.ep-design-top__keywords strong{
  color:#8291a7!important;
  font-size:13px!important;
  font-weight:720!important;
}
.ep-design-top__keywords a{
  color:#95a2b4!important;
  font-size:13px!important;
  font-weight:540!important;
}

/* Search becomes longer and slimmer, matching the reference proportion. */
.ep-design-top__search{
  grid-template-columns:36px minmax(0,1fr) 60px!important;
  width:min(100%,640px)!important;
  height:52px!important;
  margin-top:17px!important;
  border-radius:27px!important;
}
.ep-design-top__search>i{margin-left:16px!important}
.ep-design-top__search input{
  height:50px!important;
  font-size:14.5px!important;
  font-family:var(--ep-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif)!important;
}
.ep-design-top__search button{
  width:60px!important;
  height:52px!important;
  border-radius:0 27px 27px 0!important;
}

/* Larger horn while keeping the notice itself light. */
.ep-design-top__notice-copy>i{
  flex-basis:34px!important;
  width:34px!important;
  height:34px!important;
  margin-right:7px!important;
}
.ep-design-top__notice-copy>i svg{
  width:29px!important;
  height:29px!important;
}

/* The four shortcut pills were too long: reduce horizontal padding and allow
   more of the reference background to show through. */
.ep-design-top__quick-links{gap:6px!important}
.ep-design-top__quick{
  height:36px!important;
  gap:6px!important;
  padding:0 8px!important;
  border-color:rgba(218,227,240,.76)!important;
  background:rgba(255,255,255,.56)!important;
  backdrop-filter:blur(6px)!important;
  -webkit-backdrop-filter:blur(6px)!important;
  font-size:10.6px!important;
}
.ep-design-top__quick i{width:20px!important;height:20px!important}
.ep-design-top__quick i svg{width:18px!important;height:18px!important}

/* Categories sit closer to the notice, lose the outline, and become flatter. */
.ep-design-top__categories-wrap{
  margin-top:-2px!important;
  padding-top:0!important;
  background:transparent!important;
  border:0!important;
}
.ep-design-top__categories{
  padding:3px 0 8px!important;
  gap:8px!important;
}
.ep-design-top__category{
  border:0!important;
  box-shadow:none!important;
}
.ep-design-top__category:hover{
  border:0!important;
  box-shadow:none!important;
}
.ep-design-top__categories--wide .ep-design-top__category{
  height:min(var(--ep-design-top-cat-h,108px),78px)!important;
  grid-template-columns:54px minmax(0,1fr)!important;
  gap:10px!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:9px!important;
}
.ep-design-top__categories--wide .ep-design-top__category-icon{
  width:50px!important;
  height:50px!important;
}
.ep-design-top__categories--wide .ep-design-top__category-icon svg,
.ep-design-top__categories--wide .ep-design-top__category-icon img{
  width:45px!important;
  height:45px!important;
}
.ep-design-top__categories--wide .ep-design-top__category strong{
  font-size:15px!important;
  font-weight:850!important;
  line-height:1.15!important;
}
.ep-design-top__categories--wide .ep-design-top__category small{
  margin-top:4px!important;
  color:var(--ep-muted,#7f8a9c)!important;
  font-size:11.5px!important;
  font-weight:520!important;
  line-height:1.25!important;
}

html[data-ep-theme="dark"] .ep-design-top__categories-wrap{background:transparent!important;border:0!important}
html[data-ep-theme="dark"] .ep-design-top__category{border:0!important}
html[data-ep-theme="dark"] .ep-design-top__quick{background:rgba(21,31,48,.58)!important}

@media (max-width:1180px){
  .ep-design-top__copy>p{font-size:14px!important}
  .ep-design-top__keywords,.ep-design-top__keywords strong,.ep-design-top__keywords a{font-size:12.5px!important}
  .ep-design-top__categories--wide .ep-design-top__category{height:min(var(--ep-design-top-cat-h,108px),76px)!important}
}
@media (max-width:820px){
  .ep-design-top__copy h1{font-size:clamp(36px,7.4vw,47px)!important}
  .ep-design-top__copy>p{font-size:13.5px!important}
  .ep-design-top__keywords,.ep-design-top__keywords strong,.ep-design-top__keywords a{font-size:12px!important}
  .ep-design-top__search{width:100%!important;height:50px!important}
  .ep-design-top__search input{height:48px!important;font-size:13.5px!important}
  .ep-design-top__search button{height:50px!important}
  .ep-design-top__categories--wide .ep-design-top__category{height:min(var(--ep-design-top-cat-h,108px),72px)!important;grid-template-columns:48px minmax(0,1fr)!important}
  .ep-design-top__categories--wide .ep-design-top__category-icon{width:44px!important;height:44px!important}
  .ep-design-top__categories--wide .ep-design-top__category-icon svg,.ep-design-top__categories--wide .ep-design-top__category-icon img{width:40px!important;height:40px!important}
}
@media (max-width:520px){
  .ep-design-top__copy>p{font-size:13px!important}
  .ep-design-top__keywords,.ep-design-top__keywords strong,.ep-design-top__keywords a{font-size:11.5px!important}
}


/* v0.5.51.57 — proportion refinement for supporting text, notice, shortcuts and categories. */
.ep-design-top__copy>p{
  font-size:15px!important;
  font-weight:600!important;
  line-height:1.68!important;
  color:#7d8ca1!important;
}
.ep-design-top__keywords{
  margin-top:11px!important;
  font-size:13.6px!important;
  font-weight:580!important;
  line-height:1.55!important;
  color:#919db0!important;
}
.ep-design-top__keywords strong{
  font-size:13.6px!important;
  font-weight:790!important;
  color:#8390a4!important;
}
.ep-design-top__keywords a{
  font-size:13.6px!important;
  font-weight:580!important;
  color:#96a2b4!important;
}

.ep-design-top__categories-wrap{margin-top:-1px!important}
.ep-design-top__categories{padding:5px 0 10px!important;gap:9px!important}
.ep-design-top__categories--wide .ep-design-top__category{
  height:min(var(--ep-design-top-cat-h,108px),84px)!important;
  grid-template-columns:56px minmax(0,1fr)!important;
  gap:11px!important;
  padding:0 13px!important;
  border-radius:10px!important;
}
.ep-design-top__categories--wide .ep-design-top__category strong{
  font-size:15px!important;
  font-weight:860!important;
}
.ep-design-top__categories--wide .ep-design-top__category small{
  margin-top:5px!important;
  font-family:var(--ep-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif)!important;
  font-size:12px!important;
  font-weight:560!important;
  line-height:1.28!important;
  color:var(--ep-muted,#7e899c)!important;
}

.ep-design-top__notice-main{
  min-height:42px!important;
  padding:0 13px!important;
}
.ep-design-top__notice-copy{
  font-size:12.2px!important;
  font-weight:650!important;
  color:#7f8da1!important;
}
.ep-design-top__notice-copy>i{
  flex-basis:37px!important;
  width:37px!important;
  height:37px!important;
  margin-right:9px!important;
}
.ep-design-top__notice-copy>i svg{
  width:31px!important;
  height:31px!important;
}
.ep-design-top__notice-copy strong{
  font-size:13.6px!important;
  font-weight:950!important;
  color:#233a63!important;
}
.ep-design-top__notice-copy span{
  font-size:11.9px!important;
  font-weight:620!important;
  color:#8f9db1!important;
}
.ep-design-top__notice-meta{
  font-size:10.6px!important;
  font-weight:620!important;
}

.ep-design-top__quick-links{gap:8px!important}
.ep-design-top__quick{
  height:39px!important;
  gap:7px!important;
  padding:0 10px!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.60)!important;
  font-size:11.2px!important;
  font-weight:800!important;
}
.ep-design-top__quick i{width:21px!important;height:21px!important}
.ep-design-top__quick i svg{width:19px!important;height:19px!important}
.ep-design-top__quick b{
  font-size:11.2px!important;
  font-weight:830!important;
}
.ep-design-top__quick--1 b{color:#3b83f0!important}
.ep-design-top__quick--2 b{color:#5b73f0!important}
.ep-design-top__quick--3 b{color:#e39a26!important}
.ep-design-top__quick--4 b{color:#865cf0!important}

@media (max-width:1180px){
  .ep-design-top__copy>p{font-size:14.5px!important}
  .ep-design-top__keywords,.ep-design-top__keywords strong,.ep-design-top__keywords a{font-size:13px!important}
  .ep-design-top__categories--wide .ep-design-top__category{height:min(var(--ep-design-top-cat-h,108px),82px)!important}
}
@media (max-width:820px){
  .ep-design-top__copy>p{font-size:14px!important}
  .ep-design-top__keywords,.ep-design-top__keywords strong,.ep-design-top__keywords a{font-size:12.4px!important}
  .ep-design-top__notice-copy{font-size:11.7px!important}
  .ep-design-top__notice-copy strong{font-size:13px!important}
  .ep-design-top__notice-copy span{font-size:11.4px!important}
  .ep-design-top__quick{height:36px!important;font-size:10.8px!important}
  .ep-design-top__quick b{font-size:10.8px!important}
  .ep-design-top__categories--wide .ep-design-top__category{height:min(var(--ep-design-top-cat-h,108px),78px)!important}
}
@media (max-width:520px){
  .ep-design-top__copy>p{font-size:13.2px!important}
  .ep-design-top__keywords,.ep-design-top__keywords strong,.ep-design-top__keywords a{font-size:11.6px!important}
}


/* v0.5.51.58 — notice width, stronger hot-search text and enlarged metric icons. */
.ep-design-top__keywords,
.ep-design-top__keywords a{
  font-weight:650!important;
}
.ep-design-top__keywords strong{
  font-weight:850!important;
}

/* Desktop reference: the notice occupies only the left portion; four actions
   sit independently on the right instead of the notice stretching underneath. */
@media (min-width:1181px){
  .ep-design-top__notice{
    grid-template-columns:minmax(0,60%) auto!important;
    justify-content:space-between!important;
    gap:14px!important;
  }
  .ep-design-top__notice-main{
    width:100%!important;
    max-width:790px!important;
    justify-self:start!important;
  }
}

/* The four statistic icons were still visually too timid. Enlarge the glyphs
   aggressively while keeping all number values at exactly the same size. */
.ep-design-top__stats{
  width:min(100%,650px)!important;
  column-gap:12px!important;
}
.ep-design-top__stat{
  grid-template-columns:64px max-content!important;
  column-gap:6px!important;
  min-height:66px!important;
}
.ep-design-top__stat>i{
  width:64px!important;
  height:64px!important;
  display:grid!important;
  place-items:center!important;
}
.ep-design-top__stat>i svg,
.ep-design-top__stat:first-child>i svg{
  width:58px!important;
  height:58px!important;
  display:block!important;
}
.ep-design-top__stat-copy,
.ep-design-top__stat>div{
  min-height:54px!important;
}
.ep-design-top__stat-copy strong,
.ep-design-top__stat strong,
.ep-design-top__stat:first-child strong{
  font-size:18.5px!important;
  line-height:20px!important;
  font-weight:920!important;
}
.ep-design-top__stat-copy span,
.ep-design-top__stat span,
.ep-design-top__stat:first-child span{
  margin-top:4px!important;
  font-size:11.6px!important;
  line-height:13px!important;
  font-weight:690!important;
}

@media (max-width:1180px){
  .ep-design-top__stat{grid-template-columns:52px max-content!important;column-gap:6px!important;min-height:56px!important}
  .ep-design-top__stat>i{width:52px!important;height:52px!important}
  .ep-design-top__stat>i svg,.ep-design-top__stat:first-child>i svg{width:46px!important;height:46px!important}
  .ep-design-top__stat-copy strong,.ep-design-top__stat strong,.ep-design-top__stat:first-child strong{font-size:17.5px!important;line-height:19px!important}
}
@media (max-width:820px){
  .ep-design-top__stat{grid-template-columns:45px max-content!important;min-height:48px!important}
  .ep-design-top__stat>i{width:45px!important;height:45px!important}
  .ep-design-top__stat>i svg,.ep-design-top__stat:first-child>i svg{width:39px!important;height:39px!important}
  .ep-design-top__stat-copy strong,.ep-design-top__stat strong,.ep-design-top__stat:first-child strong{font-size:16px!important;line-height:18px!important}
}


/* v0.5.51.60 — notice shortcuts recalibrated to the reference row. */
.ep-design-top__quick-links{gap:8px!important}
.ep-design-top__quick{box-sizing:border-box!important;min-width:112px!important;height:42px!important;justify-content:center!important;gap:8px!important;padding:0 12px!important;border:1px solid color-mix(in srgb,var(--ep-line) 90%,transparent)!important;border-radius:9px!important;background:color-mix(in srgb,var(--ep-card) 78%,transparent)!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important}
.ep-design-top__quick i{width:24px!important;height:24px!important}.ep-design-top__quick i svg{width:21px!important;height:21px!important}
.ep-design-top__quick b{font-size:11.6px!important;font-weight:850!important}.ep-design-top__quick--1 b{color:#405574!important}.ep-design-top__quick--2 b{color:#5a61d5!important}.ep-design-top__quick--3 b{color:#d68e1e!important}.ep-design-top__quick--4 b{color:#7c50e2!important}
@media (max-width:1180px){.ep-design-top__quick{min-width:106px!important}}@media (max-width:820px){.ep-design-top__quick{min-width:102px!important;height:38px!important}}


/* v0.5.51.62 — notice and shortcut row restored as one connected strip. */
@media (min-width:1181px){
  .ep-design-top__notice{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:0!important;
    align-items:stretch!important;
  }
  .ep-design-top__notice-main{
    width:auto!important;
    max-width:none!important;
    min-height:42px!important;
    border-radius:8px 0 0 8px!important;
    border-right:0!important;
    background:linear-gradient(90deg,#f7faff 0%,#f8faff 100%)!important;
  }
  .ep-design-top__quick-links{
    gap:0!important;
    align-items:stretch!important;
  }
  .ep-design-top__quick{
    height:auto!important;
    min-height:42px!important;
    margin:0!important;
    border-radius:0!important;
    border-left:0!important;
    background:rgba(255,255,255,.72)!important;
  }
  .ep-design-top__quick:last-child{border-radius:0 8px 8px 0!important}
}


/* v0.5.51.63 — reference row, resource-category and hero-action proportion pass. */
/* Notice + four shortcuts: visually continuous row, while every shortcut keeps
   its own rounded, faintly tinted card exactly like the reference artwork. */
@media (min-width:1181px){
  .ep-design-top__notice{
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
  }
  .ep-design-top__notice-main{
    width:auto!important;
    max-width:none!important;
    min-height:42px!important;
    border:1px solid color-mix(in srgb,var(--ep-line) 88%,transparent)!important;
    border-radius:8px!important;
    background:linear-gradient(90deg,rgba(244,248,255,.92),rgba(248,250,255,.84))!important;
  }
  .ep-design-top__quick-links{
    gap:8px!important;
    align-items:center!important;
  }
  .ep-design-top__quick{
    box-sizing:border-box!important;
    min-width:108px!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
    justify-content:center!important;
    gap:8px!important;
    padding:0 11px!important;
    border:1px solid color-mix(in srgb,var(--ep-line) 86%,transparent)!important;
    border-radius:8px!important;
    backdrop-filter:blur(7px)!important;
    -webkit-backdrop-filter:blur(7px)!important;
  }
}
.ep-design-top__quick{box-shadow:0 2px 8px rgba(45,68,105,.025)!important}
.ep-design-top__quick--1{background:color-mix(in srgb,#eaf4ff 56%,rgba(255,255,255,.70))!important}
.ep-design-top__quick--2{background:color-mix(in srgb,#eef1ff 56%,rgba(255,255,255,.70))!important}
.ep-design-top__quick--3{background:color-mix(in srgb,#fff6e6 58%,rgba(255,255,255,.70))!important}
.ep-design-top__quick--4{background:color-mix(in srgb,#f4efff 58%,rgba(255,255,255,.70))!important}
.ep-design-top__quick i{width:27px!important;height:27px!important;flex:0 0 27px!important}
.ep-design-top__quick i svg{width:24px!important;height:24px!important}
.ep-design-top__quick b{font-size:11.6px!important;font-weight:850!important}
.ep-design-top__quick--1 b{color:#3f78c8!important}
.ep-design-top__quick--2 b{color:#5e64cf!important}
.ep-design-top__quick--3 b{color:#d99120!important}
.ep-design-top__quick--4 b{color:#7e55d8!important}

/* Independent Resource Categories module: a touch taller, with genuinely square
   larger icon art. Description follows the global/card typography tokens. */
.ep-resource-categories .ep-design-top__categories-wrap{margin:0!important;padding:0!important;background:transparent!important;border:0!important}
.ep-resource-categories .ep-design-top__categories{padding:7px 0 12px!important;gap:9px!important}
.ep-resource-categories .ep-design-top__categories--wide .ep-design-top__category{
  height:max(90px,var(--ep-design-top-cat-h,90px))!important;
  grid-template-columns:62px minmax(0,1fr)!important;
  gap:12px!important;
  padding:0 14px!important;
  border:0!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
.ep-resource-categories .ep-design-top__categories--wide .ep-design-top__category-icon{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  max-width:58px!important;
  max-height:58px!important;
  display:grid!important;
  place-items:center!important;
  aspect-ratio:1/1!important;
}
.ep-resource-categories .ep-design-top__categories--wide .ep-design-top__category-icon svg,
.ep-resource-categories .ep-design-top__categories--wide .ep-design-top__category-icon img{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  min-height:54px!important;
  max-width:54px!important;
  max-height:54px!important;
  object-fit:contain!important;
  object-position:center!important;
}
.ep-resource-categories .ep-design-top__category strong{
  font-family:var(--ep-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif)!important;
}
.ep-resource-categories .ep-design-top__category small{
  margin-top:5px!important;
  font-family:var(--ep-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif)!important;
  font-size:var(--ep-ui-card-copy-size,10.5px)!important;
  font-weight:var(--ep-ui-card-copy-weight,560)!important;
  line-height:1.35!important;
  color:var(--ep-muted,#7f8a9c)!important;
}

/* Hero preview's four floating entries: narrower horizontally and a little more
   transparent so they sit on the artwork instead of looking like heavy cards. */
@media (min-width:1181px){
  .ep-design-top__actions{width:190px!important;gap:9px!important}
  .ep-design-top__action{
    grid-template-columns:48px minmax(0,1fr)!important;
    gap:9px!important;
    padding:8px 9px!important;
    border-color:rgba(211,222,238,.70)!important;
    background:rgba(255,255,255,.76)!important;
    box-shadow:0 5px 14px rgba(45,67,106,.035)!important;
    backdrop-filter:blur(9px)!important;
    -webkit-backdrop-filter:blur(9px)!important;
  }
  .ep-design-top__action[href]:hover{background:rgba(255,255,255,.88)!important}
}
html[data-ep-theme="dark"] .ep-design-top__quick--1,
html[data-ep-theme="dark"] .ep-design-top__quick--2,
html[data-ep-theme="dark"] .ep-design-top__quick--3,
html[data-ep-theme="dark"] .ep-design-top__quick--4{background:color-mix(in srgb,var(--ep-card) 76%,transparent)!important;border-color:var(--ep-line)!important}
html[data-ep-theme="dark"] .ep-design-top__action{background:rgba(21,31,48,.68)!important;border-color:rgba(116,139,177,.18)!important}

@media (max-width:1180px){
  .ep-resource-categories .ep-design-top__categories--wide .ep-design-top__category{height:max(86px,var(--ep-design-top-cat-h,90px))!important;grid-template-columns:56px minmax(0,1fr)!important}
  .ep-resource-categories .ep-design-top__categories--wide .ep-design-top__category-icon{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;max-width:52px!important;max-height:52px!important}
  .ep-resource-categories .ep-design-top__categories--wide .ep-design-top__category-icon svg,.ep-resource-categories .ep-design-top__categories--wide .ep-design-top__category-icon img{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;max-width:48px!important;max-height:48px!important}
}
@media (max-width:820px){
  .ep-resource-categories .ep-design-top__categories--wide .ep-design-top__category{height:max(80px,var(--ep-design-top-cat-h,90px))!important}
}


/* v0.5.51.66 — restore clean resource-category cards; only enlarge and unify the icon art. */
/* Keep the category palette fix from v0.5.51.65, but return the module itself
   to the original flat visual language: no icon chip and no left/right gradient. */
.ep-resource-categories .ep-design-top__category{
  background:var(--ep-dt-cat-soft)!important;
  border:0!important;
  box-shadow:none!important;
}
.ep-resource-categories .ep-design-top__category:hover{
  background:var(--ep-dt-cat-soft)!important;
  border:0!important;
  box-shadow:none!important;
}

/* The icon is the visual itself — no rounded square behind it. The outer box
   only reserves an equal square footprint so every category aligns cleanly. */
.ep-resource-categories .ep-design-top__category-icon,
.ep-resource-categories .ep-design-top__category-icon.is-image{
  box-sizing:border-box!important;
  width:62px!important;
  height:62px!important;
  min-width:62px!important;
  min-height:62px!important;
  max-width:62px!important;
  max-height:62px!important;
  display:grid!important;
  place-items:center!important;
  aspect-ratio:1/1!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--ep-dt-cat)!important;
  box-shadow:none!important;
  filter:none!important;
  overflow:visible!important;
}
.ep-resource-categories .ep-design-top__category-icon svg,
.ep-resource-categories .ep-design-top__category-icon img,
.ep-resource-categories .ep-design-top__category-icon.is-image img{
  box-sizing:border-box!important;
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  min-height:56px!important;
  max-width:56px!important;
  max-height:56px!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  transform:none!important;
  filter:none!important;
}

/* Wider icon column only; card height, typography and spacing stay on the
   established v0.5.51.63 proportions. */
.ep-resource-categories .ep-design-top__categories--wide .ep-design-top__category{
  grid-template-columns:66px minmax(0,1fr)!important;
  gap:12px!important;
}
.ep-resource-categories .ep-design-top__categories--square .ep-design-top__category-icon,
.ep-resource-categories .ep-design-top__categories--square .ep-design-top__category-icon.is-image{
  width:62px!important;
  height:62px!important;
  min-width:62px!important;
  min-height:62px!important;
  max-width:62px!important;
  max-height:62px!important;
  border-radius:0!important;
  background:transparent!important;
}
.ep-resource-categories .ep-design-top__categories--square .ep-design-top__category-icon svg,
.ep-resource-categories .ep-design-top__categories--square .ep-design-top__category-icon img{
  width:56px!important;
  height:56px!important;
}

html[data-ep-theme="dark"] .ep-resource-categories .ep-design-top__category{
  background:color-mix(in srgb,var(--ep-dt-cat) 9%,var(--ep-card))!important;
}

@media (max-width:1180px){
  .ep-resource-categories .ep-design-top__category-icon,
  .ep-resource-categories .ep-design-top__category-icon.is-image{width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;max-width:56px!important;max-height:56px!important}
  .ep-resource-categories .ep-design-top__category-icon svg,
  .ep-resource-categories .ep-design-top__category-icon img{width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;max-width:50px!important;max-height:50px!important}
  .ep-resource-categories .ep-design-top__categories--wide .ep-design-top__category{grid-template-columns:60px minmax(0,1fr)!important}
}
@media (max-width:820px){
  .ep-resource-categories .ep-design-top__category-icon,
  .ep-resource-categories .ep-design-top__category-icon.is-image{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;max-width:52px!important;max-height:52px!important}
  .ep-resource-categories .ep-design-top__category-icon svg,
  .ep-resource-categories .ep-design-top__category-icon img{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;max-width:46px!important;max-height:46px!important}
  .ep-resource-categories .ep-design-top__categories--wide .ep-design-top__category{grid-template-columns:56px minmax(0,1fr)!important}
}

@media (min-width:1181px){
  .ep-design-top__notice{grid-template-columns:minmax(0,1fr) auto!important;gap:3px!important}
  .ep-design-top__notice-main{width:100%!important;max-width:none!important;min-width:0!important;justify-self:stretch!important}
  .ep-design-top__notice-copy{min-width:0!important}
  .ep-design-top__notice-copy span{flex:1 1 auto!important;min-width:0!important}
  .ep-design-top__quick-links{gap:3px!important;flex:0 0 auto!important}
  .ep-design-top__quick{min-width:104px!important;padding-inline:10px!important}
}
@media (max-width:1180px){
  .ep-resource-categories .ep-design-top__categories--wide .ep-design-top__category-icon{width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;max-width:54px!important;max-height:54px!important}
  .ep-resource-categories .ep-design-top__categories--wide .ep-design-top__category-icon svg,
  .ep-resource-categories .ep-design-top__categories--wide .ep-design-top__category-icon img{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important}
}

/* v0.5.51.93 — soften the white-theme hero typography without weakening hierarchy. */
html[data-ep-theme="light"] .ep-design-top__copy h1{color:#182230!important}
html[data-ep-theme="light"] .ep-design-top__copy>p{color:#667085!important}
html[data-ep-theme="light"] .ep-design-top__keywords{color:#748094!important}
html[data-ep-theme="light"] .ep-design-top__keywords strong{color:#475467!important}
html[data-ep-theme="light"] .ep-design-top__stat strong{color:#253247!important}
html[data-ep-theme="light"] .ep-design-top__stat span{color:#7b8798!important}

/* v0.5.51.103 — full resource-category image is independent from the category icon. */
.ep-resource-categories .ep-design-top__category-icon.is-category-image{
  width:62px!important;
  height:62px!important;
  min-width:62px!important;
  min-height:62px!important;
  max-width:62px!important;
  max-height:62px!important;
  padding:0!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  overflow:hidden!important;
  box-shadow:none!important;
  filter:none!important;
}
.ep-resource-categories .ep-design-top__category-icon.is-category-image img{
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:inherit!important;
  background:transparent!important;
}
.ep-resource-categories .ep-design-top__category.has-category-image{
  grid-template-columns:66px minmax(0,1fr)!important;
}
.ep-resource-categories .ep-design-top__categories--square .ep-design-top__category-icon.is-category-image{
  width:62px!important;
  height:62px!important;
  border-radius:10px!important;
}
@media(max-width:1180px){
  .ep-resource-categories .ep-design-top__category-icon.is-category-image{width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;max-width:56px!important;max-height:56px!important}
  .ep-resource-categories .ep-design-top__category.has-category-image{grid-template-columns:60px minmax(0,1fr)!important}
}
@media(max-width:820px){
  .ep-resource-categories .ep-design-top__category-icon.is-category-image{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;max-width:52px!important;max-height:52px!important;border-radius:9px!important}
  .ep-resource-categories .ep-design-top__category.has-category-image{grid-template-columns:56px minmax(0,1fr)!important}
}


/* v0.5.51.104 — custom category images are complete card artwork.
   When a category has a dedicated image, it replaces the icon/text layout and
   covers the entire category card edge-to-edge. */
.ep-resource-categories .ep-design-top__category.has-category-image{
  position:relative!important;
  display:block!important;
  overflow:hidden!important;
  padding:0!important;
  gap:0!important;
  grid-template-columns:1fr!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  isolation:isolate!important;
}
.ep-resource-categories .ep-design-top__category.has-category-image:hover{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.ep-resource-categories .ep-design-top__category-cover{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:inherit!important;
  background:transparent!important;
}
.ep-resource-categories .ep-design-top__category-cover img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:inherit!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:scale(1.001)!important;
  transition:transform .22s ease!important;
}
.ep-resource-categories .ep-design-top__category.has-category-image:hover .ep-design-top__category-cover img{
  transform:scale(1.025)!important;
}
.ep-resource-categories .ep-design-top__categories--wide .ep-design-top__category.has-category-image{
  height:max(90px,var(--ep-design-top-cat-h,90px))!important;
}
.ep-resource-categories .ep-design-top__categories--square .ep-design-top__category.has-category-image{
  display:block!important;
  padding:0!important;
  gap:0!important;
}
html[data-ep-theme="dark"] .ep-resource-categories .ep-design-top__category.has-category-image{
  background:transparent!important;
}
@media (max-width:1180px){
  .ep-resource-categories .ep-design-top__categories--wide .ep-design-top__category.has-category-image{height:max(86px,var(--ep-design-top-cat-h,90px))!important}
}
@media (max-width:820px){
  .ep-resource-categories .ep-design-top__categories--wide .ep-design-top__category.has-category-image{height:max(80px,var(--ep-design-top-cat-h,90px))!important}
}


/* v0.5.51.106 — Resource Categories image mode controls.
   Category artwork remains edge-to-edge; brightness, blur, title size and copy position are configurable. */
.ep-resource-categories .ep-design-top__category-cover img{
  filter:brightness(var(--ep-rc-image-brightness,100%)) blur(var(--ep-rc-image-blur,0px))!important;
  transform:scale(var(--ep-rc-image-scale,1.001))!important;
  will-change:transform,filter;
}
.ep-resource-categories .ep-design-top__category.has-category-image:hover .ep-design-top__category-cover img{
  transform:scale(var(--ep-rc-image-hover-scale,1.025))!important;
}
.ep-resource-categories .ep-design-top__category-image-copy{
  position:absolute!important;
  inset:auto 0 0 0!important;
  z-index:3!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  gap:3px!important;
  min-height:52%!important;
  padding:18px 14px 11px!important;
  color:#fff!important;
  text-align:left!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(10,18,32,0) 0%,rgba(10,18,32,.16) 28%,rgba(10,18,32,.72) 100%)!important;
}
.ep-resource-categories .ep-design-top__category-image-copy strong{
  display:block!important;
  max-width:100%!important;
  margin:0!important;
  color:#fff!important;
  font-size:var(--ep-rc-image-title-size,15px)!important;
  font-weight:700!important;
  line-height:1.25!important;
  letter-spacing:.01em!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-shadow:0 1px 5px rgba(0,0,0,.24)!important;
}
.ep-resource-categories .ep-design-top__category-image-copy small{
  display:-webkit-box!important;
  max-width:100%!important;
  margin:0!important;
  color:rgba(255,255,255,.84)!important;
  font-size:11.5px!important;
  font-weight:500!important;
  line-height:1.35!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:1!important;
  overflow:hidden!important;
  text-shadow:0 1px 4px rgba(0,0,0,.2)!important;
}
.ep-resource-categories .ep-design-top__category-image-copy:not(.has-title){padding-top:14px!important}
.ep-resource-categories .ep-design-top__category-image-copy:not(.has-title) small{font-size:12px!important}
.ep-resource-categories .ep-design-top__categories--square .ep-design-top__category-image-copy{
  padding:24px 13px 12px!important;
  min-height:48%!important;
}
/* Title / subtitle copy placement. The selected position moves the complete copy cluster so the subtitle remains visually attached to its title. */
.ep-resource-categories .ep-design-top__category-image-copy--top-left{inset:0 0 auto 0!important;justify-content:flex-start!important;align-items:flex-start!important;text-align:left!important;background:linear-gradient(180deg,rgba(10,18,32,.68) 0%,rgba(10,18,32,.14) 72%,rgba(10,18,32,0) 100%)!important}
.ep-resource-categories .ep-design-top__category-image-copy--top-center{inset:0 0 auto 0!important;justify-content:flex-start!important;align-items:center!important;text-align:center!important;background:linear-gradient(180deg,rgba(10,18,32,.68) 0%,rgba(10,18,32,.14) 72%,rgba(10,18,32,0) 100%)!important}
.ep-resource-categories .ep-design-top__category-image-copy--top-right{inset:0 0 auto 0!important;justify-content:flex-start!important;align-items:flex-end!important;text-align:right!important;background:linear-gradient(180deg,rgba(10,18,32,.68) 0%,rgba(10,18,32,.14) 72%,rgba(10,18,32,0) 100%)!important}
.ep-resource-categories .ep-design-top__category-image-copy--center{inset:0!important;min-height:100%!important;justify-content:center!important;align-items:center!important;text-align:center!important;padding:12px 14px!important;background:radial-gradient(circle at center,rgba(10,18,32,.46) 0%,rgba(10,18,32,.16) 45%,rgba(10,18,32,0) 76%)!important}
.ep-resource-categories .ep-design-top__category-image-copy--bottom-left{inset:auto 0 0 0!important;justify-content:flex-end!important;align-items:flex-start!important;text-align:left!important}
.ep-resource-categories .ep-design-top__category-image-copy--bottom-center{inset:auto 0 0 0!important;justify-content:flex-end!important;align-items:center!important;text-align:center!important}
.ep-resource-categories .ep-design-top__category-image-copy--bottom-right{inset:auto 0 0 0!important;justify-content:flex-end!important;align-items:flex-end!important;text-align:right!important}
.ep-resource-categories .ep-design-top__category-image-copy--top-center strong,
.ep-resource-categories .ep-design-top__category-image-copy--top-center small,
.ep-resource-categories .ep-design-top__category-image-copy--center strong,
.ep-resource-categories .ep-design-top__category-image-copy--center small,
.ep-resource-categories .ep-design-top__category-image-copy--bottom-center strong,
.ep-resource-categories .ep-design-top__category-image-copy--bottom-center small{margin-left:auto!important;margin-right:auto!important}
.ep-resource-categories .ep-design-top__category-image-copy--top-right strong,
.ep-resource-categories .ep-design-top__category-image-copy--top-right small,
.ep-resource-categories .ep-design-top__category-image-copy--bottom-right strong,
.ep-resource-categories .ep-design-top__category-image-copy--bottom-right small{margin-left:auto!important}
@media(max-width:820px){
  .ep-resource-categories .ep-design-top__category-image-copy{padding:15px 11px 9px!important;gap:2px!important}
  .ep-resource-categories .ep-design-top__category-image-copy--center{padding:10px 11px!important}
  .ep-resource-categories .ep-design-top__category-image-copy small{font-size:10.8px!important}
}


/* v0.5.51.126 — Resource Categories follows Fonts / Styles → card radius. */
.ep-resource-categories .ep-design-top__category,
.ep-resource-categories .ep-design-top__category.has-category-image,
.ep-resource-categories .ep-design-top__category-cover{border-radius:var(--ep-ui-card-radius,var(--ep-radius,18px))!important}


/* v0.5.65 — stabilize the independent homepage resource-category module.
   Explicit grid/flex sizing prevents global SVG/img rules from expanding icons
   and prevents the category collection collapsing into a single vertical list. */
.ep-resource-categories .ep-design-top__categories-wrap{width:100%!important;min-width:0!important;}
.ep-resource-categories .ep-design-top__categories,
.ep-resource-categories .ep-design-top__categories--wide,
.ep-resource-categories .ep-design-top__categories--square{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important;gap:12px!important;width:100%!important;min-width:0!important;}
.ep-resource-categories .ep-design-top__categories--wide .ep-design-top__category:not(.has-category-image){box-sizing:border-box!important;display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;min-width:0!important;width:100%!important;max-width:100%!important;min-height:var(--ep-design-top-cat-h,90px)!important;height:var(--ep-design-top-cat-h,90px)!important;padding:10px 12px!important;overflow:hidden!important;}
.ep-resource-categories .ep-design-top__categories--square .ep-design-top__category:not(.has-category-image){box-sizing:border-box!important;min-width:0!important;width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important;overflow:hidden!important;}
.ep-resource-categories .ep-design-top__categories .ep-design-top__category:not(.has-category-image) .ep-design-top__category-icon,
.ep-resource-categories .ep-design-top__categories .ep-design-top__category:not(.has-category-image) .ep-design-top__category-icon.is-image{box-sizing:border-box!important;display:grid!important;place-items:center!important;flex:0 0 42px!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;max-width:42px!important;max-height:42px!important;overflow:hidden!important;}
.ep-resource-categories .ep-design-top__categories .ep-design-top__category:not(.has-category-image) .ep-design-top__category-icon svg,
.ep-resource-categories .ep-design-top__categories .ep-design-top__category:not(.has-category-image) .ep-design-top__category-icon img{display:block!important;width:36px!important;height:36px!important;min-width:0!important;min-height:0!important;max-width:36px!important;max-height:36px!important;object-fit:contain!important;}
.ep-resource-categories .ep-design-top__categories .ep-design-top__category:not(.has-category-image) strong,
.ep-resource-categories .ep-design-top__categories .ep-design-top__category:not(.has-category-image) small{min-width:0!important;overflow-wrap:anywhere!important;}
@media(max-width:1100px){.ep-resource-categories .ep-design-top__categories,.ep-resource-categories .ep-design-top__categories--wide,.ep-resource-categories .ep-design-top__categories--square{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
@media(max-width:760px){.ep-resource-categories .ep-design-top__categories,.ep-resource-categories .ep-design-top__categories--wide,.ep-resource-categories .ep-design-top__categories--square{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}.ep-resource-categories .ep-design-top__categories--wide .ep-design-top__category:not(.has-category-image){grid-template-columns:38px minmax(0,1fr)!important;min-height:var(--ep-design-top-cat-h,90px)!important;height:var(--ep-design-top-cat-h,90px)!important;padding:8px!important;gap:8px!important;}.ep-resource-categories .ep-design-top__categories .ep-design-top__category:not(.has-category-image) .ep-design-top__category-icon,.ep-resource-categories .ep-design-top__categories .ep-design-top__category:not(.has-category-image) .ep-design-top__category-icon.is-image{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;max-height:36px!important;}.ep-resource-categories .ep-design-top__categories .ep-design-top__category:not(.has-category-image) .ep-design-top__category-icon svg,.ep-resource-categories .ep-design-top__categories .ep-design-top__category:not(.has-category-image) .ep-design-top__category-icon img{width:30px!important;height:30px!important;max-width:30px!important;max-height:30px!important;}}
@media(max-width:420px){.ep-resource-categories .ep-design-top__categories,.ep-resource-categories .ep-design-top__categories--wide,.ep-resource-categories .ep-design-top__categories--square{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}


/* v0.5.67 — restore six category cards on one desktop/laptop row. */
@media (min-width:821px){
  .ep-resource-categories .ep-design-top__categories{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;align-items:stretch!important}
}
@media (max-width:820px){.ep-resource-categories .ep-design-top__categories{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:560px){.ep-resource-categories .ep-design-top__categories{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}}

/* v0.5.71: keep the independent resource-category module aligned with resource cards. */
.ep-resource-categories{box-sizing:border-box!important;width:min(var(--ep-design-top-max,1380px),var(--ep-content-max,1240px),calc(100% - 32px))!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
@media(max-width:680px){.ep-resource-categories{width:min(var(--ep-content-max,1240px),calc(100% - 24px))!important}}