.dc-dual-hero{position:relative;min-height:205px;padding:22px 15px 14px;overflow:hidden;border:1px solid color-mix(in srgb,var(--diy-border) 38%,transparent);border-radius:var(--diy-radius);background:linear-gradient(135deg,var(--diy-surface-alt),var(--diy-surface-alt))}.dc-dual-hero>small,.dc-dual-hero>h2{position:relative;z-index:2;display:block;margin-left:102px}.dc-dual-hero>small{color:var(--diy-primary);font-size:8px}.dc-dual-hero>h2{max-width:190px;margin-top:5px;font-size:17px}.dc-dual-art{position:absolute;left:19px;top:20px;display:grid;place-items:center;width:100px;height:112px;border-radius:44% 44% 25% 25%;background:radial-gradient(circle at 50% 35%,var(--diy-primary),var(--diy-accent) 40%,var(--diy-accent) 72%);color:var(--diy-on-gradient);font-size:43px;text-shadow:0 0 14px rgba(0,0,0,.16)}.dc-dual-hero>div:last-child{position:absolute;left:15px;right:15px;bottom:14px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.dc-dual-hero>div:last-child button{display:flex;height:63px;flex-direction:column;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--diy-border) 45%,transparent);border-radius:13px;background:color-mix(in srgb,var(--diy-surface) 66%,transparent)}.dc-dual-hero>div:last-child b{color:var(--diy-primary);font-size:17px}.dc-dual-hero>div:last-child button:last-child b{color:#ffe44f}.dc-dual-hero>div:last-child span{margin-top:3px;font-size:9px;font-weight:700}
.dc-member>header{display:flex;align-items:center;gap:9px;padding:13px 3px}.dc-member-avatar{display:grid;place-items:center;width:46px;height:46px;padding:0;border:2px solid var(--diy-border);border-radius:50%;background:var(--diy-surface);color:var(--diy-primary)}.dc-member>header div{display:flex;flex:1;flex-direction:column}.dc-member>header strong{font-size:15px}.dc-member>header small{color:var(--diy-muted);font-size:8px}.dc-member-settings{border:0;background:none;font-size:9px}.dc-upgrade{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;background:linear-gradient(100deg,var(--diy-primary),var(--diy-accent));color:var(--diy-on-gradient)}.dc-upgrade>span{font-size:22px}.dc-upgrade p{display:flex;flex:1;flex-direction:column;margin:0}.dc-upgrade p b{font-size:11px}.dc-upgrade p small{font-size:8px}.dc-upgrade button{padding:6px 10px;border:0;border-radius:12px;background:var(--diy-primary);font-size:8px;color:var(--diy-on-primary)}.dc-assets{display:grid;grid-template-columns:1fr auto;gap:5px;margin-top:9px;padding:12px;border:1px solid color-mix(in srgb,var(--diy-border) 9%,transparent);border-radius:12px;background:color-mix(in srgb,var(--diy-surface) 4%,transparent)}.dc-assets p{grid-row:1/3;display:flex;flex-direction:column;margin:0}.dc-assets p small{font-size:8px}.dc-assets p b{color:#f4ff31;font-size:22px}.dc-assets button{padding:5px 11px;border:1px solid var(--diy-border);border-radius:13px;background:var(--diy-primary);font-size:8px;color:var(--diy-on-primary)}
.dc-profile-menu>h3{margin:10px 0 7px;color:var(--diy-muted);font-size:9px}.dc-profile-menu>div{display:grid;gap:8px;padding:13px;border:1px solid color-mix(in srgb,var(--diy-border) 9%,transparent);border-radius:13px;background:color-mix(in srgb,var(--diy-surface) 4%,transparent)}.dc-profile-menu button{display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:none}.dc-profile-menu button span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--diy-primary) 25%,transparent);color:var(--diy-on-primary)}.dc-profile-menu button b{font-size:8px;font-weight:500}
.dc-booking{padding:14px;border:1px solid color-mix(in srgb,var(--diy-border) 9%,transparent);border-radius:var(--diy-radius);background:color-mix(in srgb,var(--diy-surface) 5.5%,transparent)}.dc-booking h2{margin-bottom:2px;font-size:15px}.dc-booking>p{color:var(--diy-muted);font-size:9px}.dc-booking>b{display:block;margin:11px 0 6px;font-size:9px}.dc-dates{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.dc-dates span{padding:7px 2px;border-radius:8px;background:color-mix(in srgb,var(--diy-surface) 7%,transparent);text-align:center;font-size:8px}.dc-dates span strong{font-size:11px}.dc-dates .active{background:linear-gradient(135deg,var(--diy-primary),var(--diy-accent));color:var(--diy-on-gradient)}.dc-time{display:flex;width:100%;height:38px;align-items:center;justify-content:space-between;padding:0 11px;border:1px solid color-mix(in srgb,var(--diy-border) 8%,transparent);border-radius:8px;background:color-mix(in srgb,var(--diy-surface) 7%,transparent);font-weight:700}.dc-time i{color:var(--diy-primary)}.dc-people{display:flex;align-items:center;gap:14px}.dc-people button{width:34px;height:34px;border:0;border-radius:7px;background:var(--diy-primary);color:var(--diy-on-primary)}.dc-submit{width:100%;height:44px;margin-top:12px;border:0;border-radius:9px;background:linear-gradient(135deg,var(--diy-primary),var(--diy-accent));font-weight:700;color:var(--diy-on-gradient)}
.dc-service{padding:18px;border:1px solid color-mix(in srgb,var(--diy-border) 9%,transparent);border-radius:var(--diy-radius);background:color-mix(in srgb,var(--diy-surface) 5.5%,transparent);text-align:center}.dc-service h2{margin-bottom:4px;font-size:17px}.dc-service>p{color:var(--diy-muted);font-size:9px}.dc-service>div{display:grid;grid-template-columns:1fr auto;gap:3px;margin-top:13px;padding:12px;border:1px solid color-mix(in srgb,var(--diy-border) 8%,transparent);border-radius:10px;text-align:left}.dc-service>div small{font-size:8px;color:var(--diy-muted)}.dc-service>div strong{grid-row:2}.dc-service>div button{grid-row:1/3;align-self:center;padding:7px 11px;border:0;border-radius:12px;background:var(--diy-primary);font-size:8px;color:var(--diy-on-primary)}.dc-service figure{display:grid;width:190px;height:190px;margin:15px auto 0;place-items:center;border-radius:10px;background:var(--diy-surface) center/cover;color:var(--diy-muted)}
.dc-empty{display:flex;min-height:250px;flex-direction:column;align-items:center;justify-content:center;text-align:center}.dc-empty>div{position:relative;width:100px;height:70px;color:var(--diy-primary);font-size:50px;text-shadow:0 0 14px rgba(0,0,0,.16)}.dc-empty>div span{position:absolute;transform:rotate(22deg)}.dc-empty>div span:last-child{right:0;transform:scaleX(-1) rotate(22deg)}.dc-empty h3{margin:0;color:var(--diy-primary);font-size:13px}.dc-empty p{color:var(--diy-muted);font-size:8px}.dc-empty>button{min-width:180px;padding:10px;border:0;border-radius:18px;background:linear-gradient(90deg,var(--diy-primary),var(--diy-accent));font-weight:700;color:var(--diy-on-gradient)}
.dc-bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);min-height:59px;border-top:1px solid color-mix(in srgb,var(--diy-border) 8%,transparent);background:var(--diy-surface-strong)}.dc-bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:none;color:var(--diy-muted)}.dc-bottom-nav button span{font-size:16px}.dc-bottom-nav button b{font-size:8px}.dc-bottom-nav button.active{color:var(--diy-primary)}.dc-bottom-nav.is-fixed{position:sticky;z-index:10;bottom:0;margin-left:calc(var(--diy-padding) * -1);margin-right:calc(var(--diy-padding) * -1)}

/* v0.8.0-alpha.12.9 预约组件按钮兼容 */
.dc-dates button {
  padding: 7px 2px;
  border: 0;
  border-radius: 8px;
  background: color-mix(in srgb,var(--diy-surface) 7%,transparent);
  color: inherit;
  text-align: center;
  font-size: 8px;
}

.dc-dates button strong { font-size: 11px; }
.dc-dates button.active { background: linear-gradient(135deg,var(--diy-primary),var(--diy-accent)); color:var(--diy-on-gradient); }

/* v0.8.0-alpha.12.9.6: real-data components and SVG fallbacks */
.dc-dynamic-block{display:contents}
.dc-store-message-svg{width:18px;height:18px;display:block}
.dc-notice-svg{width:16px;height:16px;display:block}
.dc-tournament-mark{width:84px;height:84px;display:block;opacity:.12}
.dc-product-cover img{width:100%;height:100%;display:block;object-fit:cover}
.dc-product-fallback{width:100%;height:100%;display:grid;place-items:center}
.dc-product-fallback-svg{width:30px;height:30px;opacity:.65}
.dc-dynamic-empty{min-height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--diy-muted,#8d889d);text-align:center;font-size:12px;border:1px dashed color-mix(in srgb,var(--diy-primary,#7956ff) 24%,transparent);border-radius:14px;background:color-mix(in srgb,var(--diy-primary,#7956ff) 5%,transparent)}
.dc-dynamic-empty-svg{width:25px;height:25px;opacity:.7}
.dc-ranking ol>.dc-dynamic-empty{list-style:none}
.diy-dynamic-load-failed{opacity:.88}

/* Personal center: live member summary and configurable service menu */
.dc-member{padding-top:8px}
.dc-member>header{display:flex;align-items:center;gap:11px;padding:12px 3px 14px}
.dc-member-avatar{display:grid;place-items:center;flex:0 0 50px;width:50px;height:50px;padding:0;overflow:hidden;border:2px solid color-mix(in srgb,var(--diy-primary,#7956ff) 70%,#fff);border-radius:50%;background:var(--diy-surface);color:var(--diy-primary,#7956ff);cursor:pointer}
.dc-member-avatar img{width:100%;height:100%;object-fit:cover}
.dc-member>header div{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}
.dc-member>header strong{overflow:hidden;font-size:16px;white-space:nowrap;text-overflow:ellipsis}
.dc-member>header small{color:color-mix(in srgb,var(--diy-text,#fff) 56%,transparent);font-size:9px}
.dc-member-settings{flex:0 0 auto;padding:7px 2px;border:0;background:none;color:var(--diy-primary,#7956ff);font-size:10px}
.dc-member-assets{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid color-mix(in srgb,var(--diy-primary,#7956ff) 20%,transparent);border-radius:var(--diy-radius,18px);background:linear-gradient(135deg,color-mix(in srgb,var(--diy-primary,#7956ff) 26%,#161225),color-mix(in srgb,var(--diy-accent,#ff5fbd) 18%,#161225));box-shadow:0 12px 28px rgba(0,0,0,.13);color:var(--diy-on-gradient)}
.dc-member-assets button{position:relative;display:flex;min-width:0;min-height:76px;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px 3px;border:0;background:transparent;color:inherit}
.dc-member-assets button+button:before{position:absolute;left:0;top:22px;width:1px;height:32px;background:color-mix(in srgb,var(--diy-surface) 10%,transparent);content:""}
.dc-member-assets b{max-width:100%;overflow:hidden;color:var(--diy-text);font-size:18px;line-height:1.05;text-overflow:ellipsis}
.dc-member-assets span{color:color-mix(in srgb,var(--diy-text) 68%,transparent);font-size:9px}
.dc-upgrade{display:flex;width:100%;min-height:64px;align-items:center;gap:11px;margin-top:10px;padding:12px 13px;border:0;border-radius:var(--diy-radius,18px);background:linear-gradient(100deg,color-mix(in srgb,var(--diy-accent,#ff5fbd) 78%,#fff),var(--diy-primary,#7956ff));color:var(--diy-on-gradient);text-align:left;box-shadow:0 10px 25px color-mix(in srgb,var(--diy-primary,#7956ff) 20%,transparent)}
.dc-upgrade>span{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--diy-surface) 16%,transparent)}
.dc-upgrade p{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px;margin:0}
.dc-upgrade p b{font-size:12px}.dc-upgrade p small{color:color-mix(in srgb,var(--diy-text) 74%,transparent);font-size:9px}
.dc-upgrade em{font-size:9px;font-style:normal;white-space:nowrap}
.dc-profile-menu>h3{margin:17px 2px 8px;color:color-mix(in srgb,var(--diy-text,#fff) 72%,transparent);font-size:12px}
.dc-profile-menu>div{border:1px solid color-mix(in srgb,var(--diy-primary,#7956ff) 18%,transparent);border-radius:var(--diy-radius,18px);background:color-mix(in srgb,var(--diy-text,#fff) 5%,transparent)}
.dc-profile-menu.is-list>div{display:block;padding:0 13px}
.dc-profile-menu.is-list button{position:relative;display:flex;width:100%;min-height:51px;flex-direction:row;align-items:center;gap:11px;padding:8px 21px 8px 0;border:0;border-bottom:1px solid color-mix(in srgb,var(--diy-text,#fff) 8%,transparent);background:none;text-align:left}
.dc-profile-menu.is-list button:last-child{border-bottom:0}
.dc-profile-menu.is-list button:after{position:absolute;right:1px;color:color-mix(in srgb,var(--diy-text,#fff) 38%,transparent);font-size:16px;content:"›"}
.dc-profile-menu.is-list button span{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--diy-primary,#7956ff) 15%,transparent);color:var(--diy-primary,#7956ff)}
.dc-profile-menu.is-list button span svg{width:18px;height:18px}.dc-profile-menu.is-list button span img{width:21px;height:21px;object-fit:contain}
.dc-profile-menu.is-list button b{min-width:0;flex:1;color:inherit;font-size:11px;font-weight:600}
.dc-profile-menu.is-grid>div{display:grid;gap:12px 6px;padding:14px 10px}
.dc-profile-menu.is-grid button{display:flex;min-width:0;flex-direction:column;align-items:center;gap:7px;padding:0;border:0;background:none}
.dc-profile-menu.is-grid button span{display:grid;width:39px;height:39px;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--diy-primary,#7956ff) 16%,transparent);color:var(--diy-primary,#7956ff)}
.dc-profile-menu.is-grid button span svg{width:20px;height:20px}.dc-profile-menu.is-grid button span img{width:23px;height:23px;object-fit:contain}
.dc-profile-menu.is-grid button b{max-width:100%;overflow:hidden;font-size:9px;font-weight:500;white-space:nowrap;text-overflow:ellipsis}
.diy-document[data-theme-mode="light"] .dc-member>header small{color:color-mix(in srgb,var(--diy-text,#333) 55%,transparent)}
.diy-document[data-theme-mode="light"] .dc-member-assets{background:linear-gradient(135deg,color-mix(in srgb,var(--diy-primary,#7956ff) 84%,#1b1730),color-mix(in srgb,var(--diy-accent,#ff5fbd) 54%,var(--diy-primary,#7956ff)));color:var(--diy-on-gradient)}
.diy-document[data-theme-mode="light"] .dc-profile-menu>div{border-color:color-mix(in srgb,var(--diy-border) 8%,transparent);background:var(--diy-surface);box-shadow:0 8px 24px rgba(0,0,0,.06)}
.diy-document[data-theme-mode="light"] .dc-profile-menu.is-list button{border-color:color-mix(in srgb,var(--diy-border) 7%,transparent)}
.diy-document[data-theme-mode="light"] .dc-profile-menu.is-list button b,.diy-document[data-theme-mode="light"] .dc-profile-menu.is-grid button b{color:var(--diy-text,#333)}

/* v0.8.0-alpha.15.11: single bartender cutout overlaps the copy and action deck */
.dc-dual-hero{isolation:isolate;min-height:228px;background:radial-gradient(circle at 25% 31%,color-mix(in srgb,var(--diy-primary) 34%,transparent),transparent 35%),radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--diy-accent) 13%,transparent),transparent 34%),linear-gradient(135deg,var(--diy-accent) 0%,var(--diy-accent) 48%,var(--diy-accent) 100%);box-shadow:0 15px 34px rgba(0,0,0,.24);color:var(--diy-on-gradient)}
.dc-dual-hero::before{content:"";position:absolute;z-index:0;left:9px;top:9px;width:155px;height:155px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--diy-primary) 28%,transparent),transparent 68%);filter:blur(4px);pointer-events:none;color:var(--diy-on-gradient)}
.dc-dual-hero>small,.dc-dual-hero>h2{z-index:3;margin-left:154px;text-shadow:0 2px 12px rgba(0,0,0,.78)}
.dc-dual-hero>small{padding-top:4px;color:var(--diy-primary);letter-spacing:.08em}
.dc-dual-hero>h2{max-width:180px;margin-top:7px;font-size:18px;line-height:1.18}
.dc-dual-art{z-index:2;left:-5px;top:3px;display:block;width:184px;height:205px;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;color:inherit;text-shadow:none;pointer-events:none}
.dc-dual-ip-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 13px 17px rgba(3,0,17,.56)) saturate(1.06);transform:none}
.dc-dual-hero>.dc-dual-actions{z-index:4;left:15px;right:15px;bottom:14px;gap:9px}
.dc-dual-hero>.dc-dual-actions button{height:64px;transition:transform .16s ease,border-color .16s ease,background .16s ease}
.dc-dual-hero>.dc-dual-actions button:active{transform:scale(.98);border-color:color-mix(in srgb,var(--diy-primary) 72%,transparent);background:color-mix(in srgb,var(--diy-surface-alt) 90%,transparent)}
@media(max-width:370px){.dc-dual-art{left:-10px;top:7px;width:168px;height:190px}.dc-dual-hero>small,.dc-dual-hero>h2{margin-left:138px}.dc-dual-hero>h2{font-size:16px}}

/* Native business-page visual configuration previews. */
.dc-native-visual{position:relative;display:grid;min-height:250px;padding:22px;overflow:hidden;border:1px solid color-mix(in srgb,var(--diy-primary) 42%,transparent);border-radius:22px;background:radial-gradient(circle at 92% 8%,color-mix(in srgb,var(--diy-accent) 30%,transparent),transparent 38%),linear-gradient(145deg,color-mix(in srgb,var(--diy-primary) 28%,var(--diy-bg)),color-mix(in srgb,var(--diy-bg) 92%,#000));color:var(--diy-text)}
.dc-native-visual-copy{position:relative;z-index:2;max-width:70%}.dc-native-visual-copy small{color:var(--diy-accent);font-size:9px;font-weight:900;letter-spacing:2px}.dc-native-visual-copy h2{margin:8px 0 7px;font-size:24px;line-height:1.15}.dc-native-visual-copy p{margin:0;color:color-mix(in srgb,var(--diy-text) 67%,transparent);font-size:11px;line-height:1.6}
.dc-native-visual-assets{position:relative;z-index:2;display:flex;min-height:88px;margin-top:20px;align-items:stretch;gap:8px}.dc-native-visual-assets figure,.dc-native-visual-assets>div{position:relative;display:grid;min-width:0;flex:1;overflow:hidden;place-items:center;border:1px solid color-mix(in srgb,var(--diy-text) 14%,transparent);border-radius:14px;background:color-mix(in srgb,var(--diy-bg) 70%,transparent)}
.dc-native-visual-assets img{display:block;width:100%;height:88px;object-fit:cover}.dc-native-visual-assets figure span{position:absolute;right:5px;bottom:5px;padding:3px 6px;border-radius:9px;background:color-mix(in srgb,var(--diy-surface) 72%,transparent);color:var(--diy-text);font-size:8px}.dc-native-visual-assets>div{min-height:88px;color:color-mix(in srgb,var(--diy-text) 70%,transparent);text-align:center}.dc-native-visual-assets>div b,.dc-native-visual-assets>div span{display:block;font-size:9px}.dc-native-visual-assets>div span{margin-top:3px;opacity:.65}.dc-native-visual-placeholder{width:27px;height:27px;margin-bottom:5px}
.dc-native-visual-note{position:relative;z-index:2;margin:12px 0 0;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--diy-text) 10%,transparent);color:color-mix(in srgb,var(--diy-text) 50%,transparent);font-size:9px;line-height:1.5}

/* v0.8.0-alpha.15.30.15: dedicated native-page previews mirror the customer pages */
.dc-nv-page{display:block;min-height:620px;padding:var(--nv-page-padding,14px);border:0;border-radius:0;background:var(--nv-page-background,var(--nv-bg,#080718));color:var(--nv-text,#f8f7ff);font-size:11px}
.dc-nv-page *{box-sizing:border-box}.dc-nv-page button{font:inherit}.dc-nv-hero{position:relative;min-height:146px;overflow:hidden;border:1px solid var(--nv-border,#34294c);border-radius:var(--nv-radius,22px);background:linear-gradient(var(--nv-gradient-angle,135deg),var(--nv-gradient-start,#171028),var(--nv-gradient-end,#3a1758))}
.dc-nv-hero:after{position:absolute;right:-36px;bottom:-64px;width:170px;height:170px;border:1px solid color-mix(in srgb,var(--nv-accent) 28%,transparent);border-radius:50%;content:""}.dc-nv-hero>img{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover;opacity:.48}.dc-nv-hero>div{position:relative;z-index:2;max-width:68%;padding:25px 18px}.dc-nv-hero small,.dc-nv-benefit>small{color:var(--nv-accent);font-size:8px;font-weight:900;letter-spacing:2px}.dc-nv-hero h2{margin:8px 0 7px;font-size:26px;line-height:1.08}.dc-nv-hero p{margin:0;color:var(--nv-muted);font-size:10px;line-height:1.6}
.dc-nv-foot{margin:13px 4px 0;color:var(--nv-muted);font-size:8px;line-height:1.5;text-align:center;opacity:.68}
.dc-nv-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;max-width:255px;margin:11px auto;padding:4px;border:1px solid var(--nv-border);border-radius:15px;background:var(--nv-surface)}.dc-nv-tabs b{padding:9px;border-radius:11px;color:var(--nv-muted);text-align:center}.dc-nv-tabs b.active{background:var(--nv-primary);color:var(--nv-text)}
.dc-nv-podium{display:flex;align-items:flex-end;gap:7px;padding:14px 0}.dc-nv-rank-person{display:grid;min-width:0;flex:1;padding:13px 5px 11px;place-items:center;border:1px solid var(--nv-border);border-radius:18px 18px 12px 12px;background:var(--nv-surface)}.dc-nv-rank-person.place-1{padding-top:20px;background:color-mix(in srgb,var(--nv-primary) 45%,var(--nv-surface))}.dc-nv-rank-person>span{position:relative;display:grid;width:56px;height:56px;place-items:center;border:3px solid var(--nv-muted);border-radius:50%;background:var(--nv-surface-alt);font-size:20px;font-weight:900}.dc-nv-rank-person.place-1>span{width:72px;height:72px;border-color:#f1bf58}.dc-nv-rank-person img{width:100%;height:100%;border-radius:50%;object-fit:cover}.dc-nv-rank-person span>b{position:absolute;right:-2px;bottom:-4px;display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:var(--nv-primary);font-size:9px}.dc-nv-rank-person>strong{max-width:100%;margin-top:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dc-nv-rank-person>small{margin-top:5px;color:var(--nv-muted);font-size:8px}
.dc-nv-list{overflow:hidden;border:1px solid var(--nv-border);border-radius:var(--nv-radius);background:var(--nv-surface)}.dc-nv-list header,.dc-nv-list p{display:flex;align-items:center}.dc-nv-list header{justify-content:space-between;padding:13px 14px;border-bottom:1px solid var(--nv-border)}.dc-nv-list header small{color:var(--nv-muted)}.dc-nv-list p{min-height:49px;margin:0 13px;border-bottom:1px solid var(--nv-border)}.dc-nv-list p i{width:34px;color:var(--nv-accent);font-style:normal}.dc-nv-list p span{flex:1}.dc-nv-list p strong{color:var(--nv-text)}.dc-nv-list em{display:block;padding:12px;color:var(--nv-muted);font-size:8px;font-style:normal;text-align:center}.dc-nv-self{display:grid;grid-template-columns:1fr auto;gap:4px;margin-top:10px;padding:12px 14px;border:1px solid var(--nv-border);border-radius:16px;background:var(--nv-surface-alt)}.dc-nv-self span{color:var(--nv-muted);font-size:8px}.dc-nv-self strong{grid-column:2;grid-row:1/3;align-self:center;color:var(--nv-accent)}
.dc-nv-toolbar{display:flex;margin:11px 0;padding:11px 13px;align-items:center;justify-content:space-between;border:1px solid var(--nv-border);border-radius:16px;background:var(--nv-surface)}.dc-nv-toolbar span{display:grid;gap:3px}.dc-nv-toolbar small{color:var(--nv-muted)}.dc-nv-toolbar button,.dc-nv-contact button{padding:8px 10px;border:1px solid var(--nv-primary);border-radius:14px;background:var(--nv-surface-alt);color:var(--nv-text)}.dc-nv-friend-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.dc-nv-friend-card{overflow:hidden;border:1px solid var(--nv-border);border-radius:18px;background:var(--nv-surface)}.dc-nv-friend-cover{display:grid;place-items:center;aspect-ratio:1/1.05;background:linear-gradient(var(--nv-gradient-angle),var(--nv-gradient-start),var(--nv-gradient-end))}.dc-nv-friend-cover img{width:100%;height:100%;object-fit:cover}.dc-nv-cover-icon{width:46px;height:46px;color:var(--nv-accent)}.dc-nv-friend-card>b,.dc-nv-friend-card>small,.dc-nv-friend-card>p{display:block;margin-right:11px;margin-left:11px}.dc-nv-friend-card>b{margin-top:10px}.dc-nv-friend-card>small{margin-top:5px;color:var(--nv-accent);font-size:8px}.dc-nv-friend-card>p{margin-top:6px;margin-bottom:11px;overflow:hidden;color:var(--nv-muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.dc-nv-privacy{margin:13px 7px 0;color:var(--nv-muted);font-size:8px;line-height:1.5;text-align:center}
.dc-nv-benefit{position:relative;min-height:205px;margin-top:12px;padding:22px 18px;overflow:hidden;border:1px solid var(--nv-border);border-radius:var(--nv-radius);background:linear-gradient(var(--nv-gradient-angle),var(--nv-gradient-start),var(--nv-gradient-end))}.dc-nv-benefit>img{position:absolute;right:-45px;bottom:-20px;width:245px;height:220px;object-fit:contain;opacity:.76}.dc-nv-benefit h2,.dc-nv-benefit p,.dc-nv-benefit small{position:relative;z-index:2}.dc-nv-benefit h2{max-width:58%;margin:8px 0 6px;font-size:24px}.dc-nv-benefit p{max-width:52%;margin:0;color:var(--nv-muted);line-height:1.6}.dc-nv-benefit-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:9px 0 17px}.dc-nv-benefit-strip span{display:grid;min-height:66px;padding:8px;place-items:center;border:1px solid var(--nv-border);border-radius:14px;background:var(--nv-surface);text-align:center}.dc-nv-plan{padding:16px 12px;border:1px solid var(--nv-border);border-radius:var(--nv-radius);background:var(--nv-surface)}.dc-nv-plan header{display:grid;gap:4px}.dc-nv-plan header small{color:var(--nv-accent);font-size:8px;letter-spacing:1px}.dc-nv-plan>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.dc-nv-plan button{display:grid;min-width:0;min-height:108px;padding:8px 3px;place-content:center;gap:7px;border:1px solid var(--nv-border);border-radius:14px;background:var(--nv-surface-alt);color:var(--nv-text)}.dc-nv-plan button small{color:var(--nv-muted);font-size:7px}.dc-nv-plan button.selected{border-color:var(--nv-accent);background:var(--nv-primary)}.dc-nv-plan>em{display:block;margin-top:12px;padding:12px;border-radius:16px;background:linear-gradient(100deg,var(--nv-button-start),var(--nv-button-end));font-style:normal;font-weight:900;text-align:center}
.dc-nv-signin{padding-top:22px}.dc-nv-signin-dialog{overflow:hidden;border:1px solid var(--nv-border);border-radius:28px;background:var(--nv-surface);box-shadow:0 18px 42px rgba(0,0,0,.28)}.dc-nv-signin-dialog .dc-nv-hero{border:0;border-radius:0}.dc-nv-signin-panel{position:relative;margin-top:-18px;padding:17px 13px;border-radius:25px 25px 0 0;background:var(--nv-surface-alt)}.dc-nv-signin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.dc-nv-signin-grid>span{display:grid;min-height:79px;padding:7px 2px;place-items:center;border:1px solid var(--nv-border);border-radius:12px;background:var(--nv-surface)}.dc-nv-signin-grid>span:nth-child(7){grid-column:3/5}.dc-nv-signin-grid>span.current{border-color:var(--nv-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--nv-accent) 22%,transparent)}.dc-nv-signin-grid img{width:24px;height:24px;object-fit:contain}.dc-nv-signin-grid b{padding:4px;border-radius:8px;background:var(--nv-primary);font-size:8px}.dc-nv-signin-grid small{color:var(--nv-muted);font-size:8px}.dc-nv-signin-panel>button{width:100%;margin-top:12px;padding:13px;border:0;border-radius:17px;background:linear-gradient(100deg,var(--nv-button-start),var(--nv-button-end));color:var(--nv-text);font-weight:900}.dc-nv-signin-panel>p{margin:9px 0 0;color:var(--nv-muted);font-size:8px;text-align:center}
.dc-nv-lottery{margin-top:12px;padding:17px 13px;border:1px solid var(--nv-border);border-radius:var(--nv-radius);background:var(--nv-surface);text-align:center}.dc-nv-lottery h2{margin:0 0 5px}.dc-nv-lottery>p{margin:0;color:var(--nv-muted)}.dc-nv-wheel{display:grid;width:205px;height:205px;margin:16px auto;place-items:center;border:10px solid color-mix(in srgb,var(--nv-accent) 70%,#ffd66f);border-radius:50%;background:conic-gradient(var(--nv-primary) 0 12.5%,#f6dda3 12.5% 25%,var(--nv-accent) 25% 37.5%,#f6dda3 37.5% 50%,var(--nv-primary) 50% 62.5%,#f6dda3 62.5% 75%,var(--nv-accent) 75% 87.5%,#f6dda3 87.5%)}.dc-nv-wheel button{width:68px;height:68px;border:5px solid #fff1c9;border-radius:50%;background:linear-gradient(135deg,var(--nv-button-start),var(--nv-button-end));color:var(--diy-text);font-weight:900}.dc-nv-rule{padding:7px 15px;border:1px solid var(--nv-border);border-radius:15px;background:var(--nv-surface-alt);color:var(--nv-text)}.dc-nv-result{display:grid;gap:9px;margin-top:12px;padding:13px;border:1px solid var(--nv-border);border-radius:15px;background:var(--nv-surface-alt);text-align:left}.dc-nv-result>b{color:var(--nv-accent)}.dc-nv-result span{padding-bottom:7px;border-bottom:1px solid var(--nv-border);color:var(--nv-muted)}.dc-nv-result span:last-child{padding-bottom:0;border:0}
.dc-nv-contact{display:grid;grid-template-columns:115px 1fr;gap:10px;margin-top:12px;padding:13px;border:1px solid var(--nv-border);border-radius:var(--nv-radius);background:var(--nv-surface)}.dc-nv-contact>img,.dc-nv-qr{width:115px;height:115px;border-radius:15px;background:var(--diy-surface);object-fit:cover}.dc-nv-qr{display:grid;place-items:center;color:var(--nv-primary);text-align:center}.dc-nv-qr-icon{width:34px;height:34px}.dc-nv-qr small{display:block;color:var(--diy-muted)}.dc-nv-contact>div{display:grid;gap:8px}.dc-nv-contact article{display:grid;gap:5px;padding:10px;border:1px solid var(--nv-border);border-radius:13px;background:var(--nv-surface-alt)}.dc-nv-contact article small{color:var(--nv-muted)}.dc-nv-contact article b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dc-nv-contact button{padding:5px}.dc-nv-hours{margin-top:10px;padding:14px;border:1px solid var(--nv-border);border-radius:16px;background:var(--nv-surface)}.dc-nv-hours b{color:var(--nv-accent)}.dc-nv-hours p{margin:6px 0 0;color:var(--nv-muted);line-height:1.6}
.dc-nv-rank-person img.dc-nv-rank-decor{position:absolute;z-index:2;left:50%;top:50%;width:145%;height:145%;max-width:none;border-radius:0;object-fit:contain;pointer-events:none;transform:translate(-50%,-50%)}.dc-nv-rank-person span>b{z-index:3}
.dc-nv-profile-demo{position:relative;display:grid;min-height:130px;margin-top:13px;padding:52px 14px 14px 94px;overflow:hidden;border:1px solid var(--nv-border);border-radius:var(--nv-radius);background:linear-gradient(var(--nv-gradient-angle),var(--nv-gradient-start),var(--nv-gradient-end))}.dc-nv-profile-demo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.38}.dc-nv-profile-demo>span{position:absolute;z-index:2;left:16px;top:28px;display:grid;width:66px;height:66px;place-items:center;border:3px solid var(--nv-text);border-radius:50%;background:var(--nv-primary);font-size:22px;font-weight:900}.dc-nv-profile-demo>div{position:relative;z-index:2}.dc-nv-profile-demo small{color:var(--nv-accent);font-size:7px;letter-spacing:1.5px}.dc-nv-profile-demo b{display:block;margin-top:4px;font-size:17px}.dc-nv-profile-demo p{margin:5px 0 0;color:var(--nv-muted);font-size:8px;line-height:1.5}
.dc-nv-benefit-strip img{width:24px;height:24px;object-fit:contain}.dc-nv-wheel{position:relative}.dc-nv-wheel>img{position:absolute;width:88%;height:88%;object-fit:contain;opacity:.46;pointer-events:none}.dc-nv-wheel button{position:relative;z-index:2}
.dc-nv-service{position:relative}.dc-nv-service-illustration{position:absolute;z-index:2;right:6px;top:35px;width:145px;height:145px;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.32));pointer-events:none}
.dc-nv-recharge-hero{position:relative;min-height:0;aspect-ratio:12/7;margin-bottom:12px;padding:22px 18px;overflow:hidden;border:1px solid var(--nv-border);border-radius:var(--nv-radius);background:linear-gradient(135deg,var(--nv-gradient-start),var(--nv-gradient-end));background-size:cover;background-position:center}.dc-nv-recharge-hero:has(+*){isolation:isolate}.dc-nv-recharge-hero[style*="background-image"]:after{position:absolute;inset:0;background:linear-gradient(90deg,var(--nv-bg),transparent 78%);content:"";opacity:.68;z-index:-1}.dc-nv-recharge-copy{position:relative;z-index:1;max-width:78%}.dc-nv-recharge-copy small,.dc-nv-recharge-section header small{color:var(--nv-accent);font-size:8px;letter-spacing:1px}.dc-nv-recharge-copy h2{margin:9px 0 7px;font-size:22px;line-height:1.18}.dc-nv-recharge-copy p{margin:0;color:var(--nv-muted);line-height:1.6}.dc-nv-recharge-balance{display:grid;gap:5px;margin-bottom:12px;padding:16px;border:1px solid var(--nv-border);border-radius:var(--nv-radius);background:var(--nv-surface)}.dc-nv-recharge-balance span,.dc-nv-recharge-balance small,.dc-nv-recharge-section p{color:var(--nv-muted)}.dc-nv-recharge-balance b{font-size:28px}.dc-nv-recharge-balance small{font-size:9px}.dc-nv-recharge-section{padding:16px 12px;border:1px solid var(--nv-border);border-radius:var(--nv-radius);background:var(--nv-surface)}.dc-nv-recharge-section header{display:grid;gap:4px}.dc-nv-recharge-section header b{font-size:16px}.dc-nv-recharge-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.dc-nv-recharge-plans span{display:grid;min-height:76px;padding:8px 3px;place-content:center;gap:6px;border:1px solid var(--nv-border);border-radius:13px;background:var(--nv-surface-alt);text-align:center;font-weight:800}.dc-nv-recharge-plans span.selected{border-color:var(--nv-accent);background:var(--nv-primary)}.dc-nv-recharge-plans small{font-size:8px;color:var(--nv-muted)}.dc-nv-recharge-plans span.selected small{color:inherit}.dc-nv-recharge-section>em{display:block;margin-top:12px;padding:11px;border-radius:14px;background:linear-gradient(100deg,var(--nv-button-start),var(--nv-button-end));font-style:normal;font-weight:900;text-align:center}.dc-nv-recharge-section>p{margin:9px 0 0;font-size:9px;line-height:1.5;text-align:center}

/* v0.8.0-alpha.15.30.37: live super-member crown in DIY personal center */
.dc-member-avatar.dc-member-avatar-badged{position:relative;overflow:visible}
.dc-member-avatar>.dc-member-avatar-photo{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
.dc-member-avatar>.dc-member-crown{position:absolute;z-index:4;left:50%;top:-20px;display:block;width:82%;height:auto;max-height:29px;border:0;border-radius:0;object-fit:contain;transform:translateX(-50%);filter:drop-shadow(0 4px 5px rgba(20,9,45,.38));pointer-events:none}

/* v0.8.0-alpha.15.30.73: business cards consume semantic DIY colors instead of legacy purple bases. */
.dc-member>header small,
.dc-booking>p,
.dc-service>p,
.dc-service>div small {
  color: var(--diy-muted);
}
.dc-member-assets {
  border-color: var(--diy-border);
  background: linear-gradient(135deg,var(--diy-surface-alt),var(--diy-surface-strong));
}
.dc-member-assets button+button:before {
  background: var(--diy-border);
}
.dc-member-assets b,
.dc-profile-menu.is-list button b,
.dc-profile-menu.is-grid button b {
  color: var(--diy-text);
}
.dc-member-assets span {
  color: var(--diy-muted);
}
.dc-upgrade {
  background: linear-gradient(100deg,var(--diy-primary),var(--diy-accent));
  color: var(--diy-on-primary);
}
.dc-upgrade>span {
  background: color-mix(in srgb,var(--diy-on-primary) 18%,transparent);
}
.dc-upgrade p small {
  color: color-mix(in srgb,var(--diy-on-primary) 74%,transparent);
}
.dc-profile-menu>h3 {
  color: var(--diy-primary);
}
.dc-profile-menu>div,
.dc-booking,
.dc-service {
  border-color: var(--diy-border);
  background: var(--diy-surface);
}
.dc-profile-menu.is-list button {
  border-bottom-color: var(--diy-border);
}
.dc-profile-menu.is-list button:after {
  color: var(--diy-muted);
}
.dc-profile-menu.is-list button span,
.dc-profile-menu.is-grid button span {
  background: var(--diy-primary-soft);
  color: var(--diy-primary);
}
.dc-dates span,
.dc-dates button,
.dc-time,
.dc-service>div {
  border-color: var(--diy-border);
  background: var(--diy-surface-alt);
  color: var(--diy-text);
}
.dc-dates .active,
.dc-dates button.active,
.dc-people button,
.dc-submit,
.dc-service>div button,
.dc-empty>button {
  border-color: var(--diy-primary);
  background: var(--diy-primary);
  color: var(--diy-on-primary);
}
.dc-time i,
.dc-empty>div,
.dc-empty h3 {
  color: var(--diy-primary);
  text-shadow: none;
}
.dc-empty p {
  color: var(--diy-muted);
}
.diy-document[data-theme-mode="light"] .dc-member-assets,
.diy-document[data-theme-mode="light"] .dc-profile-menu>div {
  border-color: var(--diy-border);
  background: var(--diy-surface);
  box-shadow: 0 8px 24px color-mix(in srgb,var(--diy-text) 6%,transparent);
}

/* Business DIY components inherit the same semantic theme tokens as the customer shell. */
.diy-document .dc-dual-hero,.diy-document .dc-hero-has-image{border-color:color-mix(in srgb,var(--diy-primary) 42%,transparent);background:linear-gradient(135deg,var(--diy-surface-alt),var(--diy-surface-strong));}
.diy-document .dc-member-avatar{border-color:var(--diy-primary);background:var(--diy-surface);color:var(--diy-primary)}
.diy-document .dc-assets,.diy-document .dc-profile-menu>div,.diy-document .dc-service{border-color:var(--diy-border);background:var(--diy-surface);color:var(--diy-text)}
.diy-document .dc-assets p b,.diy-document .dc-profile-menu button span{color:var(--diy-primary)}
.diy-document .dc-assets button,.diy-document .dc-upgrade button{border-color:var(--diy-primary);background:var(--diy-primary);color:var(--diy-on-primary,#fff)}
.diy-document .dc-upgrade{background:linear-gradient(100deg,var(--diy-surface-alt),var(--diy-surface-strong));color:var(--diy-text)}
.diy-document .dc-nv-page{background:var(--diy-bg);color:var(--diy-text)}
.diy-document .dc-nv-hero,.diy-document .dc-nv-benefit,.diy-document .dc-nv-profile-demo{background:linear-gradient(var(--nv-gradient-angle,135deg),var(--nv-surface-alt,var(--diy-surface-alt)),var(--nv-surface-strong,var(--diy-surface-strong)));color:var(--nv-text,var(--diy-text))}
.diy-document .dc-nv-plan button.selected,.diy-document .dc-nv-signin-grid>span b,.diy-document .dc-nv-tabs b.active,.diy-document .dc-nv-rank-person span>b{color:var(--nv-on-primary,var(--diy-on-primary,#fff))}
.diy-document .dc-nv-plan>em,.diy-document .dc-nv-signin-panel>button,.diy-document .dc-nv-wheel button{color:var(--nv-on-gradient,var(--diy-on-gradient,var(--diy-on-primary,#fff)))}
.diy-document .dc-nv-contact button,.diy-document .dc-nv-toolbar button{color:var(--nv-text,var(--diy-text))}
.diy-document .dc-nv-plan button.selected small{color:inherit}
.diy-document .dc-nv-signin-panel{background:var(--nv-surface)}
.diy-document .dc-nv-signin-grid>span{background:var(--nv-surface-alt)}

/* Shared membership artwork cards: complete uploaded cards stay inside their frame. */
.member-card-pair{display:grid;gap:14px;color:var(--theme-foreground,var(--diy-text,#f8f7ff))}
.member-art-card{position:relative;width:100%;aspect-ratio:var(--member-art-ratio,1080 / 600);box-sizing:border-box;min-width:0;overflow:hidden;border:1px solid var(--theme-border,var(--diy-border,#34294c));border-radius:var(--native-radius,var(--nv-radius,22px));background:linear-gradient(var(--native-gradient-angle,var(--nv-gradient-angle,135deg)),var(--theme-surface-alt,var(--diy-surface-alt,#211a36)),var(--theme-surface-strong,var(--diy-surface-strong,#3a1758)));color:var(--theme-foreground,var(--diy-text,#f8f7ff))}
.member-art-card .member-card-background{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:contain;opacity:1;filter:none}
.member-art-card .member-card-decoration{position:absolute;z-index:1;right:0;bottom:5%;width:40%;height:90%;object-fit:contain;opacity:1;filter:none}
.member-art-card .member-card-copy{position:absolute;z-index:2;top:0;left:0;width:64%;padding:7% 0 0 5.56%;box-sizing:border-box;color:var(--theme-foreground,var(--diy-text,#f8f7ff))}
.member-art-card .member-card-copy small{color:var(--theme-accent,var(--diy-accent,#ff5fbd));font-size:8px;font-weight:900;letter-spacing:2px}
.member-art-card .member-card-copy h2{margin:8px 0 7px;font-size:24px;line-height:1.1}
.member-art-card .member-card-copy p{margin:0;color:var(--theme-muted,var(--diy-muted,#a99fb8));font-size:11px;line-height:1.6}
.member-card-live{position:absolute;z-index:2;left:5.56%;bottom:10%;display:grid;width:60.2%;gap:4px;min-width:0;color:var(--theme-foreground,var(--diy-text,#f8f7ff))}
.member-card-live small,.member-card-live b,.member-card-live span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.member-card-live small{color:var(--theme-muted,var(--diy-muted,#a99fb8));font-size:9px}
.member-card-live b{font-size:13px}
.member-card-live span{overflow:visible;text-overflow:clip;color:var(--theme-foreground,var(--diy-text,#f8f7ff));font-size:10px;white-space:nowrap}

@supports (font-size:1cqw){.member-art-card{container-type:inline-size}.member-art-card .member-card-copy h2{font-size:6.8cqw}.member-art-card .member-card-copy p{font-size:3cqw}.member-art-card .member-card-copy small{font-size:2.3cqw}.member-card-live small{font-size:2.6cqw}.member-card-live b{font-size:3.7cqw}.member-card-live span{font-size:2.9cqw}.member-card-live{gap:1.1cqw}}
/* Recharge editor titles preserve intentional line breaks from the textarea. */
.dc-nv-recharge-copy h2{white-space:pre-line}
.dc-nv-recharge-plans span.selected,.dc-nv-recharge-section>em{color:var(--nv-on-gradient)}