.showcase{padding:96px 3vw 120px;position:relative}.showcase-head{text-align:center;max-width:760px;margin:0 auto;padding:0 16px}.showcase-head h2{letter-spacing:-.02em;font-size:clamp(2rem,4vw,3.1rem);line-height:1.12}.showcase-head p{max-width:640px;color:var(--text-dim);margin:18px auto 0;font-size:1.02rem;line-height:1.65}.showcase-toolbar,.showcase-stage{width:min(1400px,94vw)}.showcase-toolbar{justify-content:flex-end;margin:24px auto 8px;display:flex}.showcase-theme-toggle{min-height:44px;color:var(--text-dim);cursor:pointer;align-items:center;gap:10px;font-size:14px;line-height:1.5;display:inline-flex;position:relative}.showcase-theme-toggle input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.showcase-theme-label{width:4ch}.showcase-theme-track{border:1px solid var(--text-dim);background:var(--bg-1);pointer-events:none;border-radius:999px;flex:0 0 44px;width:44px;height:24px;transition:background-color .16s,border-color .16s;position:relative}.showcase-theme-track:after{content:"";background:var(--text-dim);border-radius:50%;width:18px;height:18px;transition:transform .16s,background-color .16s;position:absolute;top:2px;left:2px}.showcase-theme-toggle input:checked+.showcase-theme-track{background:var(--teal);border-color:var(--teal)}.showcase-theme-toggle input:checked+.showcase-theme-track:after{background:var(--bg-0);transform:translate(20px)}.showcase-theme-toggle input:focus-visible+.showcase-theme-track{outline:2px solid var(--teal);outline-offset:3px}@media (prefers-reduced-motion:reduce){.showcase-theme-track,.showcase-theme-track:after{transition:none}}.showcase-stage{margin:0 auto;position:relative}.showcase-foot{color:var(--text-dim);justify-content:center;align-items:center;gap:18px;margin-top:30px;font-size:.92rem;display:flex}.showcase-replay{appearance:none;min-height:44px;font:inherit;color:var(--teal);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--teal) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--teal) 40%, transparent);text-underline-offset:4px;background:0 0;border:0;padding:10px 8px}.showcase-replay:hover{-webkit-text-decoration-color:var(--teal);text-decoration-color:var(--teal)}.showcase-replay:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:4px}.showcase-replay:disabled{opacity:.45;cursor:default}@media (prefers-reduced-motion:reduce){.showcase-replay{display:none}}.showcase-transcript{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.vsc{--vsc-h:780px;--vsc-font:-apple-system, BlinkMacSystemFont, "Segoe WPC", "Segoe UI", system-ui, "Ubuntu", "Droid Sans", sans-serif;--vsc-mono:Consolas, "Courier New", monospace;--title-bg:#181818;--border:#2b2b2b;--fg:#ccc;--fg-dim:#9d9d9d;--ab-bg:#181818;--ab-fg:#d7d7d7;--ab-inactive:#868686;--accent:#0078d4;--badge-fg:#fff;--side-bg:#181818;--editor-bg:#1f1f1f;--tab-inactive-bg:#181818;--tab-inactive-fg:#9d9d9d;--tab-active-fg:#fff;--select-bg:#37373d;--cc-bg:#222;--cc-border:#3c3c3c;--ln:#6e7681;--guide:#404040;--tree-guide:#585858;--git-m:#e2c08d;--git-ignored:#8c8c8c;--bar-modified:#0078d4;--bar-added:#2ea043;--diff-removed-line:#f003;--diff-removed-text:#f003;--diff-inserted-line:#9bb95533;--diff-inserted-text:#9ccc2c33;--diff-fill:#ccc3;--close-hover:#c42b1c;--shadow:0 40px 100px -30px #000c, 0 18px 40px -20px #0009;--tk-plain:#ccc;--tk-control:#c586c0;--tk-storage:#569cd6;--tk-type:#4ec9b0;--tk-function:#dcdcaa;--tk-variable:#9cdcfe;--tk-string:#ce9178;--tk-number:#b5cea8;--tk-comment:#6a9955;--tk-b1:gold;--tk-b2:orchid;--tk-b3:#179fff;--fi-ts:#519aba;--fi-json:#cbcb41;--fi-npm:#cc3e44;--fi-md:#519aba;--fi-git:#41535b;height:var(--vsc-h);border:1px solid var(--border);background:var(--editor-bg);color:var(--fg);font:13px/1.4 var(--vsc-font);box-shadow:var(--shadow);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;text-align:left;border-radius:10px;flex-direction:column;display:flex;position:relative;overflow:hidden}.vsc[data-kind=light]{--title-bg:#f8f8f8;--border:#e5e5e5;--fg:#3b3b3b;--fg-dim:#616161;--ab-bg:#f8f8f8;--ab-fg:#1f1f1f;--ab-inactive:#616161;--accent:#005fb8;--side-bg:#f8f8f8;--editor-bg:#fff;--tab-inactive-bg:#f8f8f8;--tab-inactive-fg:#868686;--tab-active-fg:#3b3b3b;--select-bg:#e4e6f1;--cc-bg:#fff;--cc-border:#cecece;--ln:#6e7681;--guide:#d3d3d3;--tree-guide:#a9a9a9;--git-m:#895503;--git-ignored:#8e8e90;--bar-modified:#005fb8;--bar-added:#2ea043;--diff-removed-line:#f003;--diff-removed-text:#f003;--diff-inserted-line:#9bb95533;--diff-inserted-text:#9ccc2c40;--diff-fill:#2223;--shadow:0 40px 100px -40px #0a282259, 0 18px 40px -24px #0a282240;--tk-plain:#3b3b3b;--tk-control:#af00db;--tk-storage:#00f;--tk-type:#267f99;--tk-function:#795e26;--tk-variable:#001080;--tk-string:#a31515;--tk-number:#098658;--tk-comment:green;--tk-b1:#0431fa;--tk-b2:#319331;--tk-b3:#7b3814;--fi-git:#6d8086}.vsc-titlebar{background:var(--title-bg);border-bottom:1px solid var(--border);height:35px;color:var(--fg);flex:0 0 35px;align-items:center;display:flex}.vsc-menubar{flex:1 1 0;min-width:0;padding-left:8px;display:flex;overflow:hidden}.vsc-menubar span{white-space:nowrap;opacity:.92;padding:0 8px;font-size:13px;line-height:35px}.vsc-menu-compact{flex:1 1 0;padding-left:14px;display:none}.vsc-title-center{flex:0 46%;justify-content:center;align-items:center;gap:10px;min-width:0;display:flex}.vsc-nav{color:var(--fg);gap:8px;display:inline-flex}.vsc-dim{opacity:.4}.vsc-command-center{border:1px solid var(--cc-border);background:var(--cc-bg);min-width:0;max-width:600px;height:24px;color:var(--fg);border-radius:6px;flex:auto;justify-content:center;align-items:center;gap:6px;font-size:12px;display:inline-flex}.vsc-command-center svg{opacity:.8}.vsc-title-right{flex:1 1 0;justify-content:flex-end;align-items:center;display:flex}.vsc-layout-actions{gap:10px;padding-right:14px;display:inline-flex}.vsc-window-controls{display:inline-flex}.vsc-window-controls>span{place-items:center;width:46px;height:35px;display:grid}.vsc-body{flex:auto;min-height:0;display:flex}.vsc-activitybar{background:var(--ab-bg);border-right:1px solid var(--border);flex-direction:column;flex:0 0 48px;justify-content:space-between;display:flex}.vsc-ab-item{width:48px;height:48px;color:var(--ab-inactive);place-items:center;display:grid;position:relative}.vsc-ab-item.is-active{color:var(--ab-fg)}.vsc-ab-item.is-active:before{content:"";background:var(--accent);width:2px;position:absolute;top:0;bottom:0;left:0}.vsc-badge{background:var(--accent);min-width:16px;height:16px;color:var(--badge-fg);text-align:center;border-radius:8px;padding:0 4px;font-size:9px;font-weight:600;line-height:16px;animation:.18s ease-out vsc-badge-in;position:absolute;bottom:8px;right:8px}@keyframes vsc-badge-in{0%{opacity:0;transform:scale(.6)}}.vsc-sidebar{background:var(--side-bg);border-right:1px solid var(--border);flex-direction:column;flex:0 0 220px;min-width:0;display:flex}.vsc-pane-title{text-transform:uppercase;color:var(--fg);flex:0 0 35px;justify-content:space-between;align-items:center;padding:0 8px 0 20px;font-size:11px;display:flex}.vsc-pane-title svg{opacity:.85}.vsc-section-head{text-transform:uppercase;align-items:center;gap:2px;height:22px;padding-left:2px;font-size:11px;font-weight:700;display:flex}.vsc-tree{flex:auto;overflow:hidden}.vsc-collapsed .vsc-section-head{border-top:1px solid var(--border)}.vsc-row{white-space:nowrap;align-items:center;height:22px;padding-right:10px;display:flex;position:relative}.vsc-row.is-selected{background:var(--select-bg)}.vsc-row.is-modified .vsc-row-label,.vsc-row.is-modified .vsc-deco{color:var(--git-m)}.vsc-row.is-ignored .vsc-row-label{color:var(--git-ignored)}.vsc-guides i{background:var(--tree-guide);opacity:.4;width:1px;position:absolute;top:0;bottom:0}.vsc-twistie{flex:0 0 16px;place-items:center;width:16px;height:16px;margin-right:2px;display:inline-grid}.vsc-row-label{text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.vsc-deco{flex:none;margin-left:6px;font-size:12px;animation:.2s ease-out vsc-fade-in}.vsc-deco-dot{background:var(--git-m);border-radius:50%;width:6px;height:6px}@keyframes vsc-fade-in{0%{opacity:0}}.vsc-fi{width:16px;font:700 8.5px/1 var(--vsc-font);letter-spacing:-.02em;flex:0 0 16px;place-items:center;margin-right:6px;display:inline-grid}.vsc-fi-ts{color:var(--fi-ts)}.vsc-fi-json{color:var(--fi-json);font-size:10px}.vsc-fi-npm{color:var(--fi-npm);font-size:7px}.vsc-fi-md{color:var(--fi-md);font:italic 700 11px/1 Georgia,serif}.vsc-fi-git{color:var(--fi-git);font-size:10px}.vsc-editor{background:var(--editor-bg);flex-direction:column;flex:auto;min-width:0;display:flex}.vsc-tabs{background:var(--tab-inactive-bg);border-bottom:1px solid var(--border);flex:0 0 35px;display:flex}.vsc-tab{border-right:1px solid var(--border);height:35px;color:var(--tab-inactive-fg);white-space:nowrap;align-items:center;min-width:0;padding:0 8px 0 10px;display:flex;position:relative}.vsc-tab.is-active{background:var(--editor-bg);color:var(--tab-active-fg);margin-bottom:-1px}.vsc-tab.is-active:before{content:"";background:var(--accent);height:1px;position:absolute;top:0;left:0;right:0}.vsc-tab.is-modified .vsc-tab-label,.vsc-tab.is-modified .vsc-deco{color:var(--git-m)}.vsc-tab.is-preview .vsc-tab-label{text-overflow:ellipsis;font-style:italic;overflow:hidden}.vsc-tab .vsc-deco{margin:0 4px 0 6px}.vsc-tab-close{flex:none;margin-left:6px}.vsc-tabs-fill{flex:auto}.vsc-editor-actions{color:var(--fg);align-items:center;gap:10px;padding:0 12px;display:flex}.vsc-breadcrumbs{color:var(--fg-dim);flex:0 0 22px;align-items:center;gap:2px;padding-left:16px;font-size:13px;display:flex}.vsc-breadcrumbs .vsc-fi{margin:0 3px 0 2px}.vsc-code,.vsc-diff{min-height:0;font:14px/19px var(--vsc-mono);color:var(--tk-plain);flex:auto;display:flex;position:relative;overflow:hidden}.vsc-code-lines,.vsc-diff-side{flex:auto;min-width:0;position:relative;overflow:hidden}.vsc-line{white-space:pre;height:19px;display:flex;position:absolute;top:0;left:0;right:0}.vsc-ln{text-align:right;color:var(--ln);flex:0 0 50px;padding-right:6px}.vsc-gutter{flex:0 0 22px;position:relative}.vsc-bar{width:3px;animation:.25s ease-out vsc-fade-in;position:absolute;top:0;bottom:0;left:4px}.vsc-bar-modified{background:var(--bar-modified)}.vsc-bar-added{background:var(--bar-added)}.vsc-text{flex:auto;min-width:0;overflow:hidden}.vsc-indent{display:inline-block}.vsc-indent-guide{box-shadow:inset 1px 0 0 var(--guide)}.tk-plain{color:var(--tk-plain)}.tk-control{color:var(--tk-control)}.tk-storage{color:var(--tk-storage)}.tk-type{color:var(--tk-type)}.tk-function{color:var(--tk-function)}.tk-variable{color:var(--tk-variable)}.tk-string{color:var(--tk-string)}.tk-number{color:var(--tk-number)}.tk-comment{color:var(--tk-comment)}.tk-bracket1{color:var(--tk-b1)}.tk-bracket2{color:var(--tk-b2)}.tk-bracket3{color:var(--tk-b3)}.vsc-minimap{opacity:.55;flex:0 0 74px;padding-top:1px;position:relative}.vsc-mm-line{align-items:center;height:4px;display:flex;position:absolute;top:1px;left:0;right:0}.vsc-mm-line span{background:currentColor;height:2px;margin-right:1px;display:block}.vsc-mm-slider{background:color-mix(in srgb, var(--fg) 8%, transparent);position:absolute;top:0;left:0;right:0}.vsc-scrollbar{box-shadow:inset 1px 0 0 color-mix(in srgb, var(--fg) 8%, transparent);flex:0 0 14px;position:relative}.vsc-ruler{width:6px;height:10px;position:absolute;left:4px}.vsc-ruler-inserted{background:var(--diff-inserted-line);width:14px;left:0}.vsc-diff .vsc-ln{flex-basis:44px}.vsc-diff-sign{text-align:center;color:var(--tk-plain);opacity:.85;flex:0 0 18px}.vsc-removed{background:var(--diff-removed-line)}.vsc-inserted{background:var(--diff-inserted-line)}.vsc-removed mark{background:var(--diff-removed-text);color:inherit}.vsc-inserted mark{background:var(--diff-inserted-text);color:inherit}.vsc-filler{background-image:linear-gradient(-45deg, var(--diff-fill) 12.5%, transparent 12.5%, transparent 50%, var(--diff-fill) 50%, var(--diff-fill) 62.5%, transparent 62.5%, transparent 100%);background-size:8px 8px}.vsc-diff{animation:.22s ease-out vsc-fade-in}.vsc-auxbar{background:var(--side-bg);border-left:1px solid var(--border);flex-direction:column;flex:0 0 420px;width:420px;display:flex}.vsc-aux-title{text-transform:none;padding-left:8px;font-size:13px}.showcase-panel{background:var(--side-bg);pointer-events:none;border:0;flex:auto;width:100%;height:100%;display:block}.vsc-statusbar{background:var(--title-bg);border-top:1px solid var(--border);color:var(--fg);white-space:nowrap;flex:0 0 22px;align-items:center;padding:0 6px;font-size:12px;display:flex;overflow:hidden}.vsc-sb-item{align-items:center;gap:3px;height:22px;padding:0 5px;display:inline-flex}.vsc-sb-fill{flex:auto}.showcase-pointer{z-index:4;pointer-events:none;opacity:0;filter:drop-shadow(0 2px 3px #00000059);will-change:transform;margin:-2px 0 0 -2px;transition:opacity .25s ease-out;position:absolute;top:0;left:0}.showcase-pointer[data-shown="1"]{opacity:1}.showcase-card{--c-bg:#2a2d2e;--c-line:#2b2b2b;--c-tx:#ccc;--c-t2:#9d9d9d;--c-ok:#73c991;--c-err:#f85149;z-index:5;border:1px solid var(--c-line);background:var(--c-bg);width:320px;color:var(--c-tx);transform-origin:85% 100%;border-radius:10px;padding:12px 12px 10px 16px;font:13px/1.5 -apple-system,BlinkMacSystemFont,Segoe WPC,Segoe UI,Ubuntu,Droid Sans,sans-serif;position:absolute;bottom:-44px;right:-28px;overflow:hidden;box-shadow:0 30px 70px -20px #000000bf,0 10px 24px -12px #00000080}.showcase-card:before{content:"";background:var(--c-ok);border-radius:2px;width:2px;position:absolute;top:10px;bottom:10px;left:0}.showcase-card[data-kind=light]{--c-bg:#f2f2f2;--c-line:#e5e5e5;--c-tx:#3b3b3b;--c-t2:#3b3b3b;--c-ok:#388a34;--c-err:#e51400;box-shadow:0 30px 70px -24px #0a282259,0 10px 24px -14px #0a282240}.showcase-card-head{align-items:center;gap:10px;display:flex}.showcase-card-icon{color:var(--c-t2);place-items:center;display:grid}.showcase-card-title{flex:auto;font-size:12.5px;font-weight:600}.showcase-card-counts,.showcase-card-files .counts{font:11px/1 var(--vsc-mono,Consolas, monospace);font-variant-numeric:tabular-nums;gap:8px;display:inline-flex}.showcase-card .add{color:var(--c-ok)}.showcase-card .del{color:var(--c-err)}.showcase-card-files{margin:10px 0 0;padding:0;list-style:none}.showcase-card-files li{border-top:1px solid var(--c-line);align-items:baseline;gap:0;padding:7px 4px;font:11px/1.4 Consolas,Courier New,monospace;display:flex}.showcase-card-files li:first-child{border-top:0}.showcase-card-files .dir{color:var(--c-t2)}.showcase-card-files .name{color:var(--c-tx);font-weight:600}.showcase-card-files .counts{margin-left:auto}.showcase-card-foot{border-top:1px solid var(--c-line);color:var(--c-t2);justify-content:space-between;margin-top:6px;padding-top:9px;font-size:12.5px;display:flex}.showcase-card-foot .ok{color:var(--c-ok);align-items:center;gap:6px;display:inline-flex}@media (max-width:1279px){.vsc{--vsc-h:720px}}@media (max-width:1365px){.vsc-menubar{display:none}.vsc-menu-compact{display:block}}@media (max-width:1279px){.showcase-card{right:16px}}@media (max-width:1099px){.vsc-sidebar{display:none}}@media (max-width:819px){.showcase{padding-top:72px}.showcase-toolbar,.showcase-stage{width:min(470px,100vw - 24px)}.vsc-editor,.vsc-title-center,.vsc-layout-actions,.vsc-sb-wide{display:none}.vsc-auxbar{border-left:0;flex:auto;width:auto;min-width:0}.showcase-stage{padding-bottom:164px}.showcase-card{width:auto;max-height:148px;bottom:0;left:0;right:0}}@media (max-width:479px){.showcase-toolbar,.showcase-stage{width:calc(100vw - 16px)}.vsc-activitybar{display:none}}