#dynamic-idle-layer{position:fixed;inset:0;z-index:4900;display:none;overflow:hidden;overscroll-behavior:none;background:#071119;color:#fff;font-family:'PingFang SC','Microsoft YaHei',sans-serif;touch-action:manipulation}
#dynamic-idle-layer.visible{display:flex;flex-direction:column}
.dynamic-idle-enabled #page-home,.dynamic-idle-enabled .template-grid,.dynamic-idle-enabled .sidebar-cats-section,.dynamic-idle-enabled .photo-preset-grid,.dynamic-idle-enabled .magnet-template-grid{touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.di-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 78% 16%,rgba(31,218,190,.18),transparent 34%),radial-gradient(circle at 8% 78%,rgba(255,104,55,.18),transparent 38%),linear-gradient(145deg,#07141f 0%,#0b1824 52%,#171020 100%)}
.di-grid{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}
.di-shell{position:relative;z-index:1;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:22px;width:100%;height:100%;padding:44px 46px 38px}
.di-head{display:flex;justify-content:space-between;align-items:center}
.di-brand{display:flex;align-items:center;gap:15px;font-size:30px;font-weight:900;letter-spacing:2px}.di-brand-dot{width:20px;height:20px;border-radius:7px;background:linear-gradient(145deg,#56ebda,#6683ff);box-shadow:0 0 24px rgba(86,235,218,.65)}
.di-head-badge{padding:10px 18px;border:1px solid rgba(83,231,210,.55);border-radius:999px;background:rgba(5,28,33,.64);font-size:18px;color:#9ff7e9;font-weight:800}
.di-hero{position:relative;min-height:0;overflow:hidden;border-radius:40px;border:1px solid rgba(255,255,255,.16);box-shadow:0 34px 90px rgba(0,0,0,.42);background:#172331}
.di-hero-image{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;filter:saturate(1.06) contrast(1.03)}
.di-hero-shade{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(1,8,14,.06) 25%,rgba(1,8,14,.18) 48%,rgba(1,8,14,.94) 100%)}
.di-hero-copy{position:absolute;left:38px;right:38px;bottom:34px}.di-kicker{display:inline-flex;padding:9px 15px;border-radius:999px;background:#ff6b35;color:#fff;font-size:18px;font-weight:900;margin-bottom:15px;box-shadow:0 8px 30px rgba(255,107,53,.35)}
.di-title{font-size:48px;line-height:1.12;font-weight:950;letter-spacing:-1px;text-shadow:0 3px 18px rgba(0,0,0,.55)}
.di-subtitle{margin-top:11px;font-size:22px;color:rgba(255,255,255,.84);font-weight:650}.di-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.di-meta span{padding:8px 13px;border-radius:999px;background:rgba(4,15,24,.7);border:1px solid rgba(255,255,255,.18);font-size:17px}
.di-rail-head{display:flex;align-items:end;justify-content:space-between}.di-rail-title{font-size:27px;font-weight:900}.di-rail-note{font-size:17px;color:#9ff7e9}
.di-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.di-card{position:relative;height:220px;border:1px solid rgba(255,255,255,.15);border-radius:24px;overflow:hidden;background:#182434;padding:0;cursor:pointer;color:#fff}.di-card img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.di-card:active{transform:scale(.98)}.di-card::after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(2,8,13,.94))}.di-card-copy{position:absolute;z-index:1;left:14px;right:14px;bottom:13px;text-align:left}.di-card-name{font-size:17px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.di-card-tag{font-size:13px;color:#a8f4e9;margin-top:5px}
.di-actions{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.di-promise{font-size:19px;color:rgba(255,255,255,.72);line-height:1.5}.di-promise strong{display:block;color:#fff;font-size:24px}.di-start{border:0;border-radius:22px;padding:23px 34px;min-width:370px;background:linear-gradient(100deg,#ffb23f,#ff6b35);color:#111827;font-size:27px;font-weight:950;box-shadow:0 15px 42px rgba(255,107,53,.34);cursor:pointer}.di-start:active{transform:scale(.98)}
.di-dots{position:absolute;right:30px;top:30px;display:flex;gap:7px}.di-dot{width:8px;height:8px;border-radius:999px;background:rgba(255,255,255,.36)}.di-dot.active{width:27px;background:#55ead7}
.di-offline{position:absolute;left:50%;top:28px;transform:translateX(-50%);padding:8px 14px;border-radius:999px;background:rgba(3,15,22,.72);color:rgba(255,255,255,.72);font-size:14px;display:none}.di-offline.visible{display:block}
@media(min-width:1300px){.di-shell{padding:62px 70px 54px;gap:30px}.di-brand{font-size:39px}.di-head-badge{font-size:23px}.di-title{font-size:66px}.di-subtitle{font-size:29px}.di-kicker{font-size:23px}.di-meta span{font-size:21px}.di-rail-title{font-size:35px}.di-rail-note{font-size:22px}.di-card{height:300px}.di-card-name{font-size:22px}.di-card-tag{font-size:17px}.di-promise{font-size:24px}.di-promise strong{font-size:31px}.di-start{min-width:480px;padding:30px 44px;font-size:35px}}

/* v14: the whole idle screen is an obvious, forgiving touch target. */
#dynamic-idle-layer{cursor:pointer}
.di-start{min-width:410px;box-shadow:0 16px 48px rgba(255,107,53,.44),0 0 0 2px rgba(255,255,255,.13) inset}