.hp-home{overflow-x:clip}.hp-hero{position:relative;padding:64px 0 0;background:linear-gradient(180deg,var(--m-brand-50),var(--m-surface) 68%)}.hp-hero-inner{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:56px;align-items:center}.hp-hero-copy{max-width:620px}.hp-hero h1{margin:18px 0 0}.hp-lede{margin:20px 0 0;max-width:560px;color:var(--m-muted);font-size:16.5px;line-height:1.9}.hp-cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.hp-metrics{margin-top:52px;padding-bottom:4px}.hp-mock{position:relative;min-height:380px}.hp-mock-window{overflow:hidden;border:1px solid var(--m-line);border-radius:var(--m-r-lg);background:var(--m-surface);box-shadow:var(--m-shadow-3);transform:perspective(1600px) rotateY(-6deg) rotateX(2deg);transform-origin:left center}.hp-mock-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;border-bottom:1px solid var(--m-line);background:var(--m-surface-soft)}.hp-dot{width:9px;height:9px;border-radius:50%;background:var(--m-line-strong)}.hp-mock-url{margin-left:8px;color:var(--m-faint);font-size:12px;letter-spacing:.01em}.hp-mock-body{padding:18px 18px 22px}.hp-float{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid var(--m-line);border-radius:var(--m-r);background:var(--m-surface);box-shadow:var(--m-shadow-2);animation:hp-float-in .6s ease both}.hp-float strong{display:block;color:var(--m-ink);font-size:var(--m-fs-xs);font-weight:600;line-height:1.5}.hp-float em{display:block;color:var(--m-faint);font-size:12px;font-style:normal;line-height:1.5}.hp-float--ai{top:-6px;right:-18px;color:var(--m-brand);animation-delay:.15s}.hp-float--lead{bottom:26px;left:-24px;animation-delay:.3s}.hp-lead-dot{width:9px;height:9px;border-radius:50%;background:var(--m-success);box-shadow:0 0 0 4px rgba(18,121,92,.14)}@keyframes hp-float-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px){.hp-hero-inner{grid-template-columns:minmax(0,1fr);gap:48px}.hp-hero-copy{max-width:none}.hp-mock-window{transform:none}.hp-float--ai{right:8px}.hp-float--lead{left:8px}}@media (max-width:760px){.hp-hero{padding-top:44px}.hp-mock{min-height:0}.hp-float{display:none}}@media (prefers-reduced-motion:reduce){.hp-float{animation:none}}.hp-hero--centered{padding:calc(var(--m-sec-y) * 1.15) 0 0}.hp-hero--centered .hp-hero-center{max-width:780px;margin:0 auto;text-align:center}.hp-hero--centered .m-h1{margin-bottom:18px}.hp-hero--centered .hp-lede{margin-left:auto;margin-right:auto;max-width:620px}.hp-hero--centered .hp-cta-row{justify-content:center}.hp-hero--centered .m-trust{justify-content:center;margin-top:26px}.hp-hero--centered .hp-metrics{margin-top:calc(var(--m-sec-y) * .72)}.hp-hero--banner{padding:calc(var(--m-sec-y) * 1.35) 0;background:var(--m-brand-deep);color:var(--m-on-deep);background-image:linear-gradient(135deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,0) 46%)}.hp-hero--banner .hp-hero-banner{max-width:900px;text-align:center}.hp-hero--banner .m-h1{color:#fff;margin-bottom:20px}.hp-hero--banner .hp-lede{margin:0 auto 30px;max-width:640px;color:var(--m-on-deep-muted)}.hp-hero--banner .m-trust{justify-content:center;margin-top:28px;color:var(--m-on-deep-muted)}.hp-hero--banner .m-trust .m-ico-tick{color:var(--m-on-deep)}.hp-hero--statbar .hp-statcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;align-content:start}.hp-statcard{display:grid;gap:4px;padding:20px 18px;border:1px solid var(--m-line);border-radius:var(--m-r);background:var(--m-surface)}.hp-statcard-v{display:flex;align-items:baseline;gap:4px;font-size:clamp(26px,2.6vw,36px);font-weight:800;line-height:1.1;color:var(--m-brand-strong);letter-spacing:-.02em}.hp-statcard-v em{font-size:13px;font-style:normal;font-weight:600;color:var(--m-muted)}.hp-statcard-l{font-size:var(--m-fs-xs);line-height:1.6;color:var(--m-muted)}.hp-statcard--media{grid-column:1/-1;padding:12px;background:var(--m-surface-soft);overflow:hidden}.hp-statcard--media .hp-mock{min-height:0}.hp-statcard--media .hp-float{display:none}@media (max-width:760px){.hp-hero--centered{padding-top:40px}.hp-hero--banner{padding:48px 0}.hp-hero--statbar .hp-statcards{grid-template-columns:minmax(0,1fr)}.hp-statcard{padding:16px}.hp-statcard--media{display:none}}.hp-perf{margin-top:0;padding:12px;border:1px solid var(--m-line);border-radius:var(--m-r-sm);background:var(--m-surface-soft)}.hp-perf-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}.hp-perf-head span{color:var(--m-ink);font-size:13px;font-weight:600}.hp-perf-head em{color:var(--m-faint);font-size:12px;font-style:normal;white-space:nowrap}.hp-perf-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}.hp-perf-kpi{padding:7px 9px;border-radius:var(--m-r-sm);border-left:3px solid var(--m-line-strong);background:var(--m-surface)}.hp-perf-kpi-k{display:block;color:var(--m-muted);font-size:12px;line-height:1.35;overflow-wrap:break-word}.hp-perf-kpi-v{display:block;margin-top:1px;color:var(--m-ink);font-size:19px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.25}.hp-perf-kpi--clicks{border-left-color:var(--m-brand-600);background:var(--m-brand-50)}.hp-perf-kpi--clicks .hp-perf-kpi-v{color:var(--m-brand-700)}.hp-perf-kpi--impr{border-left-color:var(--m-accent);background:var(--m-accent-soft)}.hp-perf-kpi--impr .hp-perf-kpi-v{color:var(--m-accent-hover)}.hp-perf-svg{display:block;width:100%;height:auto}.hp-perf-grid{stroke:var(--m-line);stroke-width:1}.hp-perf-tick{fill:var(--m-faint);font-size:13px}.hp-perf-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hp-perf-line--clicks{stroke:var(--m-brand-600)}.hp-perf-line--impr{stroke:var(--m-accent)}.hp-perf-stop--clicks{stop-color:var(--m-brand-600);stop-opacity:.12}.hp-perf-stop--impr{stop-color:var(--m-accent);stop-opacity:.09}.hp-perf-stop--fade{stop-opacity:0}.hp-perf-hit{cursor:crosshair}.hp-perf-cross{stroke:var(--m-faint);stroke-width:1;stroke-dasharray:2 3}.hp-perf-cross,.hp-perf-dot{opacity:0;transition:opacity .12s ease}.hp-perf-hit:hover .hp-perf-cross,.hp-perf-hit:hover .hp-perf-dot{opacity:1}.hp-perf-dot{stroke:var(--m-surface);stroke-width:1.5}.hp-perf-dot--clicks{fill:var(--m-brand-600)}.hp-perf-dot--impr{fill:var(--m-accent)}@media (max-width:760px){.hp-perf{padding:10px 0 0;overflow:hidden}.hp-perf-head,.hp-perf-kpis{padding:0 10px}.hp-perf-svg{width:122%;margin:0 -11%}.hp-perf-tick--y{display:none}.hp-perf-tick--x{font-size:18px}.hp-perf-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-perf-kpi--ctr{grid-column:1/-1}}.hp-ai{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:34px;border:1px solid hsla(0,0%,100%,.14);border-radius:var(--m-r-lg);background:hsla(0,0%,100%,.14);overflow:hidden}.hp-ai-step{padding:26px 24px;background:var(--m-brand-deep)}.hp-ai-num{display:inline-grid;place-items:center;width:30px;height:30px;margin-bottom:14px;border-radius:var(--m-r-sm);background:hsla(0,0%,100%,.12);color:#fff;font-size:var(--m-fs-sm);font-weight:700}.hp-ai-step h3{margin:0 0 8px;color:#fff;font-size:var(--m-fs-h4)}.hp-ai-step p{margin:0;color:var(--m-on-deep-muted);font-size:var(--m-fs-sm);line-height:1.8}.hp-ai-bar{margin-top:30px;padding:20px 22px;border:1px solid hsla(0,0%,100%,.14);border-radius:var(--m-r-lg);background:hsla(0,0%,100%,.06)}.hp-ai-bar-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px;color:var(--m-on-deep-muted);font-size:var(--m-fs-sm)}.hp-ai-bar-head strong{color:#fff;font-size:var(--m-fs-h4);font-weight:600}.hp-ai-track{height:8px;margin-top:14px;background:hsla(0,0%,100%,.14);overflow:hidden}.hp-ai-fill,.hp-ai-track{border-radius:var(--m-r-pill)}.hp-ai-fill{display:block;width:92%;height:100%;background:linear-gradient(90deg,var(--m-brand-400),var(--m-accent))}@media (max-width:760px){.hp-ai{grid-template-columns:minmax(0,1fr)}}.hp-factor{display:flex;gap:14px;align-items:flex-start}.hp-factor-num{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:var(--m-r-sm);background:var(--m-accent-soft);color:var(--m-accent-hover);font-size:var(--m-fs-sm);font-weight:700}.hp-factor h3{margin:0 0 6px;font-size:var(--m-fs-h4)}.hp-factor p{margin:0;color:var(--m-muted);font-size:var(--m-fs-sm);line-height:1.8}.m-body:has(.design-preview) .site-cs-fab-root,.m-body:has(.design-preview) .site-shell>.footer,.m-body:has(.design-preview) .site-shell>.site-header,.m-body:has(.design-preview) .template-list-fab-root,.m-body:has(.dp-site) .site-cs-fab-root,.m-body:has(.dp-site) .site-shell>.footer,.m-body:has(.dp-site) .site-shell>.site-header,.m-body:has(.dp-site) .template-list-fab-root{display:none}.m-body .dp-chrome{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--m-line);background:var(--m-surface)}.m-body .dp-chrome-inner{display:flex;align-items:center;gap:24px;height:68px;width:min(var(--m-container),calc(100% - 32px));margin:0 auto}.m-body .dp-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;color:var(--m-ink);white-space:nowrap}.m-body .dp-brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--m-r-sm);background:var(--m-brand);color:#fff;font-size:16px;font-weight:800;flex:0 0 auto}.m-body .dp-nav{display:flex;align-items:center;gap:22px;margin-left:auto;font-size:15px;color:var(--m-muted);white-space:nowrap}.m-body .dp-nav span{cursor:default}.m-body .dp-burger{display:none;margin-left:auto;width:40px;height:40px;border:1px solid var(--m-line);border-radius:var(--m-r-sm);background:var(--m-surface);flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:0 0 auto;cursor:pointer}.m-body .dp-burger i{display:block;width:18px;height:2px;background:var(--m-ink);transition:transform .2s ease,opacity .2s ease}.m-body .dp-nav-check:checked~.dp-chrome-inner .dp-burger i:first-child{transform:translateY(6px) rotate(45deg)}.m-body .dp-nav-check:checked~.dp-chrome-inner .dp-burger i:nth-child(2){opacity:0}.m-body .dp-nav-check:checked~.dp-chrome-inner .dp-burger i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.m-body .dp-nav-check{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.m-body .dp-drawer-mask{position:fixed;inset:0;z-index:55;background:rgba(15,28,46,.42);opacity:0;pointer-events:none;transition:opacity .2s ease}.m-body .dp-drawer{position:fixed;top:0;bottom:0;left:0;z-index:56;display:grid;align-content:start;gap:2px;width:min(280px,84vw);padding:max(18px,env(safe-area-inset-top,0px)) 18px 24px;background:var(--m-surface);box-shadow:12px 0 40px rgba(15,28,46,.22);transform:translateX(-100%);transition:transform .22s ease;overflow-y:auto}.m-body .dp-drawer span{padding:12px 10px;border-radius:var(--m-r-sm);color:var(--m-text);font-size:15px}.m-body .dp-drawer span:first-child{background:var(--m-brand-50);color:var(--m-brand-strong);font-weight:600}.m-body .dp-nav-check:checked~.dp-drawer{transform:translateX(0)}.m-body .dp-nav-check:checked~.dp-drawer-mask{opacity:1;pointer-events:auto}@media (min-width:901px){.m-body .dp-drawer,.m-body .dp-drawer-mask{display:none}}@media (max-width:900px){.m-body .dp-chrome-inner{height:56px;gap:12px}.m-body .dp-nav{display:none}.m-body .dp-burger{display:flex}.m-body .dp-brand{font-size:15px}.m-body .dp-ribbon{flex-wrap:wrap;gap:4px 8px;font-size:11px;line-height:1.5}}.m-body .dp-foot{border-top:1px solid var(--m-line);background:var(--m-surface-soft);padding:28px 0;font-size:var(--m-fs-sm);color:var(--m-muted)}.m-body .dp-ribbon{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--m-brand-50);border-bottom:1px solid var(--m-brand-100);color:var(--m-brand-strong);font-size:var(--m-fs-xs)}.m-body .dp-ribbon strong{font-weight:700}.m-body .m-shot{position:relative;display:block;overflow:hidden;aspect-ratio:4/3;border-radius:var(--dp-r-sm,var(--m-r-sm));background:linear-gradient(135deg,var(--m-brand-50),var(--m-surface-tint) 60%,var(--m-brand-100))}.m-body .m-shot--tall{aspect-ratio:4/5}.m-body .m-shot i{position:absolute;display:block}.m-body .m-shot-a{inset:22%;border-radius:6px;background:var(--m-brand-200);transform:rotate(var(--s-a));mix-blend-mode:multiply}.m-body .m-shot-b{left:var(--s-x);top:var(--s-y);width:var(--s-r);aspect-ratio:1;border-radius:50%;background:var(--m-accent);opacity:.5;mix-blend-mode:multiply}.m-body .m-shot-c{left:12%;right:12%;bottom:16%;height:2px;background:var(--m-brand-400);opacity:.55}.m-body .m-shot b{position:absolute;left:10px;bottom:10px;padding:3px 9px;border-radius:var(--m-r-sm);background:hsla(0,0%,100%,.92);color:var(--m-brand-strong);font-size:12px;font-style:normal;font-weight:600}.m-body .m-card-body{display:grid;gap:6px;padding-top:4px}.m-body .m-price{margin:0;font-size:var(--m-fs-h4);font-weight:700;color:var(--m-accent-hover)}.m-body .m-meta{margin:0;font-size:var(--m-fs-xs);color:var(--m-faint)}.m-body .m-more{display:flex;justify-content:center;margin:28px 0 0}.m-body .dp-goals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.m-body .dp-goal{position:relative;display:flex;flex-direction:column;gap:4px;padding:15px 16px 14px;border:1px solid var(--m-line);border-radius:var(--m-r);background:var(--m-surface);text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.m-body .dp-goal:hover{border-color:var(--m-brand-300)}.m-body .dp-goal.is-on{border-color:var(--m-brand);background:var(--m-brand-50)}.m-body .dp-goal strong{font-size:var(--m-fs-h4);color:var(--m-ink);white-space:nowrap}.m-body .dp-goal em{font-size:12px;font-style:normal;font-weight:600;color:var(--m-accent-strong)}.m-body .dp-goal span{margin-top:4px;font-size:12px;line-height:1.6;color:var(--m-muted)}.m-body .dp-goal i{margin-top:8px;font-size:11px;font-style:normal;color:var(--m-faint)}.m-body .dp-designs-more{grid-column:1/-1;margin:0;padding:10px 12px;border-radius:var(--m-r-sm);background:var(--m-surface-soft);font-size:11.5px;line-height:1.7;color:var(--m-faint)}.m-body .dp-looks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.m-body .dp-look{padding:11px 6px;border:1px solid var(--m-line);border-radius:var(--m-r-sm);background:var(--m-surface);color:var(--m-text);font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;transition:.15s ease}.m-body .dp-look:hover{border-color:var(--m-brand-300);color:var(--m-brand-strong)}.m-body .dp-look.is-on{border-color:var(--m-brand-600);background:var(--m-brand-600);color:#fff;box-shadow:0 0 0 3px var(--m-brand-100)}@media (max-width:720px){.m-body .dp-looks{grid-template-columns:repeat(3,minmax(0,1fr))}}.m-body .dp-variants{margin-top:14px;padding-top:14px;border-top:1px dashed var(--m-line)}.m-body .dp-variants-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 10px;font-size:var(--m-fs-sm);font-weight:600;color:var(--m-ink)}.m-body .dp-variants-head i{font-size:11.5px;font-style:normal;font-weight:500;color:var(--m-faint)}.m-body .dp-designs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.m-body .dp-design{display:flex;flex-direction:column;gap:5px;padding:13px 14px;border:1px solid var(--m-line);border-radius:var(--m-r);background:var(--m-surface);text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.m-body .dp-design:hover{border-color:var(--m-brand-300)}.m-body .dp-design.is-on{border-color:var(--m-brand);background:var(--m-brand-50)}.m-body .dp-design strong{font-size:var(--m-fs-sm);color:var(--m-ink);white-space:nowrap}.m-body .dp-design em{font-size:11.5px;font-style:normal;line-height:1.6;color:var(--m-muted)}.m-body .dp-page{width:min(1400px,calc(100% - 32px));margin:0 auto;padding:32px 0 72px}.m-body .dp-head h1{margin:0 0 8px;font-size:var(--m-fs-h2);color:var(--m-ink)}.m-body .dp-head p{margin:0 0 28px;color:var(--m-muted)}.m-body .dp-layout{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:28px;align-items:start}.m-body .dp-panel{display:grid;gap:26px}.m-body .dp-step h2{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:var(--m-fs-h4);color:var(--m-ink)}.m-body .dp-step-no{display:grid;place-items:center;width:22px;height:22px;border-radius:999px;background:var(--m-brand-600);color:#fff;font-size:12px;font-weight:700}.m-body .dp-step-hint{margin:0 0 12px;font-size:var(--m-fs-xs);color:var(--m-muted);line-height:1.6}.m-body .dp-step-hint--other{margin-top:-6px;opacity:.85}.m-body .dp-chips{display:flex;flex-wrap:wrap;gap:8px}.m-body .dp-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--m-line);border-radius:var(--m-r-pill);background:var(--m-surface);color:var(--m-text);font-size:var(--m-fs-sm);cursor:pointer;transition:.15s ease}.m-body .dp-chip:hover{border-color:var(--m-brand-300);background:var(--m-brand-50)}.m-body .dp-chip.is-on{border-color:var(--m-brand-600);background:var(--m-brand-50);color:var(--m-brand-strong);font-weight:600}.m-body .dp-chip-dot{width:10px;height:10px;border-radius:999px;flex:0 0 auto}.m-body .dp-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.m-body .dp-type{padding:12px 14px;border:1px solid var(--m-line);border-radius:var(--m-r);background:var(--m-surface);color:var(--m-text);font-size:var(--m-fs-sm);text-align:left;cursor:pointer;transition:.15s ease}.m-body .dp-type:hover{border-color:var(--m-brand-300)}.m-body .dp-type.is-on{border-color:var(--m-brand-600);background:var(--m-brand-50);color:var(--m-brand-strong);font-weight:600}.m-body .dp-styles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.m-body .dp-style{display:grid;gap:4px;padding:10px;border:1px solid var(--m-line);border-radius:var(--m-r);background:var(--m-surface);text-align:left;cursor:pointer;transition:.15s ease}.m-body .dp-style:hover{border-color:var(--m-brand-300)}.m-body .dp-style.is-on{border-color:var(--m-brand-600);box-shadow:0 0 0 2px var(--m-brand-100)}.m-body .dp-style strong{font-size:var(--m-fs-sm);color:var(--m-ink)}.m-body .dp-style em{font-size:11.5px;font-style:normal;color:var(--m-muted);line-height:1.5}.m-body .dp-enter{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:var(--m-r-pill);background:var(--m-brand-600);color:#fff;font-size:var(--m-fs-sm);font-weight:600;white-space:nowrap}.m-body .dp-enter:hover{background:var(--m-brand-700);color:#fff}.m-body .dp-enter--ghost{margin-left:10px;background:transparent;border:1px solid var(--m-brand-300);color:var(--m-brand-700);font-weight:500}.m-body .dp-enter--ghost:hover{background:var(--m-brand-50);border-color:var(--m-brand-400);color:var(--m-brand-700)}.m-body .dp-style-thumb{position:relative;display:block;aspect-ratio:16/10;border:1px solid;border-radius:var(--m-r-sm);padding:8px;overflow:hidden}.m-body .dp-style-thumb[data-radius="0"]{border-radius:0}.m-body .dp-style-thumb[data-radius="3"],.m-body .dp-style-thumb[data-radius="4"]{border-radius:var(--m-r-lg)}.m-body .dp-style-thumb[data-shadow=none]{box-shadow:none}.m-body .dp-style-thumb[data-shadow=card]{box-shadow:0 8px 20px -12px rgba(15,28,46,.45)}.m-body .dp-style-thumb[data-shadow=strong]{box-shadow:0 12px 28px -12px rgba(15,28,46,.6)}.m-body .dp-style-bar{display:block;height:8px;border-radius:inherit;margin-bottom:6px}.m-body .dp-style-block{display:block;height:26px;border-radius:inherit}.m-body .dp-style-thumb[data-button=square] .dp-style-cta{border-radius:0}.m-body .dp-style-thumb[data-button=pill] .dp-style-cta{border-radius:999px}.m-body .dp-style-cta{position:absolute;left:8px;bottom:8px;width:34px;height:10px;border-radius:inherit}.m-body .dp-colors{display:flex;flex-direction:column;gap:12px;margin-top:12px}.m-body .dp-color-row{display:flex;align-items:flex-start;gap:12px}.m-body .dp-color-row .dp-field{flex:1 1 0;min-width:0}@media (max-width:420px){.m-body .dp-color-row{flex-direction:column}}.m-body .dp-field{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:var(--m-fs-xs);color:var(--m-muted)}.m-body .dp-field>span{line-height:1.5}.m-body .dp-field input[type=text]{padding:9px 12px;border:1px solid var(--m-line);border-radius:var(--m-r-sm);font-size:var(--m-fs-sm);color:var(--m-ink)}.m-body .dp-field input[type=color]{width:100%;height:38px;padding:2px;background:var(--m-surface)}.m-body .dp-field input[type=color],.m-body .dp-reset{border:1px solid var(--m-line);border-radius:var(--m-r-sm);cursor:pointer}.m-body .dp-reset{padding:8px;background:var(--m-surface-soft);color:var(--m-muted);font-size:var(--m-fs-xs)}.m-body .dp-notes{margin:12px 0 0;padding:10px 12px 10px 26px;border-radius:var(--m-r-sm);background:var(--m-accent-soft);color:var(--m-accent-hover);font-size:var(--m-fs-xs);line-height:1.6}.m-body .dp-actions{display:grid;gap:10px;padding-top:6px;border-top:1px solid var(--m-line)}.m-body .dp-cta{display:inline-block;padding:10px 18px;border-radius:var(--m-r);background:var(--m-brand-600);color:#fff;font-size:var(--m-fs-sm);font-weight:600;text-align:center}.m-body .dp-cta:hover{background:var(--m-brand-700)}.m-body .dp-cta--ghost{border:1px solid var(--m-line-strong);background:var(--m-surface);color:var(--m-text)}.m-body .dp-cta--ghost:hover{border-color:var(--m-brand-300);background:var(--m-surface);color:var(--m-brand-strong)}.m-body .dp-share{margin:0;font-size:11.5px;color:var(--m-muted);line-height:1.6;word-break:break-all}.m-body .dp-share code{display:block;margin-top:4px;padding:6px 8px;border-radius:var(--m-r-sm);background:var(--m-surface-soft);color:var(--m-text);font-size:11px}.m-body .dp-spec-btn{padding:10px 18px;border:1px solid var(--m-brand-600);border-radius:var(--m-r);background:var(--m-brand-50);color:var(--m-brand-strong);font-size:var(--m-fs-sm);font-weight:600;cursor:pointer}.m-body .dp-spec-btn:hover{background:var(--m-brand-100)}.m-body .dp-ribbon-back{margin-left:auto;padding:3px 12px;border:1px solid var(--m-brand-200);border-radius:var(--m-r-pill);background:var(--m-surface);color:var(--m-brand-strong);font-size:var(--m-fs-xs);white-space:nowrap}.m-body .dp-nav a{color:var(--m-muted);transition:color .15s ease}.m-body .dp-nav a:hover{color:var(--m-brand-strong)}.m-body .dp-drawer a{padding:12px 10px;border-radius:var(--m-r-sm);color:var(--m-text);font-size:15px}.m-body .dp-drawer a:hover{background:var(--m-brand-50);color:var(--m-brand-strong)}.m-body .dp-foot{margin-top:0;padding:40px 0 32px;border-top:1px solid hsla(0,0%,100%,.14);background:var(--m-brand-deep);color:var(--m-on-deep-muted)}.m-body .dp-foot--light{border-top:1px solid var(--m-line);background:var(--m-surface-soft);color:var(--m-muted)}.m-body .dp-foot-inner{display:grid;gap:20px;width:min(var(--m-container),calc(100% - 32px));margin:0 auto}.m-body .dp-foot-brand{display:flex;align-items:center;gap:12px}.m-body .dp-foot-brand strong{display:block;font-size:var(--m-fs-h4);color:#fff}.m-body .dp-foot--light .dp-foot-brand strong{color:var(--m-ink)}.m-body .dp-foot-brand em{font-size:var(--m-fs-xs);font-style:normal;opacity:.85}.m-body .dp-foot-links{display:flex;flex-wrap:wrap;gap:8px 22px;margin:0;padding:0;list-style:none;font-size:var(--m-fs-sm)}.m-body .dp-foot-links a{color:inherit}.m-body .dp-foot-links a:hover{color:#fff}.m-body .dp-foot--light .dp-foot-links a:hover{color:var(--m-brand-strong)}.m-body .dp-foot-note{margin:0;padding-top:16px;border-top:1px solid hsla(0,0%,100%,.12);font-size:var(--m-fs-xs);opacity:.8}.m-body .dp-foot--light .dp-foot-note{border-top-color:var(--m-line)}.m-body .dp-spec{display:grid;gap:12px;margin-top:8px;padding:14px;border:1px solid var(--m-line);border-radius:var(--m-r);background:var(--m-surface-soft)}.m-body .dp-spec-head{display:flex;align-items:center;gap:10px;font-size:var(--m-fs-sm);color:var(--m-ink)}.m-body .dp-spec-tabs{display:inline-flex;margin-left:auto;border:1px solid var(--m-line);border-radius:var(--m-r-pill);overflow:hidden}.m-body .dp-spec-tabs button{padding:4px 12px;border:0;background:var(--m-surface);color:var(--m-muted);font-size:11.5px;cursor:pointer}.m-body .dp-spec-tabs button.is-on{background:var(--m-brand-600);color:#fff}.m-body .dp-spec-apply{display:grid;gap:8px;margin:0;padding:0;list-style:none}.m-body .dp-spec-apply li{display:grid;gap:3px;padding:9px 11px;border-left:3px solid var(--m-brand-300);border-radius:0 var(--m-r-sm) var(--m-r-sm) 0;background:var(--m-surface)}.m-body .dp-spec-apply code{font-size:11px;color:var(--m-brand-strong);word-break:break-all}.m-body .dp-spec-apply span{font-size:11.5px;line-height:1.65;color:var(--m-text)}.m-body .dp-spec-body{max-height:340px;margin:0;padding:12px;border:1px solid var(--m-line);border-radius:var(--m-r-sm);background:var(--m-surface);color:var(--m-text);font-size:11px;line-height:1.7;overflow:auto;white-space:pre-wrap;word-break:break-word}.m-body .dp-spec-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:11.5px;color:var(--m-muted)}.m-body .dp-spec-foot button{padding:6px 14px;border:1px solid var(--m-line);border-radius:var(--m-r-sm);background:var(--m-surface);color:var(--m-text);font-size:11.5px;cursor:pointer}.m-body .dp-spec-foot button:hover{border-color:var(--m-brand-300)}.m-body .dp-spec-note{flex:1 1 100%;line-height:1.6}.m-body .dp-view{position:sticky;top:calc(var(--m-header-h, 64px) + 16px)}.m-body .dp-view-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-bottom:10px;font-size:var(--m-fs-xs);color:var(--m-muted)}.m-body .dp-view-label{font-weight:600;color:var(--m-ink)}.m-body .dp-device{display:inline-flex;margin-left:0;border:1px solid var(--m-line);border-radius:var(--m-r-pill);overflow:hidden}.m-body .dp-device button{padding:5px 14px;border:0;background:var(--m-surface);color:var(--m-muted);font-size:var(--m-fs-xs);cursor:pointer}.m-body .dp-device button.is-on{background:var(--m-brand-600);color:#fff}.m-body .dp-frame{border:1px solid var(--m-line);border-radius:var(--m-r-lg);background:var(--m-surface);overflow:hidden}.m-body .dp-frame iframe{display:block;border:0}.m-body .dp-frame-note{margin:10px 0 0;font-size:11.5px;line-height:1.6;color:var(--m-muted);text-align:center}.m-body .dp-frame-note a{margin-left:8px;font-weight:600;color:var(--m-brand);white-space:nowrap}@media (max-width:1100px){.m-body .dp-layout{grid-template-columns:minmax(0,1fr)}.m-body .dp-view{position:static}}@media (max-width:640px){.m-body .dp-designs{grid-template-columns:minmax(0,1fr)}}.m-body .dp-methods{margin-top:14px;padding-top:14px;border-top:1px dashed var(--m-line)}.m-body .dp-methods-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 10px;font-size:var(--m-fs-sm);font-weight:600;color:var(--m-ink)}.m-body .dp-methods-head i{font-size:11.5px;font-style:normal;font-weight:500;color:var(--m-faint)}.m-body .dp-method-list{display:grid;gap:8px}.m-body .dp-method{display:block;padding:12px 14px;border:1px solid var(--m-line);border-radius:var(--m-r);background:var(--m-surface);text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.m-body .dp-method:hover{border-color:var(--m-brand-300)}.m-body .dp-method.is-on{border-color:var(--m-brand);background:var(--m-brand-50)}.m-body .dp-method strong{display:block;margin-bottom:3px;font-size:var(--m-fs-sm);color:var(--m-ink);white-space:nowrap}.m-body .dp-method em{display:block;font-size:11.5px;font-style:normal;line-height:1.6;color:var(--m-muted)}