:root,:root[data-theme=dark]{--bg: #000000;--bg-tint: #101012;--bg-raise: #1d1d1f;--bg-inset: #1d1d1f;--ink: #f5f5f7;--ink-soft: #a1a1a6;--ink-faint: #86868b;--hairline: rgba(255, 255, 255, .12);--hairline-soft: rgba(255, 255, 255, .07);--accent: #2997ff;--accent-hover: #4aa9ff;--accent-text: #2997ff;--accent-soft: rgba(41, 151, 255, .14);--tile: #1d1d1f;--tile-alt: #2c2c2e;--shadow-shot: 0 8px 40px rgba(0, 0, 0, .6);--nav-bg: rgba(0, 0, 0, .72);--scrim: rgba(0, 0, 0, .85);--title-ink: #f5f5f7;--code-bg: #1d1d1f;--code-ink: #d6d6d9;--code-inline-ink: #a1a1a6;--mark-bg: rgba(41, 151, 255, .24)}:root[data-theme=light]{--bg: #ffffff;--bg-tint: #f5f5f7;--bg-raise: #ffffff;--bg-inset: #f5f5f7;--ink: #1d1d1f;--ink-soft: #494949;--ink-faint: #6e6e73;--hairline: rgba(0, 0, 0, .14);--hairline-soft: rgba(0, 0, 0, .08);--accent: #0071e3;--accent-hover: #0077ed;--accent-text: #0066cc;--accent-soft: rgba(0, 113, 227, .1);--tile: #f5f5f7;--tile-alt: #e8e8ed;--shadow-shot: 0 8px 40px rgba(0, 0, 0, .1);--nav-bg: rgba(255, 255, 255, .72);--scrim: rgba(0, 0, 0, .6);--title-ink: #1d1d1f;--code-bg: #f5f5f7;--code-ink: #1d1d1f;--code-inline-ink: #6e6e73;--mark-bg: rgba(0, 113, 227, .16)}@media(prefers-color-scheme:light){:root[data-theme=system]{--bg: #ffffff;--bg-tint: #f5f5f7;--bg-raise: #ffffff;--bg-inset: #f5f5f7;--ink: #1d1d1f;--ink-soft: #494949;--ink-faint: #6e6e73;--hairline: rgba(0, 0, 0, .14);--hairline-soft: rgba(0, 0, 0, .08);--accent: #0071e3;--accent-hover: #0077ed;--accent-text: #0066cc;--accent-soft: rgba(0, 113, 227, .1);--tile: #f5f5f7;--tile-alt: #e8e8ed;--shadow-shot: 0 8px 40px rgba(0, 0, 0, .1);--nav-bg: rgba(255, 255, 255, .72);--scrim: rgba(0, 0, 0, .6);--title-ink: #1d1d1f;--code-bg: #f5f5f7;--code-ink: #1d1d1f;--code-inline-ink: #6e6e73;--mark-bg: rgba(0, 113, 227, .16)}}:root{--font: "SF Pro Display", "SF Pro Text", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Helvetica Neue", "Microsoft YaHei", sans-serif;--mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--r-sm: 12px;--r-md: 18px;--r-lg: 28px;--r-pill: 980px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:64px}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.47;letter-spacing:-.022em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden;transition:background-color .4s ease,color .4s ease}.intro{min-height:100vh}::selection{background:var(--accent-soft)}.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;height:48px;padding:0 max(22px,calc((100vw - 1024px)/2));background:var(--nav-bg);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid transparent;transition:border-color .3s,background .4s}.nav.scrolled{border-bottom-color:var(--hairline-soft)}.nav-brand{display:flex;align-items:center;gap:8px;padding:0;border:none;background:none;color:var(--ink);font-size:15px;font-weight:600;letter-spacing:-.02em;font-family:var(--font);cursor:pointer;flex-shrink:0}.nav-brand-mark{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;background:var(--ink);color:var(--bg);font-size:10px;font-weight:700;letter-spacing:0}.nav-links{display:flex;align-items:center;gap:2px;flex:1;justify-content:center}.nav-link{padding:6px 12px;border:none;border-radius:8px;background:none;color:var(--ink-soft);font-size:12.5px;font-weight:400;letter-spacing:-.01em;font-family:var(--font);cursor:pointer;transition:color .2s}.nav-link:hover{color:var(--ink)}.nav-link.active{color:var(--ink);font-weight:500}.nav-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.theme-toggle{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:50%;background:none;color:var(--ink-soft);cursor:pointer;transition:color .2s,background .2s}.theme-toggle:hover{color:var(--ink);background:var(--hairline-soft)}.nav-cta{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:var(--r-pill);background:var(--accent);color:#fff;font-size:12.5px;font-weight:500;letter-spacing:-.01em;text-decoration:none;transition:background .2s}.nav-cta:hover{background:var(--accent-hover)}.nav-burger{display:none;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:50%;background:none;color:var(--ink);cursor:pointer}.progress-bar{position:fixed;top:0;left:0;height:2px;background:var(--accent);z-index:60;transition:width .1s linear}.hero{position:relative;display:flex;flex-direction:column;align-items:center;padding:148px 22px 0;text-align:center;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 70% 46% at 50% -4%,var(--accent-soft),transparent 68%)}.hero-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 42% 34% at var(--mx, 50%) var(--my, 0%),color-mix(in srgb,var(--accent) 10%,transparent),transparent 70%);transition:opacity .6s ease}:root[data-theme=dark] .hero-bg:before{opacity:.75}.hero-content{position:relative;z-index:1;width:100%;max-width:1024px}.hero-copy{max-width:780px;margin:0 auto;transform:translate3d(0,var(--hero-shift, 0px),0);opacity:var(--hero-fade, 1);will-change:transform,opacity}.hero-eyebrow{color:var(--ink-faint);font-size:17px;font-weight:500;letter-spacing:-.01em;animation:rise .8s .05s cubic-bezier(.28,.11,.32,1) both}.hero-title{margin-top:10px;color:var(--title-ink);font-size:clamp(52px,9.2vw,108px);font-weight:700;letter-spacing:-.045em;line-height:.98;animation:rise .8s .12s cubic-bezier(.28,.11,.32,1) both}.hero-subtitle{margin:22px auto 0;max-width:620px;color:var(--ink-soft);font-size:clamp(19px,2.3vw,24px);font-weight:400;line-height:1.42;letter-spacing:-.01em;animation:rise .8s .2s cubic-bezier(.28,.11,.32,1) both}.hero-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:34px;animation:rise .8s .28s cubic-bezier(.28,.11,.32,1) both}.cta-primary{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border:none;border-radius:var(--r-pill);background:var(--accent);color:#fff;font-size:17px;font-weight:500;letter-spacing:-.01em;font-family:var(--font);text-decoration:none;cursor:pointer;transition:background .2s,transform .15s}.cta-primary em{font-style:normal;font-weight:400;font-size:14px;opacity:.72}.cta-primary:hover{background:var(--accent-hover)}.cta-primary:active{transform:scale(.98)}.cta-ghost{display:inline-flex;align-items:center;gap:6px;padding:13px 6px;border:none;background:none;color:var(--accent-text);font-size:17px;font-weight:400;letter-spacing:-.01em;font-family:var(--font);cursor:pointer;transition:color .2s}.cta-ghost:after{content:"›";font-size:19px;line-height:1;transition:transform .2s}.cta-ghost:hover{color:var(--accent-hover)}.cta-ghost:hover:after{transform:translate(3px)}.cta-ghost svg{display:none}.hero-alt-downloads{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 22px;margin-top:18px;animation:rise .8s .34s cubic-bezier(.28,.11,.32,1) both}.alt-link{color:var(--accent-text);font-size:14px;text-decoration:none;transition:color .2s}.alt-link:hover{color:var(--accent-hover);text-decoration:underline}.hero-version{margin-top:14px;color:var(--ink-faint);font-size:13px;letter-spacing:0;animation:rise .8s .4s cubic-bezier(.28,.11,.32,1) both}@keyframes rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes shot-rise{0%{opacity:0;transform:translateY(40px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.hero-scroll{position:relative;margin:44px auto 0;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:50%;background:none;color:var(--ink-faint);cursor:pointer;animation:breathe 2.6s ease-in-out infinite}.hero-scroll:hover{color:var(--ink)}@keyframes breathe{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:.95;transform:translateY(6px)}}.band{width:100%}.band-tint{background:var(--bg-tint)}.section{max-width:1024px;margin:0 auto;padding:120px 22px}.section.wide{max-width:1120px}.reveal{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.28,.11,.32,1),transform .9s cubic-bezier(.28,.11,.32,1)}.reveal.in{opacity:1;transform:translateY(0)}.section-head{text-align:center;margin-bottom:64px}.section-kicker{display:block;margin-bottom:12px;color:var(--ink-faint);font-size:15px;font-weight:500;letter-spacing:-.01em}.section-head h2{color:var(--title-ink);font-size:clamp(36px,5.4vw,64px);font-weight:700;letter-spacing:-.035em;line-height:1.06}.section-head p{max-width:620px;margin:18px auto 0;color:var(--ink-soft);font-size:clamp(17px,1.9vw,21px);line-height:1.46;letter-spacing:-.01em}.flow-layout{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:40px;align-items:start}.flow-layout>*{min-width:0}.flow-steps{display:flex;flex-direction:column;gap:2px}.flow-step{position:relative;display:flex;gap:14px;width:100%;padding:18px 16px;border:none;border-radius:var(--r-md);background:none;text-align:left;cursor:pointer;font-family:var(--font);overflow:hidden;transition:background .25s}.flow-step:hover{background:var(--hairline-soft)}.flow-step.active{background:var(--bg-raise);box-shadow:0 2px 14px #0000000f}:root[data-theme=dark] .flow-step.active{background:var(--bg-raise)}.flow-step-progress{position:absolute;left:16px;bottom:0;height:2px;border-radius:2px;background:var(--accent);width:0}.flow-step.active .flow-step-progress{animation:flow-progress 5s linear forwards}@keyframes flow-progress{0%{width:0}to{width:calc(100% - 32px)}}.flow-step-no{display:flex;align-items:center;justify-content:center;width:26px;height:26px;flex-shrink:0;border-radius:50%;background:var(--hairline-soft);color:var(--ink-faint);font-size:12.5px;font-weight:600;transition:background .25s,color .25s}.flow-step.active .flow-step-no{background:var(--accent);color:#fff}.flow-step-body{min-width:0}.flow-step-body strong{display:block;color:var(--ink-soft);font-size:15px;font-weight:600;letter-spacing:-.015em;transition:color .25s}.flow-step.active .flow-step-body strong{color:var(--ink)}.flow-step-body p{margin-top:3px;color:var(--ink-faint);font-size:13px;line-height:1.5}.flow-stage{position:relative;aspect-ratio:4 / 3;min-height:360px;max-width:100%;border-radius:var(--r-lg);background:var(--bg-raise);box-shadow:0 4px 28px #00000012;overflow:hidden}:root[data-theme=dark] .flow-stage{background:var(--bg-raise)}.flow-stage-inner{position:absolute;top:0;right:0;bottom:0;left:0}.flow-scene{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:32px;opacity:0;visibility:hidden;transition:opacity .55s cubic-bezier(.28,.11,.32,1),visibility .55s}.flow-scene.active{opacity:1;visibility:visible}.dl-card,.login-card,.code-window,.live-stat,.live-status{background:var(--bg-tint);border:none}:root[data-theme=light] .flow-stage .dl-card,:root[data-theme=light] .flow-stage .login-card,:root[data-theme=light] .flow-stage .live-stat,:root[data-theme=light] .flow-stage .live-status{background:var(--bg-tint)}.scene-download{flex-direction:column}.dl-card{width:min(320px,100%);padding:22px;border-radius:var(--r-md)}.dl-card-head{display:flex;align-items:center;gap:12px}.dl-logo{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--ink);color:var(--bg);font-size:12px;font-weight:700;flex-shrink:0}.dl-meta{min-width:0}.dl-meta strong{display:block;color:var(--ink);font-size:14.5px;font-weight:600}.dl-meta span{color:var(--ink-faint);font-size:12.5px}.dl-track{position:relative;height:4px;margin-top:18px;border-radius:2px;background:var(--hairline);overflow:hidden}.dl-fill{position:absolute;inset:0 auto 0 0;width:0;border-radius:2px;background:var(--accent)}.flow-scene.active .dl-fill{animation:dl-progress 3.4s cubic-bezier(.4,0,.2,1) forwards}@keyframes dl-progress{0%{width:0}to{width:100%}}.dl-status{margin-top:10px;color:var(--ink-faint);font-size:12.5px}.scene-login{flex-direction:column}.login-card{width:min(300px,100%);padding:22px;border-radius:var(--r-md)}.login-title{color:var(--ink);font-size:14.5px;font-weight:600;margin-bottom:16px}.login-field{height:34px;margin-bottom:9px;padding:0 12px;display:flex;align-items:center;gap:8px;border-radius:9px;background:var(--bg);color:var(--ink-faint);font-size:12.5px;overflow:hidden;white-space:nowrap}:root[data-theme=dark] .login-field{background:#ffffff0f}.login-field.typing{box-shadow:inset 0 0 0 2px var(--accent)}.type-text{display:inline-block;overflow:hidden;white-space:nowrap;width:0;color:var(--ink-soft)}.flow-scene.active .login-field.typing .type-text{animation:typing 1.6s steps(18) .5s forwards}@keyframes typing{to{width:100%}}.caret{display:inline-block;width:1.5px;height:14px;background:var(--accent);margin-left:1px;animation:caret-blink .9s step-end infinite}@keyframes caret-blink{50%{opacity:0}}.login-btn{height:34px;margin-top:6px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:var(--accent);color:#fff;font-size:12.5px;font-weight:500;opacity:.45}.flow-scene.active .login-btn{animation:btn-ready .6s 2.2s forwards}@keyframes btn-ready{to{opacity:1}}.login-hint{margin-top:12px;text-align:center;color:var(--ink-faint);font-size:11.5px}.scene-lease,.scene-editor{flex-direction:column}.code-window{width:100%;max-width:420px;border-radius:var(--r-md);overflow:hidden;text-align:left}.code-window-bar{display:flex;align-items:center;gap:6px;padding:11px 14px;border-bottom:1px solid var(--hairline-soft)}.code-window-bar i{width:10px;height:10px;border-radius:50%;background:var(--hairline)}.code-window-bar i:first-child{background:#ff5f57}.code-window-bar i:nth-child(2){background:#febc2e}.code-window-bar i:nth-child(3){background:#28c840}.code-window-bar span{margin-left:8px;color:var(--ink-faint);font-size:11.5px;font-family:var(--mono)}.code-window-body{padding:16px;font-family:var(--mono);font-size:12px;line-height:1.9;letter-spacing:0;color:var(--ink-soft)}.code-line{white-space:nowrap;overflow:hidden}.code-line.added{width:0;color:var(--accent)}.flow-scene.active .code-line.added{animation:code-write .9s .7s steps(34) forwards}@keyframes code-write{to{width:100%}}.code-line .k{color:var(--ink-faint)}.code-line .s{color:var(--accent)}.scene-live{flex-direction:column;gap:18px}.live-status{display:flex;align-items:center;gap:9px;padding:11px 20px;border-radius:var(--r-pill);font-size:13.5px;color:var(--ink-soft)}.live-dot{width:8px;height:8px;border-radius:50%;background:#30d158}.flow-scene.active .live-dot{animation:live-pulse 2s ease-out infinite}@keyframes live-pulse{0%{box-shadow:0 0 #30d15880}70%{box-shadow:0 0 0 9px #30d15800}to{box-shadow:0 0 #30d15800}}.live-stats{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.live-stat{min-width:104px;padding:18px 20px;border-radius:var(--r-md);text-align:center}.live-stat strong{display:block;color:var(--ink);font-size:24px;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.live-stat span{color:var(--ink-faint);font-size:12px}.bento{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.bento-tile{display:flex;flex-direction:column;padding:40px 36px;min-height:232px;border-radius:var(--r-lg);background:var(--tile);transition:transform .4s cubic-bezier(.28,.11,.32,1)}.bento-tile:hover{transform:scale(1.012)}.bento-tile.dark{background:var(--ink)}.bento-tile.dark h3{color:var(--bg)}.bento-tile.dark p{color:var(--bg);opacity:.72}.bento-tile.dark .bento-icon{background:#ffffff24;color:var(--bg)}:root[data-theme=dark] .bento-tile.dark .bento-icon{background:#0000001f;color:var(--bg)}.bento-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;margin-bottom:22px;border-radius:12px;background:var(--tile-alt);color:var(--ink)}.bento-tile h3{color:var(--ink);font-size:21px;font-weight:600;letter-spacing:-.025em;line-height:1.24;margin-bottom:10px}.bento-tile p{color:var(--ink-soft);font-size:15px;line-height:1.5;letter-spacing:-.01em;margin-top:auto}.shots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.shot-card{position:relative;margin:0;border-radius:var(--r-lg);overflow:hidden;background:var(--bg-raise);cursor:zoom-in;box-shadow:var(--shadow-shot);transition:transform .45s cubic-bezier(.28,.11,.32,1)}.shot-card:hover{transform:scale(1.015)}.shot-card img{display:block;width:100%;height:auto}.shot-card figcaption{padding:16px 22px;color:var(--ink-soft);font-size:14px;letter-spacing:-.01em;border-top:1px solid var(--hairline-soft)}.shot-zoom{position:absolute;top:14px;right:14px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--ink);opacity:0;transition:opacity .25s}.shot-card:hover .shot-zoom{opacity:1}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:48px;background:var(--scrim);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);animation:lb-fade .3s ease}@keyframes lb-fade{0%{opacity:0}to{opacity:1}}.lightbox img{max-width:100%;max-height:100%;border-radius:var(--r-md);box-shadow:0 30px 90px #0000008c}.lightbox-caption{position:absolute;bottom:26px;left:50%;transform:translate(-50%);color:#ffffffdb;font-size:14px;white-space:nowrap}.lightbox-close,.lightbox-nav{position:absolute;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:#ffffff24;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;cursor:pointer;transition:background .2s}.lightbox-close:hover,.lightbox-nav:hover{background:#ffffff3d}.lightbox-close{top:22px;right:22px}.lightbox-nav.prev{left:22px;top:50%;transform:translateY(-50%)}.lightbox-nav.next{right:22px;top:50%;transform:translateY(-50%)}.doc-layout{display:grid;grid-template-columns:200px 1fr;gap:56px;align-items:start}.doc-layout>*{min-width:0}.doc-toc{position:sticky;top:72px;display:flex;flex-direction:column;gap:1px;max-height:calc(100vh - 96px);overflow-y:auto}.doc-toc-group{margin:18px 0 6px;padding:0 10px;color:var(--ink-faint);font-size:11.5px;font-weight:600;letter-spacing:.02em}.doc-toc-group:first-child{margin-top:0}.doc-toc-link{display:block;padding:6px 10px;border:none;border-radius:8px;background:none;color:var(--ink-soft);font-size:13.5px;font-family:var(--font);letter-spacing:-.01em;text-align:left;cursor:pointer;transition:color .18s,background .18s}.doc-toc-link:hover{color:var(--ink);background:var(--hairline-soft)}.doc-toc-link.active{color:var(--accent-text);font-weight:500}.doc-toolbar{display:flex;align-items:center;gap:14px;margin-bottom:40px;flex-wrap:wrap}.doc-search{position:relative;flex:1 1 220px;min-width:0;max-width:380px}.doc-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--ink-faint);pointer-events:none}.doc-search input{width:100%;height:38px;padding:0 34px 0 36px;border:none;border-radius:var(--r-pill);background:var(--bg-inset);color:var(--ink);font-size:14.5px;font-family:var(--font);letter-spacing:-.01em;outline:none;transition:box-shadow .2s}.doc-search input::placeholder{color:var(--ink-faint)}.doc-search input:focus{box-shadow:0 0 0 3px var(--accent-soft)}:root[data-theme=dark] .doc-search input{background:var(--bg-raise)}.doc-search-clear{position:absolute;right:7px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:50%;background:none;color:var(--ink-faint);cursor:pointer}.doc-search-clear:hover{color:var(--ink)}.doc-count{color:var(--ink-faint);font-size:13px}.doc-article{padding:56px 0;border-top:1px solid var(--hairline-soft);scroll-margin-top:76px}.doc-article:first-of-type{border-top:none;padding-top:0}.doc-article-head{display:flex;align-items:baseline;gap:14px;margin-bottom:26px}.doc-article-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;border-radius:8px;background:var(--accent-soft);color:var(--accent);transform:translateY(4px)}.doc-article-head h3{color:var(--ink);font-size:28px;font-weight:700;letter-spacing:-.032em;line-height:1.18}.doc-article-head p{margin-top:4px;color:var(--ink-faint);font-size:15px;letter-spacing:-.01em}.doc-article-body{color:var(--ink-soft);font-size:17px;line-height:1.62;letter-spacing:-.012em}.doc-article-body>*+*{margin-top:16px}.doc-list{padding-left:24px;display:flex;flex-direction:column;gap:9px}.doc-list li::marker{color:var(--ink-faint)}.doc-list strong{color:var(--ink);font-weight:600}.doc-steps{list-style:none;counter-reset:ds;display:flex;flex-direction:column;gap:16px}.doc-steps li{position:relative;counter-increment:ds;padding-left:36px}.doc-steps li:before{content:counter(ds);position:absolute;left:0;top:3px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--bg-inset);color:var(--ink-soft);font-size:11.5px;font-weight:600}:root[data-theme=dark] .doc-steps li:before{background:var(--bg-raise)}.doc-tip{display:flex;gap:11px;padding:16px 20px;border-radius:var(--r-md);background:var(--bg-tint);color:var(--ink-soft);font-size:15.5px;line-height:1.55;letter-spacing:-.01em}:root[data-theme=dark] .doc-tip{background:var(--bg-raise)}.doc-tip svg{flex-shrink:0;margin-top:3px;color:var(--accent)}.doc-warn{background:#ff9f0a1a}:root[data-theme=dark] .doc-warn{background:#ff9f0a24}.doc-warn svg{color:#c93400}:root[data-theme=dark] .doc-warn svg{color:#ff9f0a}.doc-table{width:100%;border-collapse:collapse;font-size:15.5px;display:block;overflow-x:auto}.doc-table th,.doc-table td{padding:13px 16px;text-align:left;vertical-align:top;line-height:1.5;border-bottom:1px solid var(--hairline-soft);letter-spacing:-.01em}.doc-table th{color:var(--ink-faint);font-size:13px;font-weight:600;white-space:nowrap}.doc-table td{color:var(--ink-soft)}.doc-table td:first-child{color:var(--ink);font-weight:500;white-space:nowrap}.doc-code{display:flex;align-items:center;gap:12px;padding:13px 18px;border-radius:var(--r-md);background:var(--code-bg);font-family:var(--mono);font-size:14px;letter-spacing:0;color:var(--code-ink);overflow-x:auto}.doc-code code{flex:1;white-space:nowrap}.doc-copy{display:flex;align-items:center;gap:5px;flex-shrink:0;padding:4px 10px;border:none;border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent);font-size:12.5px;font-family:var(--font);cursor:pointer;transition:background .2s}.doc-copy:hover{background:var(--accent);color:#fff}mark{padding:0 3px;border-radius:3px;background:var(--mark-bg);color:var(--ink)}.doc-empty{padding:70px 0;text-align:center;color:var(--ink-faint);font-size:16px}.faq-list{display:flex;flex-direction:column}.faq-item{border-top:1px solid var(--hairline-soft)}.faq-item:last-child{border-bottom:1px solid var(--hairline-soft)}.faq-q{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:24px 4px;border:none;background:none;color:var(--ink);font-size:19px;font-weight:600;letter-spacing:-.022em;font-family:var(--font);text-align:left;cursor:pointer;transition:color .2s}.faq-q:hover{color:var(--accent)}.faq-q svg{flex-shrink:0;color:var(--ink-faint);transition:transform .35s cubic-bezier(.28,.11,.32,1)}.faq-item.open .faq-q svg{transform:rotate(180deg);color:var(--accent)}.faq-a{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.28,.11,.32,1)}.faq-item.open .faq-a{max-height:560px}.faq-a-inner{padding:0 4px 28px;max-width:720px;color:var(--ink-soft);font-size:16px;line-height:1.6;letter-spacing:-.01em}.faq-a-inner code{padding:2px 6px;border-radius:6px;background:var(--bg-inset);color:var(--code-inline-ink);font-family:var(--mono);font-size:13.5px}:root[data-theme=dark] .faq-a-inner code{background:var(--bg-raise)}.page{display:block}.page-head{max-width:1024px;margin:0 auto;padding:128px 22px 96px}.page-head .section-head{margin-bottom:56px}.section-cta{text-align:center;padding:96px 22px}.section-cta h2{color:var(--title-ink);font-size:clamp(30px,4.4vw,48px);font-weight:700;letter-spacing:-.035em;line-height:1.1}.section-cta p{margin:16px auto 0;max-width:520px;color:var(--ink-soft);font-size:19px;letter-spacing:-.01em}.section-cta .hero-actions{margin-top:30px}.dl-grid{display:flex;flex-direction:column;gap:14px;max-width:620px;margin:0 auto}.dl-option{display:flex;align-items:center;gap:18px;padding:22px 26px;border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--bg-raise);text-decoration:none;transition:border-color .25s,transform .25s cubic-bezier(.28,.11,.32,1)}.dl-option:hover{border-color:var(--ink-faint);transform:translateY(-2px)}.dl-option.primary{border-color:var(--accent)}:root[data-theme=dark] .dl-option{background:var(--bg-raise)}.dl-option-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;border-radius:14px;background:var(--bg-tint);color:var(--ink)}:root[data-theme=dark] .dl-option-icon{background:#ffffff14}.dl-option-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.dl-option-body strong{color:var(--ink);font-size:17px;font-weight:600;letter-spacing:-.02em}.dl-option-meta{color:var(--ink-faint);font-size:13.5px}.dl-option-action{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:8px 16px;border-radius:var(--r-pill);background:var(--accent);color:#fff;font-size:14px;font-weight:500}.dl-option:not(.primary) .dl-option-action{background:var(--bg-tint);color:var(--ink-soft)}:root[data-theme=dark] .dl-option:not(.primary) .dl-option-action{background:#ffffff14}.dl-option:hover .dl-option-action{background:var(--accent-hover)}.dl-option:not(.primary):hover .dl-option-action{background:var(--accent);color:#fff}.dl-notes,.dl-help{max-width:620px;margin:48px auto 0;padding-top:32px;border-top:1px solid var(--hairline-soft)}.dl-notes h3,.dl-help h3{margin-bottom:14px;color:var(--ink);font-size:19px;font-weight:600;letter-spacing:-.022em}.dl-notes p{color:var(--ink-soft);font-size:16px;line-height:1.62;letter-spacing:-.012em;white-space:pre-wrap}.dl-help .doc-list{color:var(--ink-soft);font-size:16px}.dl-help code{padding:2px 6px;border-radius:6px;background:var(--bg-inset);color:var(--code-inline-ink);font-family:var(--mono);font-size:13.5px;white-space:nowrap}:root[data-theme=dark] .dl-help code{background:var(--bg-raise)}.dl-help-more{margin-top:18px;color:var(--ink-faint);font-size:15px}.dl-help-more a,.dl-footnote a{color:var(--accent-text);text-decoration:none}.dl-help-more a:hover,.dl-footnote a:hover{text-decoration:underline}.dl-hint{max-width:620px;margin:20px auto 0;color:var(--ink-faint);font-size:14.5px;text-align:center}.dl-footnote{max-width:620px;margin:56px auto 0;padding-top:28px;border-top:1px solid var(--hairline-soft);color:var(--ink-faint);font-size:13px;text-align:center}.intro-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 18px;padding:44px 22px;border-top:1px solid var(--hairline-soft);color:var(--ink-faint);font-size:13px;letter-spacing:-.01em}.footer-version{font-variant-numeric:tabular-nums}.footer-link{padding:0;border:none;background:none;color:var(--ink-faint);font-size:13px;font-family:var(--font);letter-spacing:-.01em;cursor:pointer;transition:color .2s}.footer-link:hover{color:var(--accent-text)}.to-top{position:fixed;right:24px;bottom:24px;z-index:40;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:none;border-radius:50%;background:var(--nav-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--ink);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);box-shadow:0 2px 14px #0000001f;transition:opacity .3s,transform .3s,visibility .3s}.to-top.show{opacity:1;visibility:visible;transform:translateY(0)}.guide-versions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:34px}.guide-version-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 15px;border:none;border-radius:var(--r-pill);background:var(--bg-inset);color:var(--ink-soft);font-size:14px;font-family:var(--font);cursor:pointer;transition:background .2s,color .2s}:root[data-theme=dark] .guide-version-pill{background:var(--bg-raise)}.guide-version-pill em{font-style:normal;font-size:11.5px;color:var(--ink-faint)}.guide-version-pill:hover{color:var(--ink)}.guide-version-pill.active{background:var(--accent);color:#fff}.guide-version-pill.active em{color:#ffffffbf}.guide-version-note{color:var(--ink-faint);font-size:13.5px}.guide-doc{padding:0}.guide-doc+.guide-doc{margin-top:32px}.guide-doc-title{color:var(--ink);font-size:24px;font-weight:700;letter-spacing:-.03em;margin-bottom:20px}.guide-markdown{color:var(--ink-soft);font-size:16.5px;line-height:1.62;letter-spacing:-.012em}.guide-markdown>*+*{margin-top:16px}.guide-markdown h1,.guide-markdown h2,.guide-markdown h3,.guide-markdown h4,.guide-markdown h5,.guide-markdown h6{color:var(--ink);font-weight:650;letter-spacing:-.028em;line-height:1.25;margin-top:34px}.guide-markdown h1{font-size:30px}.guide-markdown h2{font-size:24px}.guide-markdown h3{font-size:20px}.guide-markdown h4{font-size:17px}.guide-markdown a{color:var(--accent);text-decoration:none}.guide-markdown a:hover{text-decoration:underline}.guide-markdown strong{color:var(--ink);font-weight:600}.guide-markdown ul,.guide-markdown ol{padding-left:24px}.guide-markdown li+li{margin-top:7px}.guide-markdown li::marker{color:var(--ink-faint)}.guide-markdown blockquote{padding:4px 0 4px 20px;border-left:3px solid var(--hairline);color:var(--ink-soft)}.guide-markdown code{padding:2px 6px;border-radius:6px;background:var(--code-bg);color:var(--code-inline-ink);font-family:var(--mono);font-size:14px}.guide-markdown pre{padding:18px 20px;border-radius:var(--r-md);background:var(--code-bg);overflow-x:auto}.guide-markdown pre code{padding:0;background:none;color:var(--code-ink);font-size:14px}.guide-markdown img{max-width:100%;border-radius:var(--r-md)}.guide-markdown table{width:100%;border-collapse:collapse;font-size:15.5px}.guide-markdown th,.guide-markdown td{padding:12px 16px;border-bottom:1px solid var(--hairline-soft);text-align:left}.guide-markdown th{color:var(--ink-faint);font-size:13px;font-weight:600}.guide-markdown hr{border:none;border-top:1px solid var(--hairline-soft);margin:32px 0}@media(max-width:1000px){.doc-layout{grid-template-columns:1fr;gap:0}.doc-toc{display:none}.flow-layout{grid-template-columns:1fr;gap:28px}.section{padding:88px 22px}.section-head{margin-bottom:44px}}@media(max-width:860px){.nav-links{display:none}.nav-links.open{display:flex;position:absolute;top:48px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:8px 16px 16px;background:var(--nav-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--hairline-soft)}.nav-links.open .nav-link{padding:12px 8px;font-size:15px;text-align:left}.nav-burger{display:flex}.bento{grid-template-columns:1fr}.bento-tile{min-height:0;padding:32px 28px}.shots-grid{grid-template-columns:1fr}.lightbox{padding:20px}.lightbox-nav{display:none}.doc-article-head{flex-direction:column;gap:10px}.doc-article-icon{transform:none}}@media(max-width:640px){.hero{padding:112px 20px 0}.hero-actions{flex-direction:column;align-items:stretch}.cta-primary,.cta-ghost{justify-content:center}.section{padding:72px 20px}.section-head h2{letter-spacing:-.03em}.doc-article{padding:40px 0}.doc-article-head h3{font-size:23px}.flow-stage{min-height:280px}.flow-scene{padding:18px}.live-stat{min-width:88px;padding:14px}.faq-q{font-size:17px;padding:20px 2px}.to-top{right:16px;bottom:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.flow-step-progress{width:calc(100% - 32px)}}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.pricing-card{display:flex;flex-direction:column;gap:8px;padding:28px 26px;border-radius:var(--r-md);background:var(--bg-tint);transition:transform .3s cubic-bezier(.28,.11,.32,1)}.pricing-card:hover{transform:translateY(-3px)}.pricing-card.best{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.pricing-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:22px}.pricing-name{color:var(--ink);font-size:17px;font-weight:600;letter-spacing:-.022em}.pricing-flag{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--r-pill);background:var(--accent);color:#fff;font-size:11.5px;font-weight:600;white-space:nowrap}.pricing-save{padding:3px 9px;border-radius:var(--r-pill);background:var(--bg-inset);color:var(--ink-soft);font-size:11.5px;font-weight:600;white-space:nowrap}.pricing-credits{display:flex;align-items:baseline;gap:6px;margin-top:6px}.pricing-credits strong{color:var(--ink);font-size:40px;font-weight:700;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}.pricing-credits span{color:var(--ink-faint);font-size:15px}.pricing-price{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}.pricing-price strong{color:var(--ink);font-size:22px;font-weight:650;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.pricing-price s{color:var(--ink-faint);font-size:15px}.pricing-unit{color:var(--ink-faint);font-size:14px;letter-spacing:-.01em}.pricing-foot{margin-top:40px;padding-top:28px;border-top:1px solid var(--hairline-soft)}.pricing-channels{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pricing-channels-label{display:inline-flex;align-items:center;gap:6px;color:var(--ink-faint);font-size:14px}.pricing-channels-list{display:inline-flex;gap:8px;flex-wrap:wrap}.pricing-channel{padding:5px 14px;border-radius:var(--r-pill);background:var(--bg-tint);color:var(--ink-soft);font-size:13.5px}.pricing-note{margin-top:16px;color:var(--ink-faint);font-size:14.5px;line-height:1.6}.pricing-note a{color:var(--accent-text);text-decoration:none}.pricing-note a:hover{text-decoration:underline}.pricing-skeleton{height:196px;border-radius:var(--r-md);background:linear-gradient(90deg,var(--bg-tint) 25%,var(--bg-inset) 50%,var(--bg-tint) 75%);background-size:200% 100%;animation:skeleton-sweep 1.4s ease-in-out infinite}@keyframes skeleton-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}.models-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:22px;flex-wrap:wrap}.models-search{position:relative;flex:1 1 220px;min-width:0;max-width:320px}.models-search svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--ink-faint);pointer-events:none}.models-search input{width:100%;height:40px;padding:0 38px 0 40px;border:none;border-radius:var(--r-pill);background:var(--bg-inset);color:var(--ink);font-size:15px;font-family:var(--font);letter-spacing:-.01em;outline:none;transition:box-shadow .2s}.models-search input::placeholder{color:var(--ink-faint)}.models-search input:focus{box-shadow:0 0 0 3px var(--accent-soft)}.models-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:50%;background:none;color:var(--ink-faint);cursor:pointer}.models-search-clear:hover{color:var(--ink)}.models-count{margin-left:auto;color:var(--ink-faint);font-size:14px;letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap}.models-table-wrap{overflow-x:auto}.models-table{width:100%;border-collapse:collapse}.models-table th{padding:12px 16px;border-bottom:1px solid var(--hairline);color:var(--ink-faint);font-size:13px;font-weight:600;letter-spacing:-.01em;text-align:left;white-space:nowrap}.models-table td{padding:15px 16px;border-bottom:1px solid var(--hairline-soft);color:var(--ink-soft);font-size:15px;letter-spacing:-.012em;vertical-align:middle}.models-table tbody tr{transition:background .18s}.models-table tbody tr:hover{background:var(--bg-tint)}.models-name{display:flex;flex-direction:column;gap:3px;min-width:0}.models-name strong{color:var(--ink);font-size:15.5px;font-weight:600;letter-spacing:-.015em}.models-name code{color:var(--ink-faint);font-family:var(--mono);font-size:12.5px;letter-spacing:0}.models-caps{display:inline-flex;gap:6px;flex-wrap:wrap}.models-cap{padding:3px 10px;border-radius:var(--r-pill);background:var(--bg-tint);color:var(--ink-faint);font-size:12.5px;white-space:nowrap}.models-cap.vision{display:inline-flex;align-items:center;gap:4px;background:var(--accent-soft);color:var(--accent-text)}.models-context{color:var(--ink-soft);font-variant-numeric:tabular-nums;white-space:nowrap}.models-credit{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}.models-credit.free{color:var(--accent-text);font-weight:600}.models-note{margin-top:28px;color:var(--ink-faint);font-size:14.5px;line-height:1.75}.models-note code{padding:2px 7px;border-radius:6px;background:var(--bg-inset);color:var(--ink-soft);font-family:var(--mono);font-size:13px;letter-spacing:0}.models-skeleton{height:54px;margin-bottom:1px;border-radius:8px;background:linear-gradient(90deg,var(--bg-tint) 25%,var(--bg-inset) 50%,var(--bg-tint) 75%);background-size:200% 100%;animation:skeleton-sweep 1.4s ease-in-out infinite}.empty-panel{display:flex;flex-direction:column;align-items:center;gap:10px;padding:72px 24px;border-radius:var(--r-lg);background:var(--bg-tint);color:var(--ink-faint);text-align:center}.empty-panel strong{color:var(--ink);font-size:19px;font-weight:600;letter-spacing:-.022em}.empty-panel span{max-width:420px;font-size:15px;line-height:1.6}@media(max-width:640px){.pricing-grid{grid-template-columns:1fr}.pricing-card{padding:24px 22px}.pricing-credits strong{font-size:34px}.models-search{max-width:none;flex:1 1 100%}.models-table th,.models-table td{padding:12px}.models-table th:nth-child(2),.models-table td:nth-child(2){display:none}.models-count{font-size:13px}}@media(prefers-reduced-motion:reduce){.pricing-skeleton,.models-skeleton{animation:none!important}}.section-head .models-typer{display:flex;align-items:center;justify-content:center;gap:8px;min-height:26px;max-width:none;margin:14px auto 0;font-family:var(--mono);font-size:15px;line-height:1.4;letter-spacing:0;color:var(--ink-faint)}.models-typer-prefix{flex-shrink:0}.models-typer-text{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--ink);font-weight:600}.models-typer-caret{display:inline-block;width:2px;height:1.05em;flex-shrink:0;background:var(--accent-text);animation:typer-blink 1s step-end infinite}@keyframes typer-blink{50%{opacity:0}}@media(max-width:640px){.section-head .models-typer{font-size:13px}.models-typer-prefix{display:none}}@media(prefers-reduced-motion:reduce){.models-typer-caret{animation:none!important}}[data-spotlight]{position:relative;isolation:isolate}[data-spotlight]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:-1;opacity:0;background:radial-gradient(200px circle at var(--px, 50%) var(--py, 50%),color-mix(in srgb,var(--accent) 12%,transparent),transparent 70%);transition:opacity .45s cubic-bezier(.28,.11,.32,1)}[data-spotlight]:hover:after{opacity:1}.bento-tile.dark[data-spotlight]:after{background:radial-gradient(240px circle at var(--px, 50%) var(--py, 50%),color-mix(in srgb,#ffffff 14%,transparent),transparent 70%)}.reveal .bento-tile,.reveal .shot-card{transform:translateY(18px) scale(.985)}.reveal.in .bento-tile,.reveal.in .shot-card{transform:none;transition:transform .72s cubic-bezier(.28,.11,.32,1);transition-delay:calc(var(--stagger, 0) * 70ms)}.page-head .pricing-card{animation:card-rise .72s cubic-bezier(.28,.11,.32,1) backwards;animation-delay:calc(var(--stagger, 0) * 70ms)}@keyframes card-rise{0%{transform:translateY(18px) scale(.985)}to{transform:none}}.reveal.in .bento-tile:hover{transform:scale(1.012)}.reveal.in .shot-card:hover{transform:scale(1.015)}.page-head .pricing-card:hover{transform:translateY(-3px)}@media(prefers-reduced-motion:reduce){[data-spotlight]:after{display:none}.reveal .bento-tile,.reveal .shot-card,.page-head .pricing-card{transform:none}.reveal.in .bento-tile,.reveal.in .shot-card,.page-head .pricing-card{transition:none!important;animation:none!important}}.dmg-notice{--warn-ink: #ffc46b;--warn-line: rgba(255, 176, 64, .34);position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px;background:#0000009e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:dmg-notice-fade .18s ease}:root[data-theme=light] .dmg-notice{--warn-ink: #a05f00;--warn-line: rgba(176, 112, 0, .4)}@media(prefers-color-scheme:light){:root[data-theme=system] .dmg-notice{--warn-ink: #a05f00;--warn-line: rgba(176, 112, 0, .4)}}@keyframes dmg-notice-fade{0%{opacity:0}}@keyframes dmg-notice-pop{0%{opacity:0;transform:translateY(14px) scale(.97)}}.dmg-notice-card{position:relative;width:min(560px,100%);max-height:min(86vh,720px);overflow:auto;border-radius:20px;border:1px solid var(--warn-line);background:var(--bg-raise);padding:26px 26px 20px;box-shadow:0 24px 80px #00000080;animation:dmg-notice-pop .22s cubic-bezier(.2,.9,.3,1.15)}.dmg-notice-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--hairline);background:transparent;color:var(--ink-faint);cursor:pointer}.dmg-notice-close:hover{color:var(--ink);background:var(--bg-inset)}.dmg-notice-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-right:32px;color:var(--warn-ink)}.dmg-notice-head h3{font-size:19px;font-weight:700;letter-spacing:-.015em}.dmg-notice-lead{color:var(--ink-soft);font-size:15px;line-height:1.7;margin-bottom:14px}.dmg-notice-steps{list-style:none;counter-reset:dmg-step;display:grid;gap:9px;margin:0 0 16px;padding:0}.dmg-notice-steps li{counter-increment:dmg-step;position:relative;padding-left:33px;color:var(--ink-soft);font-size:14.5px;line-height:1.55}.dmg-notice-steps li:before{content:counter(dmg-step);position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--bg-inset);color:var(--warn-ink);font-size:12.5px;font-weight:700}.dmg-notice .doc-code{margin-bottom:18px}.dmg-notice-go{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border:0;border-radius:12px;background:linear-gradient(135deg,#ffb340,#f59010);color:#2a1700;font-size:15.5px;font-weight:600;cursor:pointer}.dmg-notice-go:hover{filter:brightness(1.06)}.dmg-notice-go:focus-visible{outline:2px solid var(--warn-ink);outline-offset:2px}.dmg-notice-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;font-size:13.5px;color:var(--ink-faint)}.dmg-notice-foot label{display:flex;align-items:center;gap:7px;cursor:pointer;-webkit-user-select:none;user-select:none}.dmg-notice-foot input[type=checkbox]{width:15px;height:15px;accent-color:#f5a623}.dmg-notice-foot a{color:var(--accent-text);text-decoration:none}.dmg-notice-foot a:hover{text-decoration:underline}.demo{--d-app-bg: #f4f5f9;--d-surface: rgba(255, 255, 255, .88);--d-surface-solid: #ffffff;--d-surface-soft: #f4f5f9;--d-surface-hover: #eceef4;--d-glass-sidebar: rgba(246, 247, 251, .74);--d-glass-titlebar: rgba(249, 250, 253, .72);--d-glass-statusbar: rgba(247, 248, 252, .8);--d-line: #e5e7ee;--d-line-strong: #d3d6e1;--d-ink: #14151a;--d-ink-strong: #3a3b47;--d-ink-soft: #53555f;--d-muted: #67697a;--d-subtle: #6a6c7c;--d-accent: #4f46e5;--d-accent-strong: #4338ca;--d-accent-hover: #5b52f0;--d-accent-soft: rgba(79, 70, 229, .08);--d-accent-soft-2: rgba(79, 70, 229, .14);--d-accent-selected: rgba(79, 70, 229, .22);--d-accent-border: rgba(79, 70, 229, .38);--d-brand-grad: linear-gradient(135deg, #6a6af3, #4f46e5 58%, #4338ca);--d-green: #147a4c;--d-green-soft: #e6f5ec;--d-green-border: #c8e7d5;--d-yellow: #91600b;--d-yellow-soft: #fcf3da;--d-yellow-border: #efe0ad;--d-red: #b3362f;--d-red-soft: #fceeec;--d-red-border: #f2d1ce;--d-blue: #3f57b8;--d-blue-soft: #edf0fc;--d-blue-border: #d5dcf6;--d-purple: #7a4fc9;--d-purple-soft: #f3eefb;--d-purple-border: #e2d7f5;--d-orange: #a85a20;--d-orange-soft: #fdf1e5;--d-orange-border: #f4ddc4;--d-chart-hit: #6366f1;--d-chart-miss: #e0873a;--d-ring-track: #e6e9fc;--d-ring-fill: #6366f1;--d-scroll-thumb: #c7cad6;--d-scroll-thumb-hover: #a9adbd;--d-shadow-sm: 0 1px 2px rgba(45, 47, 92, .07);--d-shadow: 0 1px 2px rgba(45, 47, 92, .06), 0 14px 36px -12px rgba(45, 47, 92, .16);--d-shadow-shot: 0 8px 40px rgba(45, 47, 92, .16)}.demo[data-demo-theme=dark]{--d-app-bg: #131419;--d-surface: rgba(26, 27, 34, .9);--d-surface-solid: #1b1c24;--d-surface-soft: #20212b;--d-surface-hover: #2a2b38;--d-glass-sidebar: rgba(21, 22, 29, .74);--d-glass-titlebar: rgba(23, 24, 31, .72);--d-glass-statusbar: rgba(22, 23, 30, .8);--d-line: #2b2c39;--d-line-strong: #3c3e50;--d-ink: #edeff5;--d-ink-strong: #d3d5e3;--d-ink-soft: #b7bacb;--d-muted: #999cb0;--d-subtle: #8a8da4;--d-accent: #818cf8;--d-accent-strong: #a5b4fc;--d-accent-hover: #9399fa;--d-accent-soft: rgba(129, 140, 248, .13);--d-accent-soft-2: rgba(129, 140, 248, .2);--d-accent-selected: rgba(129, 140, 248, .32);--d-accent-border: rgba(129, 140, 248, .42);--d-green: #43c98a;--d-green-soft: rgba(67, 201, 138, .15);--d-green-border: rgba(67, 201, 138, .34);--d-yellow: #e3b341;--d-yellow-soft: rgba(227, 179, 65, .15);--d-yellow-border: rgba(227, 179, 65, .34);--d-red: #ef7b74;--d-red-soft: rgba(239, 123, 116, .15);--d-red-border: rgba(239, 123, 116, .34);--d-blue: #8fa6ee;--d-blue-soft: rgba(125, 151, 224, .16);--d-blue-border: rgba(143, 166, 238, .36);--d-purple: #b59ce0;--d-purple-soft: rgba(137, 113, 168, .2);--d-purple-border: rgba(181, 156, 224, .36);--d-orange: #e39a5c;--d-orange-soft: rgba(196, 130, 70, .18);--d-orange-border: rgba(227, 154, 92, .36);--d-scroll-thumb: #3d3f52;--d-scroll-thumb-hover: #52546a;--d-chart-hit: #818cf8;--d-chart-miss: #dfa05e;--d-ring-track: rgba(129, 140, 248, .2);--d-ring-fill: #818cf8;--d-shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--d-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 14px 36px -12px rgba(0, 0, 0, .4);--d-shadow-shot: 0 10px 44px rgba(0, 0, 0, .55)}.demo{margin:64px auto 0;width:min(1024px,100%);border-radius:var(--r-lg);overflow:hidden;background:var(--d-app-bg);color:var(--d-ink);box-shadow:var(--d-shadow-shot);display:flex;flex-direction:column;text-align:left;animation:shot-rise 1s .36s cubic-bezier(.28,.11,.32,1) both;transition:background-color .35s ease,color .35s ease}.demo-titlebar{display:flex;align-items:center;gap:8px;padding:0 12px;height:34px;background:var(--d-glass-titlebar);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--d-line);transition:background-color .35s ease,border-color .35s ease}.demo-mobile-menu{display:none;align-items:center;justify-content:center;width:18px;height:18px;border:none;border-radius:5px;background:none;color:var(--d-ink-soft);cursor:pointer}.demo-title-brand{color:var(--d-ink);font-size:11px;font-weight:700;letter-spacing:-.01em}.demo-title-sep{color:var(--d-line-strong);font-size:11px}.demo-title-current{color:var(--d-ink-soft);font-size:11px}.demo-theme-switch{display:flex;gap:1px;margin-left:auto;padding:2px;border-radius:7px;background:var(--d-surface-soft)}.demo-theme-switch button{display:inline-flex;align-items:center;gap:3px;padding:3px 7px;border:none;border-radius:5px;background:none;color:var(--d-muted);font-size:9px;font-family:var(--font);cursor:pointer;transition:background .2s,color .2s}.demo-theme-switch button:hover{color:var(--d-ink)}.demo-theme-switch button.on{background:var(--d-surface-solid);color:var(--d-accent);font-weight:600;box-shadow:var(--d-shadow-sm)}.demo-body{display:grid;grid-template-columns:158px 1fr;grid-template-rows:1fr;height:452px}.demo-body>*{min-height:0}.demo-main::-webkit-scrollbar,.demo-nav-rail::-webkit-scrollbar{width:10px;height:10px}.demo-main::-webkit-scrollbar-track,.demo-main::-webkit-scrollbar-corner,.demo-nav-rail::-webkit-scrollbar-track,.demo-nav-rail::-webkit-scrollbar-corner{background:transparent}.demo-main::-webkit-scrollbar-thumb,.demo-nav-rail::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:8px;background:var(--d-scroll-thumb);background-clip:padding-box}.demo-main::-webkit-scrollbar-thumb:hover,.demo-nav-rail::-webkit-scrollbar-thumb:hover{background-color:var(--d-scroll-thumb-hover)}.demo-main{scrollbar-width:thin;scrollbar-color:var(--d-scroll-thumb) transparent}.demo-sidebar{display:flex;flex-direction:column;background:var(--d-glass-sidebar);border-right:1px solid var(--d-line);transition:background-color .35s ease,border-color .35s ease}.demo-sidebar-brand{display:flex;align-items:center;gap:6px;padding:10px 10px 8px}.demo-brand-mark{display:flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:6px;background:var(--d-brand-grad);color:#fff;font-size:8px;font-weight:800;letter-spacing:-.02em}.demo-sidebar-brand-name{color:var(--d-ink);font-size:11.5px;font-weight:700;letter-spacing:-.015em}.demo-nav-rail{flex:1;min-height:0;padding:2px 6px 8px;overflow-y:auto;scrollbar-width:none}.demo-nav-rail::-webkit-scrollbar{display:none}.demo-nav-group{margin-bottom:8px}.demo-nav-group-label{display:block;padding:3px 6px 4px;color:var(--d-subtle);font-size:8.5px;font-weight:700;letter-spacing:.06em}.demo-nav-item{display:flex;align-items:center;gap:6px;width:100%;padding:5px 6px;border:none;border-radius:7px;background:none;color:var(--d-ink-soft);font-size:10.5px;font-family:var(--font);text-align:left;cursor:pointer;transition:background .18s,color .18s}.demo-nav-item:hover{background:var(--d-surface-hover);color:var(--d-ink)}.demo-nav-item.selected{background:var(--d-accent-selected);color:var(--d-accent-strong);font-weight:600}.demo-nav-item span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-nav-check{flex-shrink:0}.demo-sidebar-bottom{display:flex;align-items:center;gap:5px;padding:8px 10px;border-top:1px solid var(--d-line)}.demo-avatar{display:flex;align-items:center;justify-content:center;width:17px;height:17px;flex-shrink:0;border-radius:50%;background:var(--d-accent-soft-2);color:var(--d-accent-strong);font-size:8px;font-weight:700}.demo-user-name{flex:1;min-width:0;color:var(--d-ink-soft);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-sidebar-actions{display:flex;gap:1px}.demo-sidebar-actions button{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;border-radius:5px;background:none;color:var(--d-subtle);cursor:pointer;transition:background .18s,color .18s}.demo-sidebar-actions button:hover{background:var(--d-surface-hover);color:var(--d-ink)}.demo-chips{display:none;gap:10px;padding:7px 10px;overflow-x:auto;background:var(--d-glass-sidebar);border-bottom:1px solid var(--d-line)}.demo-chip-group{display:flex;align-items:center;gap:3px;flex-shrink:0}.demo-chip-label{color:var(--d-subtle);font-size:8.5px;font-weight:700;letter-spacing:.04em;margin-right:1px}.demo-chips button{flex-shrink:0;padding:3px 8px;border:none;border-radius:var(--r-pill);background:var(--d-surface-soft);color:var(--d-ink-soft);font-size:9.5px;font-family:var(--font);cursor:pointer;white-space:nowrap}.demo-chips button.on{background:var(--d-accent);color:#fff;font-weight:600}.demo-main{padding:12px 14px 16px;min-width:0;overflow-y:auto;background:var(--d-app-bg);transition:background-color .35s ease}.demo-page{animation:demo-page-in .32s cubic-bezier(.28,.11,.32,1) both}@keyframes demo-page-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.demo-page-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.demo-eyebrow{color:var(--d-subtle);font-size:9px;font-weight:600;letter-spacing:.03em;margin-bottom:2px}.demo-page-intro h1{color:var(--d-ink);font-size:19px;font-weight:750;letter-spacing:-.03em;line-height:1.15}.demo-page-intro h2{color:var(--d-ink);font-size:15.5px;font-weight:700;letter-spacing:-.025em;line-height:1.2}.demo-page-intro p{margin-top:3px;max-width:470px;color:var(--d-muted);font-size:10px;line-height:1.5}.demo-intro-actions{display:flex;align-items:center;gap:5px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.demo-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border:1px solid transparent;border-radius:7px;background:var(--d-surface-solid);color:var(--d-ink-strong);font-size:10px;font-family:var(--font);cursor:pointer;white-space:nowrap;transition:background .18s,color .18s,border-color .18s,transform .1s}.demo-btn.ghost{background:transparent;border-color:var(--d-line-strong);color:var(--d-ink-soft)}.demo-btn.ghost:hover{background:var(--d-surface-hover);color:var(--d-ink)}.demo-btn.primary{background:var(--d-accent);border-color:transparent;color:#fff;font-weight:600}.demo-btn.primary:hover{background:var(--d-accent-hover)}.demo-btn.primary.full{width:100%;justify-content:center}.demo-btn.warning{color:var(--d-yellow);border-color:var(--d-yellow-border);background:var(--d-yellow-soft)}.demo-btn.sm{padding:3px 7px;font-size:9.5px}.demo-btn.icon-only{padding:5px 6px}.demo-btn:active{transform:scale(.97)}.demo-icon-button{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:6px;background:none;color:var(--d-muted);cursor:pointer;transition:background .18s,color .18s}.demo-icon-button:hover{background:var(--d-surface-hover);color:var(--d-ink)}.demo-icon-button.danger:hover{background:var(--d-red-soft);color:var(--d-red)}.demo-select{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border:1px solid var(--d-line-strong);border-radius:7px;background:var(--d-surface-solid);color:var(--d-ink-soft);font-size:10px;font-family:var(--font);cursor:pointer;white-space:nowrap}.demo-select.wide{min-width:190px;justify-content:space-between}.demo-segmented{display:inline-flex;gap:2px;padding:2px;border-radius:8px;background:var(--d-surface-soft)}.demo-segmented button{padding:4px 9px;border:none;border-radius:6px;background:none;color:var(--d-muted);font-size:9.5px;font-family:var(--font);cursor:pointer;white-space:nowrap;transition:background .18s,color .18s}.demo-segmented button:hover{color:var(--d-ink)}.demo-segmented button.on{background:var(--d-surface-solid);color:var(--d-accent);font-weight:600;box-shadow:var(--d-shadow-sm)}.demo-search-box{position:relative;display:inline-flex;align-items:center;gap:5px;flex:1;min-width:0;max-width:250px;padding:0 9px;height:26px;border:1px solid var(--d-line-strong);border-radius:7px;background:var(--d-surface-solid);color:var(--d-subtle)}.demo-search-box.sm{max-width:175px;height:24px}.demo-search-box input{flex:1;min-width:0;border:none;background:none;color:var(--d-ink);font-size:10px;font-family:var(--font);outline:none}.demo-search-box input::placeholder{color:var(--d-subtle)}.demo-input{width:100%;max-width:260px;padding:5px 9px;border:1px solid var(--d-line-strong);border-radius:7px;background:var(--d-surface-solid);color:var(--d-ink);font-size:10.5px;font-family:var(--font);outline:none}.demo-input.sm{max-width:76px;text-align:right}.demo-input::placeholder{color:var(--d-subtle)}.demo-switch{position:relative;width:28px;height:16px;flex-shrink:0;padding:0;border:none;border-radius:var(--r-pill);background:var(--d-line-strong);cursor:pointer;transition:background .22s}.demo-switch span{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .22s cubic-bezier(.28,.11,.32,1)}.demo-switch.on{background:var(--d-accent)}.demo-switch.on span{transform:translate(12px)}.demo-pill{display:inline-flex;align-items:center;padding:2px 7px;border-radius:var(--r-pill);font-size:9px;font-weight:600;white-space:nowrap}.demo-pill.success{background:var(--d-green-soft);color:var(--d-green)}.demo-pill.warning{background:var(--d-yellow-soft);color:var(--d-yellow)}.demo-pill.muted{background:var(--d-surface-soft);color:var(--d-muted)}.demo-pill.danger{background:var(--d-red-soft);color:var(--d-red)}.demo-tag{padding:2px 6px;border-radius:5px;background:var(--d-surface-soft);color:var(--d-muted);font-size:9px;white-space:nowrap}.demo-tag-list{display:inline-flex;gap:4px;flex-wrap:wrap}.demo-platform-chip{padding:1px 6px;border-radius:5px;background:var(--d-accent-soft);color:var(--d-accent-strong);font-size:8.5px;font-weight:600;white-space:nowrap}.demo-plan-chip{padding:1px 6px;border-radius:5px;background:var(--d-purple-soft);color:var(--d-purple);font-size:8.5px;font-weight:700}.demo-runtime-chip{align-self:flex-start;padding:1px 5px;border-radius:4px;background:var(--d-yellow-soft);color:var(--d-yellow);font-size:8.5px}.demo-code-chip{margin-left:5px;padding:1px 5px;border-radius:4px;background:var(--d-surface-soft);color:var(--d-muted);font-family:var(--mono);font-size:8.5px}.demo-code-status{font-size:10px;font-weight:600}.demo-code-status.ok{color:var(--d-green)}.demo-code-status.fail{color:var(--d-red)}.demo-muted-text{color:var(--d-subtle);font-size:9.5px}.demo-panel{padding:12px 13px;margin-bottom:10px;border:1px solid var(--d-line);border-radius:var(--radius);background:var(--d-surface);box-shadow:var(--d-shadow-sm);transition:background-color .35s ease,border-color .35s ease}.demo-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:9px}.demo-panel-heading h3{color:var(--d-ink);font-size:12.5px;font-weight:700;letter-spacing:-.02em}.demo-panel-kicker{display:flex;align-items:center;gap:4px;margin-bottom:2px;color:var(--d-subtle);font-size:8.5px;font-weight:600;letter-spacing:.04em}.demo-panel-desc{margin-bottom:9px;color:var(--d-muted);font-size:10px;line-height:1.5}.demo-note{margin-top:9px;color:var(--d-subtle);font-size:9.5px;text-align:center}.demo-stats-view-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.demo-view-toggle{display:inline-flex;gap:2px;padding:2px;border-radius:8px;background:var(--d-surface-soft)}.demo-view-toggle button{padding:4px 11px;border:none;border-radius:6px;background:none;color:var(--d-muted);font-size:10px;font-family:var(--font);cursor:pointer}.demo-view-toggle button.active{background:var(--d-surface-solid);color:var(--d-accent);font-weight:600;box-shadow:var(--d-shadow-sm)}.demo-date-trigger{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:1px solid var(--d-line-strong);border-radius:7px;background:var(--d-surface-solid);color:var(--d-ink-soft);font-size:9.5px;font-family:var(--font);cursor:pointer}.demo-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}.demo-hero-status{grid-column:1 / -1;display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--d-line);border-radius:var(--radius);background:var(--d-surface);box-shadow:var(--d-shadow-sm);flex-wrap:wrap}.demo-hero-status.running{background:linear-gradient(135deg,var(--d-surface),var(--d-green-soft));border-color:var(--d-green-border)}.demo-hero-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:10px;background:var(--d-surface-soft);color:var(--d-ink-soft)}.demo-hero-status.running .demo-hero-icon{background:var(--d-green-soft);color:var(--d-green)}.demo-hero-main{flex:1;min-width:190px}.demo-hero-titleline{display:flex;align-items:center;gap:7px;margin:2px 0 3px}.demo-hero-value{color:var(--d-ink);font-size:16px;font-weight:750;letter-spacing:-.03em}.demo-hero-main p{color:var(--d-muted);font-size:9.5px;line-height:1.5}.demo-hero-side{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.demo-hero-stat{display:flex;flex-direction:column;gap:1px}.demo-hero-stat span{color:var(--d-subtle);font-size:8.5px}.demo-hero-stat strong{color:var(--d-ink);font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums}.demo-credit-unit{color:var(--d-muted);font-size:11px}.demo-metric-card{display:flex;align-items:flex-start;gap:9px;padding:10px 11px;border:1px solid var(--d-line);border-radius:var(--radius);background:var(--d-surface);box-shadow:var(--d-shadow-sm)}.demo-metric-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;border-radius:7px}.demo-metric-icon.blue{background:var(--d-blue-soft);color:var(--d-blue)}.demo-metric-icon.purple{background:var(--d-purple-soft);color:var(--d-purple)}.demo-metric-icon.green{background:var(--d-green-soft);color:var(--d-green)}.demo-metric-icon.orange{background:var(--d-orange-soft);color:var(--d-orange)}.demo-metric-body{min-width:0;display:flex;flex-direction:column;gap:1px}.demo-metric-label{color:var(--d-subtle);font-size:9px}.demo-metric-body strong{color:var(--d-ink);font-size:15px;font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.demo-metric-trend small{color:var(--d-subtle);font-size:8.5px}.demo-two-column{display:grid;grid-template-columns:1.55fr 1fr;gap:10px}.demo-chart-legend{display:flex;align-items:center;gap:11px;margin-bottom:7px;color:var(--d-muted);font-size:9px;flex-wrap:wrap}.demo-legend-dot{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:2px}.demo-legend-dot.hit{background:var(--d-chart-hit)}.demo-legend-dot.miss{background:var(--d-chart-miss)}.demo-chart-average strong{color:var(--d-ink)}.demo-chart-axis-hint{margin-left:auto}.demo-chart{display:flex;gap:5px;height:92px}.demo-chart-axis{display:flex;flex-direction:column;justify-content:space-between;color:var(--d-subtle);font-size:8px;font-variant-numeric:tabular-nums;text-align:right;flex-shrink:0}.demo-chart-bars{flex:1;display:flex;align-items:flex-end;gap:2px;min-width:0}.demo-bar-group{flex:1;min-width:3px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:1px}.demo-bar{display:block;width:100%;border-radius:2px}.demo-bar.hit{background:var(--d-chart-hit)}.demo-bar.miss{background:var(--d-chart-miss)}.demo-chart-hours{display:flex;justify-content:space-between;margin-top:5px;padding-left:20px;color:var(--d-subtle);font-size:8px;font-variant-numeric:tabular-nums}.demo-health-score{display:flex;align-items:center;gap:11px}.demo-score-ring{position:relative;display:flex;align-items:baseline;justify-content:center;width:54px;height:54px;flex-shrink:0;border-radius:50%;background:conic-gradient(var(--d-ring-fill) var(--p, 100%),var(--d-ring-track) 0)}.demo-score-ring:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:var(--d-surface)}.demo-score-ring strong{position:relative;z-index:1;align-self:center;color:var(--d-ink);font-size:13px;font-weight:750;font-variant-numeric:tabular-nums}.demo-score-ring span{position:relative;z-index:1;align-self:center;color:var(--d-muted);font-size:8.5px}.demo-health-score>div:last-child{min-width:0}.demo-health-score strong{color:var(--d-ink);font-size:11px;font-weight:650}.demo-health-score p{margin-top:3px;color:var(--d-subtle);font-size:9px;line-height:1.5}.demo-health-score b{color:var(--d-ink-soft)}.demo-health-list{display:flex;gap:18px;margin-top:10px;padding-top:9px;border-top:1px solid var(--d-line)}.demo-health-list>div{display:flex;align-items:center;gap:6px}.demo-health-label{display:inline-flex;align-items:center;gap:4px;color:var(--d-subtle);font-size:9px}.demo-health-list strong{color:var(--d-ink);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.demo-tiny-dot{display:inline-block;width:5px;height:5px;border-radius:50%}.demo-tiny-dot.green{background:var(--d-green)}.demo-tiny-dot.red{background:var(--d-red)}.demo-full-link{display:block;width:100%;margin-top:10px;padding:6px 0 0;border:none;border-top:1px solid var(--d-line);background:none;color:var(--d-accent);font-size:9.5px;font-weight:600;font-family:var(--font);text-align:left;cursor:pointer}.demo-full-link:hover{color:var(--d-accent-hover)}.demo-inline-link{border:none;background:none;color:var(--d-accent);font-size:9.5px;font-weight:600;font-family:var(--font);cursor:pointer}.demo-inline-link:hover{color:var(--d-accent-hover)}.demo-mini-log-list{display:flex;flex-direction:column}.demo-mini-log{display:flex;align-items:center;gap:9px;padding:7px 4px;border-bottom:1px solid var(--d-line)}.demo-mini-log:last-child{border-bottom:none}.demo-log-status-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;border-radius:50%}.demo-log-status-icon.ok{background:var(--d-green-soft);color:var(--d-green)}.demo-log-status-icon.fail{background:var(--d-red-soft);color:var(--d-red)}.demo-mini-log-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.demo-mini-log-main strong{color:var(--d-ink);font-size:10px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-mini-log-main span{color:var(--d-subtle);font-size:9px}.demo-mini-log-time{color:var(--d-subtle);font-size:9px;font-variant-numeric:tabular-nums}.demo-table-panel{border:1px solid var(--d-line);border-radius:var(--radius);background:var(--d-surface);box-shadow:var(--d-shadow-sm);overflow:hidden;margin-bottom:10px}.demo-table-toolbar{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--d-line);flex-wrap:wrap}.demo-table-title{display:inline-flex;align-items:center;gap:6px;color:var(--d-ink);font-size:11.5px;font-weight:700;letter-spacing:-.02em}.demo-table-title b{color:var(--d-subtle);font-size:9.5px;font-weight:600}.demo-table-toolbar .demo-muted-text{margin-left:auto}.demo-table{width:100%;border-collapse:collapse}.demo-table th{padding:7px 12px;border-bottom:1px solid var(--d-line);background:var(--d-surface-soft);color:var(--d-subtle);font-size:8.5px;font-weight:700;letter-spacing:.03em;text-align:left;white-space:nowrap}.demo-table td{padding:8px 12px;border-bottom:1px solid var(--d-line);color:var(--d-ink-soft);font-size:9.5px;vertical-align:middle}.demo-table tbody tr:last-child td{border-bottom:none}.demo-table tbody tr{transition:background .16s}.demo-table tbody tr:hover{background:var(--d-surface-soft)}.demo-table td strong{color:var(--d-ink);font-size:10px;font-weight:600}.demo-col-check{width:28px}.demo-col-check input{width:11px;height:11px;accent-color:var(--d-accent)}.demo-cell-time{color:var(--d-subtle);font-variant-numeric:tabular-nums}.demo-cell-muted{color:var(--d-subtle)}.demo-cell-ok{color:var(--d-green);font-weight:600}.demo-cell-slow{color:var(--d-orange)}.demo-cell-stack{display:inline-flex;flex-direction:column;gap:2px;min-width:0}.demo-row-actions{display:inline-flex;gap:4px}.demo-key-cell{display:inline-flex;align-items:center;gap:3px}.demo-key-cell code,.demo-order-no{color:var(--d-muted);font-family:var(--mono);font-size:9px}.demo-account-cell{display:inline-flex;align-items:center;gap:7px}.demo-platform-avatar{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;border-radius:6px;background:var(--d-accent-soft-2);color:var(--d-accent-strong);font-size:9px;font-weight:700}.demo-alias-btn{padding:2px 7px;border:1px dashed var(--d-accent-border);border-radius:5px;background:var(--d-accent-soft);color:var(--d-accent-strong);font-size:9px;font-family:var(--font);cursor:pointer}.demo-alias-btn.empty{border-style:dashed;border-color:var(--d-line-strong);background:none;color:var(--d-subtle)}.demo-progress-cell{display:inline-flex;align-items:center;gap:6px}.demo-progress-track{display:inline-block;width:54px;height:4px;border-radius:2px;background:var(--d-surface-soft);overflow:hidden}.demo-progress-track i{display:block;height:100%;border-radius:2px;background:var(--d-accent)}.demo-progress-cell small{color:var(--d-subtle);font-size:8.5px;font-variant-numeric:tabular-nums}.demo-log-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}.demo-log-summary>div{display:flex;flex-direction:column;gap:1px;padding:8px 11px;border:1px solid var(--d-line);border-radius:var(--radius);background:var(--d-surface)}.demo-log-summary strong{color:var(--d-ink);font-size:13px;font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.demo-log-summary span{color:var(--d-subtle);font-size:8.5px}.demo-toolbar{display:flex;align-items:center;gap:7px;margin-bottom:10px;flex-wrap:wrap}.demo-summary-row{display:flex;align-items:center;gap:16px;margin-bottom:10px;padding:8px 12px;border:1px solid var(--d-line);border-radius:var(--radius);background:var(--d-surface);color:var(--d-muted);font-size:9.5px}.demo-summary-row strong{color:var(--d-ink);font-weight:700}.demo-summary-ok strong{color:var(--d-green)}.demo-pool-switch{display:flex;align-items:center;gap:10px;margin-bottom:9px;flex-wrap:wrap}.demo-pool-tabs{display:inline-flex;gap:2px;padding:2px;border-radius:8px;background:var(--d-surface-soft)}.demo-pool-tabs button{padding:4px 10px;border:none;border-radius:6px;background:none;color:var(--d-muted);font-size:9.5px;font-family:var(--font);cursor:pointer}.demo-pool-tabs button b{font-weight:700;opacity:.7}.demo-pool-tabs button.on{background:var(--d-surface-solid);color:var(--d-accent);font-weight:600;box-shadow:var(--d-shadow-sm)}.demo-account-overview{display:flex;align-items:center;gap:8px;margin-bottom:9px;padding:8px 12px;border:1px solid var(--d-line);border-radius:var(--radius);background:var(--d-surface)}.demo-account-overview strong{color:var(--d-ink);font-size:14px;font-weight:750}.demo-account-overview>span{color:var(--d-muted);font-size:9.5px}.demo-health-bar{flex:1;min-width:60px;height:5px;border-radius:3px;background:var(--d-surface-soft);overflow:hidden}.demo-health-bar span{display:block;height:100%;border-radius:3px;background:var(--d-green)}.demo-expiry-card{display:flex;align-items:center;gap:10px;margin-bottom:9px;padding:8px 12px;border:1px solid var(--d-line);border-radius:var(--radius);background:var(--d-surface);cursor:pointer}.demo-expiry-title{display:inline-flex;align-items:center;gap:5px;color:var(--d-ink);font-size:10.5px;font-weight:600}.demo-expiry-card .demo-muted-text{margin-left:auto}.demo-pool-runtime{display:flex;align-items:center;gap:12px;margin-bottom:9px;padding:7px 12px;border:1px solid var(--d-line);border-radius:var(--radius);background:var(--d-surface-soft);color:var(--d-muted);font-size:9px;flex-wrap:wrap}.demo-ide-tabs{display:flex;align-items:center;gap:3px;margin-bottom:9px;flex-wrap:wrap}.demo-ide-tabs button{padding:4px 9px;border:1px solid var(--d-line);border-radius:var(--r-pill);background:var(--d-surface);color:var(--d-muted);font-size:9px;font-family:var(--font);cursor:pointer}.demo-ide-tabs button.on{border-color:var(--d-accent-border);background:var(--d-accent-soft);color:var(--d-accent-strong);font-weight:600}.demo-scope-tabs{display:flex;align-items:center;gap:4px;margin-bottom:6px;flex-wrap:wrap}.demo-scope-tabs button{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border:1px solid var(--d-line);border-radius:8px;background:var(--d-surface);color:var(--d-muted);font-size:9.5px;font-family:var(--font);cursor:pointer}.demo-scope-tabs button b{opacity:.7;font-weight:700}.demo-scope-tabs button.on{border-color:var(--d-accent-border);background:var(--d-accent-soft);color:var(--d-accent-strong);font-weight:600}.demo-scope-hint{margin-bottom:9px;color:var(--d-subtle);font-size:9px}.demo-banner{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding:9px 12px;border-radius:var(--radius);font-size:10px;line-height:1.5}.demo-banner.warning{border:1px solid var(--d-yellow-border);background:var(--d-yellow-soft);color:var(--d-yellow)}.demo-form-row{display:flex;gap:12px;padding:8px 0;align-items:flex-start;border-bottom:1px solid var(--d-line)}.demo-form-row:last-of-type{border-bottom:none}.demo-form-label{width:108px;flex-shrink:0;padding-top:5px;color:var(--d-ink-strong);font-size:10px;font-weight:600}.demo-form-describe{margin:4px 0 8px 120px;color:var(--d-muted);font-size:9.5px;line-height:1.5}.demo-field-inline{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.demo-field-inline code{padding:4px 8px;border:1px solid var(--d-line);border-radius:6px;background:var(--d-surface-soft);color:var(--d-ink-strong);font-family:var(--mono);font-size:9.5px}.demo-field-inline .demo-input{max-width:220px}.demo-field-suffix{color:var(--d-muted);font-size:9.5px}.demo-form-hint{margin-top:4px;color:var(--d-subtle);font-size:9px;line-height:1.5}.demo-model-chips{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}.demo-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-top:11px;padding-top:10px;border-top:1px solid var(--d-line)}.demo-hero-credits{display:flex;align-items:center;gap:16px;margin-bottom:10px;padding:14px 16px;border:1px solid var(--d-accent-border);border-radius:var(--radius);background:linear-gradient(135deg,var(--d-accent-soft),var(--d-surface));flex-wrap:wrap}.demo-hero-credits .demo-hero-main{min-width:200px}.demo-hero-credits .demo-hero-main p{max-width:420px}.demo-invite-code{color:var(--d-ink);font-size:19px;font-weight:800;letter-spacing:.02em;font-family:var(--mono)}.demo-rule-list{display:flex;flex-direction:column;gap:7px}.demo-rule-row{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--d-line);border-radius:var(--radius);background:var(--d-surface-solid);flex-wrap:wrap}.demo-rule-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;border-radius:7px;background:var(--d-accent-soft);color:var(--d-accent)}.demo-rule-main{flex:1;min-width:150px;display:flex;flex-direction:column;gap:2px}.demo-rule-main strong{color:var(--d-ink);font-size:10.5px;font-weight:650}.demo-rule-main span{color:var(--d-subtle);font-size:9px}.demo-rule-reward{color:var(--d-accent-strong);font-size:9.5px;font-weight:600}.demo-field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.demo-field-item{display:flex;flex-direction:column;gap:2px}.demo-field-label{color:var(--d-subtle);font-size:9px}.demo-field-item strong{color:var(--d-ink);font-size:10.5px;font-weight:600}.demo-settings-tabs{display:flex;align-items:center;gap:3px;margin-bottom:10px}.demo-settings-tabs button{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:1px solid var(--d-line);border-radius:8px;background:var(--d-surface);color:var(--d-muted);font-size:10px;font-family:var(--font);cursor:pointer}.demo-settings-tabs button.on{border-color:var(--d-accent-border);background:var(--d-accent-soft);color:var(--d-accent-strong);font-weight:600}.demo-setting-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--d-line)}.demo-setting-row:last-child{border-bottom:none}.demo-setting-row.compact{padding:7px 0}.demo-setting-row>div{min-width:0;display:flex;flex-direction:column;gap:2px}.demo-setting-row strong{color:var(--d-ink);font-size:10.5px;font-weight:650}.demo-setting-row span{color:var(--d-subtle);font-size:9px;line-height:1.5;max-width:430px}.demo-menu-toggles{display:flex;flex-direction:column}.demo-about{display:flex;flex-direction:column;align-items:center;gap:9px;padding:14px 0;text-align:center}.demo-about-logo{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px;background:var(--d-brand-grad);color:#fff;font-size:15px;font-weight:800}.demo-about p{max-width:400px;color:var(--d-muted);font-size:10px;line-height:1.6}.demo-about-meta{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.demo-about-meta span{padding:2px 8px;border-radius:var(--r-pill);background:var(--d-surface-soft);color:var(--d-muted);font-size:9px}.demo-statusbar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:34px;padding:0 12px;background:var(--d-glass-statusbar);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--d-line);transition:background-color .35s ease,border-color .35s ease;flex-wrap:nowrap}.demo-statusbar-left,.demo-statusbar-right{display:flex;align-items:center;gap:8px;color:var(--d-subtle);font-size:9px}.demo-secure-note{display:inline-flex;align-items:center;gap:4px}.demo-divider{width:1px;height:9px;background:var(--d-line-strong)}.demo-status-pill{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:var(--r-pill);background:var(--d-surface-soft);color:var(--d-muted);font-size:9px;font-weight:600}.demo-status-pill.running{background:var(--d-green-soft);color:var(--d-green)}.demo-status-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.demo-status-pill.running .demo-status-dot{animation:demo-pulse 2.2s ease-out infinite}@keyframes demo-pulse{0%{box-shadow:0 0 0 0 var(--d-green-border)}70%{box-shadow:0 0 0 5px transparent}to{box-shadow:0 0 0 0 transparent}}.demo-service-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border:1px solid transparent;border-radius:6px;font-size:9px;font-weight:600;font-family:var(--font);cursor:pointer;transition:background .18s,color .18s,border-color .18s,transform .1s}.demo-service-btn.ghost{border-color:var(--d-line-strong);background:transparent;color:var(--d-ink-soft)}.demo-service-btn.ghost:hover{background:var(--d-red-soft);border-color:var(--d-red-border);color:var(--d-red)}.demo-service-btn.primary{background:var(--d-accent);color:#fff}.demo-service-btn.primary:hover{background:var(--d-accent-hover)}.demo-service-btn:active{transform:scale(.97)}@media(max-width:900px){.demo-body{grid-template-columns:1fr;grid-template-rows:auto 1fr}.demo-sidebar{display:none}.demo-chips{display:flex}.demo-two-column{grid-template-columns:1fr}.demo-overview-grid,.demo-log-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.demo{margin-top:40px;border-radius:var(--r-md)}.demo-mobile-menu{display:flex}.demo-title-current,.demo-theme-switch button span{display:none}.demo-main{padding:11px 11px 14px}.demo-page-intro{flex-direction:column;gap:8px}.demo-intro-actions{justify-content:flex-start}.demo-hero-side{gap:12px}.demo-table th:nth-child(n+4),.demo-table td:nth-child(n+4){display:none}.demo-table .demo-col-check{display:table-cell}.demo-table .demo-row-actions{display:none}.demo-form-label{width:88px}.demo-form-describe{margin-left:100px}.demo-pool-runtime{gap:8px}.demo-secure-note,.demo-statusbar-left .demo-divider{display:none}.demo-statusbar{padding:0 10px;gap:8px}}@media(prefers-reduced-motion:reduce){.demo,.demo-page,.demo-status-dot{animation:none!important}.demo-titlebar,.demo-sidebar,.demo-main,.demo-statusbar{transition:none!important}}.demo-textarea{width:100%;padding:8px 10px;border:1px solid var(--d-line-strong);border-radius:var(--radius-sm);background:var(--d-surface-solid);color:var(--d-ink);font-family:var(--mono);font-size:9.5px;line-height:1.6;resize:vertical;outline:none}.demo-textarea::placeholder{color:var(--d-subtle)}.demo-field-row-stack{display:flex;flex-direction:column;gap:5px;padding:8px 0;border-bottom:1px solid var(--d-line)}.demo-field-row-stack:last-of-type{border-bottom:none}.demo-input.wide{max-width:100%}.demo-card-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:7px}.demo-card-choices.compact{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.demo-choice-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 11px;border:1px solid var(--d-line-strong);border-radius:var(--radius);background:var(--d-surface-solid);color:var(--d-muted);font-family:var(--font);text-align:left;cursor:pointer;transition:border-color .2s,background .2s,transform .15s}.demo-choice-card:hover{border-color:var(--d-accent-border)}.demo-choice-card:active{transform:scale(.99)}.demo-choice-card.on{border-color:var(--d-accent);background:var(--d-accent-soft)}.demo-choice-card strong{color:var(--d-ink);font-size:10.5px;font-weight:650}.demo-choice-card span{color:var(--d-subtle);font-size:9px;line-height:1.5}.demo-choice-card.on strong{color:var(--d-accent-strong)}.demo-expiry-buckets{display:flex;flex-direction:column;gap:5px}.demo-expiry-bucket{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid var(--d-line);border-radius:var(--radius-sm);background:var(--d-surface-solid)}.demo-expiry-bucket strong{color:var(--d-ink);font-size:10px;font-weight:650}.demo-subsection{margin-top:10px;padding-top:9px;border-top:1px solid var(--d-line)}.demo-subsection-head{display:flex;align-items:center;gap:5px;margin-bottom:7px;color:var(--d-ink);font-size:10.5px;font-weight:650}.demo-subsection-head .demo-muted-text{font-weight:400}.demo-expiry-summary{display:flex;flex-direction:column;gap:2px;padding:8px 0}.demo-expiry-summary strong{color:var(--d-ink);font-size:10.5px;font-weight:650}.demo-expiry-summary span{color:var(--d-subtle);font-size:9.5px}.demo-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:7px}.demo-template-card{display:flex;flex-direction:column;gap:3px;padding:9px 11px;border:1px solid var(--d-line-strong);border-radius:var(--radius);background:var(--d-surface-solid);font-family:var(--font);text-align:left;cursor:pointer;transition:border-color .2s,background .2s,transform .15s}.demo-template-card:hover{border-color:var(--d-accent-border);background:var(--d-accent-soft);transform:translateY(-1px)}.demo-template-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.demo-template-head strong{color:var(--d-ink);font-size:10.5px;font-weight:650}.demo-rows{display:flex;flex-direction:column}.demo-op-row{display:flex;align-items:center;gap:9px;padding:8px 4px;border-bottom:1px solid var(--d-line);color:var(--d-ink-soft);font-size:9.5px}.demo-op-row:last-child{border-bottom:none}.demo-op-row .demo-cell-stack{flex:1;min-width:0}.demo-op-row input[type=checkbox]{width:11px;height:11px;accent-color:var(--d-accent);flex-shrink:0}.demo-op-row code{font-family:var(--mono)}@media(max-width:640px){.demo-card-choices,.demo-template-grid{grid-template-columns:1fr}.demo-choice-card span{display:none}}.demo-nav-item.demo-nav-flash{animation:demo-nav-flash 1.8s ease-out 1}@keyframes demo-nav-flash{0%{background:var(--d-accent-soft-2);box-shadow:inset 0 0 0 1px var(--d-accent-border)}60%{background:var(--d-accent-soft-2);box-shadow:inset 0 0 0 1px var(--d-accent-border)}to{background:transparent;box-shadow:none}}.demo-chips button.demo-nav-flash{animation:demo-nav-flash 1.8s ease-out 1}@media(prefers-reduced-motion:reduce){.demo-nav-item.demo-nav-flash,.demo-chips button.demo-nav-flash{animation:none!important}}.demo{position:relative}.demo-hint{position:absolute;left:50%;bottom:46px;transform:translate(-50%);z-index:5;max-width:calc(100% - 32px);padding:7px 14px;border-radius:var(--r-pill);background:var(--d-ink);color:var(--d-bg);font-size:10.5px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 4px 18px #00000040;animation:demo-hint-in .22s cubic-bezier(.28,.11,.32,1) both;pointer-events:none}@keyframes demo-hint-in{0%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.demo-hint{animation:none!important}}.demo-pay-methods{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.demo-pay-label{color:var(--d-subtle);font-size:9px}.demo-pay-chip{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border:1px solid var(--d-line-strong);border-radius:var(--r-pill);background:var(--d-surface-solid);color:var(--d-ink-soft);font-size:9px;font-family:var(--font);cursor:pointer;transition:border-color .18s,background .18s,color .18s}.demo-pay-chip:hover{border-color:var(--d-accent-border)}.demo-pay-chip.on{border-color:var(--d-accent-border);background:var(--d-accent-soft);color:var(--d-accent-strong);font-weight:600}.demo-packages{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.demo-package-card{display:flex;flex-direction:column;gap:4px;padding:11px 12px;border:1px solid var(--d-line);border-radius:var(--radius);background:var(--d-surface-solid);transition:border-color .2s,transform .2s}.demo-package-card:hover{border-color:var(--d-accent-border);transform:translateY(-1px)}.demo-package-card.best{border-color:var(--d-accent);background:var(--d-accent-soft)}.demo-package-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.demo-package-head strong{color:var(--d-ink);font-size:11px;font-weight:700}.demo-package-badge{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border-radius:var(--r-pill);background:var(--d-accent-soft-2);color:var(--d-accent-strong);font-size:8px;font-weight:700;white-space:nowrap}.demo-package-badge.plain{background:var(--d-surface-soft);color:var(--d-muted)}.demo-package-credits{color:var(--d-ink-strong);font-size:10px;font-weight:600}.demo-package-price{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap}.demo-package-price strong{color:var(--d-ink);font-size:17px;font-weight:800;letter-spacing:-.03em}.demo-package-price s{color:var(--d-subtle);font-size:9.5px}.demo-package-unit{color:var(--d-subtle);font-size:8.5px}.demo-package-card .demo-btn{margin-top:5px}.demo-package-skeleton{height:138px;border-radius:var(--radius);background:linear-gradient(90deg,var(--d-surface-soft) 25%,var(--d-surface-hover) 50%,var(--d-surface-soft) 75%);background-size:200% 100%;animation:skeleton-sweep 1.4s ease-in-out infinite}.demo-flow-panel .demo-flow-steps{list-style:none;counter-reset:fs;display:flex;flex-direction:column;gap:9px}.demo-flow-steps li{position:relative;counter-increment:fs;padding-left:24px;display:flex;flex-direction:column;gap:2px}.demo-flow-steps li:before{content:counter(fs);position:absolute;left:0;top:1px;display:flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:var(--d-accent-selected);color:var(--d-accent-strong);font-size:8px;font-weight:700}.demo-flow-steps strong{color:var(--d-ink);font-size:10px;font-weight:650}.demo-flow-steps span{color:var(--d-subtle);font-size:9px;line-height:1.5}.demo-callout{margin-top:11px;padding:8px 11px;border-left:2px solid var(--d-accent);border-radius:0 7px 7px 0;background:var(--d-accent-soft);color:var(--d-ink-soft);font-size:9px;line-height:1.55}.demo-empty-state{display:flex;flex-direction:column;align-items:center;gap:5px;padding:26px 16px;border:1px dashed var(--d-line-strong);border-radius:var(--radius);color:var(--d-subtle);text-align:center}.demo-empty-state strong{color:var(--d-ink);font-size:11.5px;font-weight:650}.demo-empty-state span{max-width:330px;font-size:9.5px;line-height:1.55}.demo-table-empty{display:block;padding:14px 4px;color:var(--d-subtle);font-size:9.5px;text-align:center}@media(max-width:640px){.demo-packages{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.demo-package-skeleton{animation:none!important}}.demo-sidebar.collapsed{width:56px}@media(min-width:901px){.demo-body.collapsed{grid-template-columns:56px 1fr}}.demo-sidebar.collapsed .demo-sidebar-brand{justify-content:center;padding:10px 0 8px}.demo-sidebar.collapsed .demo-sidebar-brand-name{display:none}.demo-sidebar.collapsed .demo-nav-rail{align-items:center;padding:2px 0 8px}.demo-sidebar.collapsed .demo-nav-group{display:flex;flex-direction:column;align-items:center}.demo-sidebar.collapsed .demo-nav-group-label,.demo-sidebar.collapsed .demo-nav-item{display:none}.demo-sidebar.collapsed .demo-nav-group-icon{display:flex}.demo-sidebar.collapsed .demo-sidebar-bottom{flex-direction:column;gap:6px;padding:8px 0}.demo-sidebar.collapsed .demo-user-name{display:none}.demo-sidebar.collapsed .demo-sidebar-actions{flex-direction:column;margin-left:0}.demo-nav-group-icon{display:none;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:8px;background:none;color:var(--d-muted);cursor:pointer;transition:background .18s,color .18s}.demo-nav-group-icon:hover{background:var(--d-line);color:var(--d-ink)}.demo-nav-group-icon.group-active{background:var(--d-accent-soft-2);color:var(--d-accent-strong)}.demo-nav-popover{position:absolute;z-index:8;min-width:132px;padding:5px;border:1px solid var(--d-line-strong);border-radius:var(--radius-sm);background:var(--d-surface-solid);box-shadow:0 4px 18px #0000002e;animation:demo-page-in .16s cubic-bezier(.28,.11,.32,1) both}.demo-nav-popover-label{display:block;padding:4px 7px 5px;color:var(--d-subtle);font-size:8.5px;font-weight:700;letter-spacing:.05em}.demo-nav-popover .demo-nav-item{display:flex}@media(prefers-reduced-motion:reduce){.demo-nav-popover{animation:none!important}}.demo-caps{display:inline-flex;gap:4px;flex-wrap:wrap}.demo-cap{padding:1px 7px;border-radius:var(--r-pill);background:var(--d-surface-soft);color:var(--d-muted);font-size:8.5px;white-space:nowrap}.demo-cap.vision{background:var(--d-accent-soft);color:var(--d-accent-strong)}.demo-credit{color:var(--d-ink-soft);font-size:9.5px;font-variant-numeric:tabular-nums;white-space:nowrap}.demo-credit.free{color:var(--d-green);font-weight:600}.demo-table-skeleton{display:block;height:22px;border-radius:6px;background:linear-gradient(90deg,var(--d-surface-soft) 25%,var(--d-surface-hover) 50%,var(--d-surface-soft) 75%);background-size:200% 100%;animation:skeleton-sweep 1.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.demo-table-skeleton{animation:none!important}}.demo-invite-code.muted{color:var(--d-subtle);font-family:var(--font);font-size:15px;font-weight:500;letter-spacing:-.01em}