:root{--color-red-500:#fb2c36;--color-red-600:#e40014;--color-green-50:#f0fdf4;--color-green-500:#00c758;--color-green-600:#00a544;--color-green-800:#016630;--color-green-900:#0d542b;--color-blue-50:#eff6ff;--color-blue-600:#155dfc;--color-blue-800:#193cb8;--color-blue-900:#1c398e;--color-indigo-600:#4f39f6;--color-purple-400:#c07eff;--color-slate-200:#e2e8f0;--color-slate-500:#62748e;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5dc;--color-gray-500:#6a7282;--color-gray-600:#4a5565;--color-gray-700:#364153;--color-gray-800:#1e2939;--color-gray-900:#101828;--color-gray-950:#030712;--color-black:#000;--color-white:#fff;--spacing:0.25rem;--breakpoint-md:660px;--container-2xs:18rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-7xl:80rem;--text-xs:0.75rem;--text-xs--line-height:calc(1 / 0.75);--text-sm:0.875rem;--text-sm--line-height:calc(1.25 / 0.875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:2.25rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:3.25rem;--text-2xl:4.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-0.025em;--tracking-wide:0.025em;--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--radius-xs:4px;--radius-sm:0.25rem;--radius-md:8px;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--aspect-video:16/9;--default-transition-duration:0.15s;--default-transition-timing-function:cubic-bezier(0.4,0,0.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-system:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;--shadow-outline-theme:0 0 0 1px var(--color-theme-border-02);--shadow-flyout:0 0 1rem #00000005,0 0 0.5rem #00000002;--duration:0.14s;--duration-slow:0.25s;--ease-out-spring:cubic-bezier(0.25,1,0.5,1);--animate-gallery-marquee-item-slide-up:gallery-marquee-item-slide-up 1s var(--ease-out-spring) both;--tracking-sm:0.01em;--tracking-base:0.005em;--tracking-md:-0.005em;--tracking-md-lg:-0.0125em;--tracking-lg:-0.02em;--tracking-xl:-0.025em;--tracking-2xl:-0.03em;--tracking-product-sm:0.0044em;--leading-2xsnug:1.15;--leading-xsnug:1.2;--leading-snug-plus:1.3;--leading-cozy:1.4;--leading-product-sm:1.27273;--leading-product-base:1.33333;--leading-product-base-mono:1.25rem;--text-md-sm:1.125rem;--text-md:1.375rem;--text-md-lg:1.625rem;--text-product-sm:0.6875rem;--text-product-base:0.75rem;--text-product-lg:0.8125rem;--text-slack-sm:0.75rem;--text-slack-base:0.875rem;--text-slack-lg:1rem;--katex-font-size:1.15rem;--radius-2xs:2px;--grid-gap:calc(12rem / 15);--g:calc(10rem / 16);--spacing-g0\.25:calc(var(--g) * 0.25);--spacing-g0\.5:calc(var(--g) * 0.5);--spacing-g0\.75:calc(var(--g) * 0.75);--spacing-g1:calc(var(--g) * 1);--spacing-g1\.25:calc(var(--g) * 1.25);--spacing-g1\.5:calc(var(--g) * 1.5);--spacing-g1\.75:calc(var(--g) * 1.75);--spacing-g2:calc(var(--g) * 2);--spacing-g2\.5:calc(var(--g) * 2.5);--spacing-g3:calc(var(--g) * 3);--v:1rem * 1.4;--spacing-v1\/12:calc(var(--v) * 1 / 12);--spacing-v2\/12:calc(var(--v) * 2 / 12);--spacing-v2\.5\/12:calc(var(--v) * 2.5 / 12);--spacing-v3\/12:calc(var(--v) * 3 / 12);--spacing-v4\/12:calc(var(--v) * 4 / 12);--spacing-v5\/12:calc(var(--v) * 5 / 12);--spacing-v6\/12:calc(var(--v) * 6 / 12);--spacing-v7\/12:calc(var(--v) * 7 / 12);--spacing-v8\/12:calc(var(--v) * 8 / 12);--spacing-v9\/12:calc(var(--v) * 9 / 12);--spacing-v10\/12:calc(var(--v) * 10 / 12);--spacing-v1:calc(var(--v));--spacing-v1\.25:calc(var(--v) * 1.25);--spacing-v1\.5:calc(var(--v) * 1.5);--spacing-v2:calc(var(--v) * 2);--spacing-v2\.5:calc(var(--v) * 2.5);--spacing-v3:calc(var(--v) * 3);--spacing-v4:calc(var(--v) * 4);--spacing-v4\.5:calc(var(--v) * 4.5);--spacing-v5:calc(var(--v) * 5);--spacing-v6:calc(var(--v) * 6);--spacing-v8:calc(var(--v) * 8);--spacing-prose-narrow:48ch;--spacing-prose-medium-wide:80ch;--spacing-prose-wide:96ch;--button-padding-default:0.89em 1.45em 0.91em;--button-padding-md-sm:0.64em 1.2em 0.66em;--button-padding-sm:0.45em 0.8em 0.46em;--button-padding-xs:0.15em 0.5em;--site-header-height:52px;--site-sticky-top:64px;--max-width-container:1100px;--color-theme-bg:#14120b;--color-theme-fg:#edecec;--color-theme-fg-02:#d0d6e0;--color-theme-fg-03:color-mix(in oklab,var(--color-theme-fg) 60%,transparent);--color-theme-fg-04:#62666d;--color-theme-01-hex:#0a0a0a;--color-theme-02-hex:#121212;--color-theme-card-hex:#1b1913;--color-theme-card-rgb:27 29 39;--color-theme-card-01-hex:#1d1b15;--color-theme-card-02-hex:#201e18;--color-theme-card-03-hex:#26241e;--color-theme-card-04-hex:#2b2923;--color-theme-card-hover-hex:#201e18;--color-theme-card-hover-light-hex:#1d1b15;--color-theme-card-warm-hex:#1c1713;--color-theme-product-chrome:var(--color-theme-bg);--color-theme-product-editor:var(--color-theme-card-hex);--color-theme-product-text:#26251eeb;--color-theme-border-01:color-mix(in oklab,var(--color-theme-fg) 2.5%,transparent);--color-theme-border-02:color-mix(in oklab,var(--color-theme-fg) 7%,transparent);--font-sans:Inter,system-ui,Helvetica Neue,Helvetica,Arial,"M PLUS 2",sans-serif;--font-mono:Iosevka Web,monospace;--ease-out-soft:cubic-bezier(0.22,1,0.36,1);--theme-hover-lift:2rem}:root:lang(ja){--font-sans:Inter,"M PLUS 2",system-ui,Helvetica Neue,Helvetica,Arial,sans-serif}@font-face{font-family:Figtree;src:url(/monapad/fonts/Figtree-Regular.ttf) format("truetype");font-weight:var(--font-weight-normal);font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}body,html{overflow-x:hidden}body{min-height:100vh;padding:var(--site-header-height) 0 0;border:0 solid;box-sizing:border-box;overflow-y:auto;background:var(--color-theme-01-hex);color:var(--color-theme-fg);font-family:var(--font-sans)}body,section{width:100%;margin:0}section{padding:var(--spacing-v3) var(--spacing-g2)}main>section:first-child{-webkit-padding-before:var(--spacing-v5);padding-block-start:var(--spacing-v5)}section:nth-child(1 of :has(.feature-showcase)){padding-top:var(--spacing-v3)}section:has(.feature-showcase){padding:0 var(--spacing-g2) var(--spacing-v4)}section:last-child{-webkit-padding-after:var(--spacing-v6);padding-block-end:var(--spacing-v6)}.container{width:var(--max-width-container);max-width:100%;margin:0 auto}a{text-decoration:none;color:var(--color-theme-fg-02);display:inline-flex;align-items:center;justify-content:center;text-align:center;font-size:var(--text-sm);padding-top:var(--spacing-v8\/12)}p{color:var(--color-theme-fg-03);font-size:var(--text-md);line-height:var(--leading-snug-plus);text-wrap:pretty}h1{font-size:var(--text-md-lg);font-weight:var(--font-weight-normal);text-wrap:balance;margin-bottom:var(--spacing-v1);line-height:var(--leading-snug)}.absolute{position:absolute}.relative{position:relative}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.w-full{width:100%}.h-full{height:100%}.max-w-full{max-width:100%}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.text-left{text-align:left}.text-center{text-align:center}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}header{position:fixed;top:0;left:0;right:0;z-index:100;margin:0 auto;height:var(--site-header-height);pointer-events:none;background:linear-gradient(to bottom,var(--color-theme-01-hex),transparent);width:100%;padding-inline:var(--spacing-g2)}.header-wrapper{max-width:min(var(--max-width-container),100%);justify-content:space-between;margin:0 auto}.logo{gap:.5rem;cursor:pointer;pointer-events:auto}.logo svg{height:1rem;width:1rem}.logo span{font-weight:var(--font-weight-normal);font-size:1.2rem;font-family:var(--font-mono);margin-top:.5%}header .app-download{padding:var(--button-padding-sm);font-size:var(--text-sm);transition:background .1s ease;pointer-events:auto}header .app-download:hover{background:var(--color-theme-fg-02)}.hero-particles{position:absolute;top:0;left:50%;width:100vw;height:122vh;transform:translateX(-50%);pointer-events:none;z-index:0;opacity:.86;transition:opacity 1.6s ease;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 100vh,transparent 122vh);mask-image:linear-gradient(180deg,#000 0,#000 100vh,transparent 122vh)}.hero>:not(.hero-particles){position:relative;z-index:1}.hero-text{max-width:65ch;margin-bottom:var(--spacing-v2\.5)}.hero-buttons{gap:var(--spacing-g1)}.btn{border-radius:calc(3.4e+38 * 1px);padding:var(--button-padding-default);font-weight:var(--font-weight-normal);line-height:1;border:none;background:var(--color-theme-fg);color:var(--color-theme-01-hex)}.btn,.download-main{font-size:var(--text-base)}.download-main{position:relative;overflow:hidden;box-shadow:0 0 2rem color-mix(in srgb,var(--color-theme-fg),transparent 100%);transition:background .3s ease,box-shadow .3s ease}.download-main:hover{background:var(--color-theme-fg-02);box-shadow:0 0 2rem color-mix(in srgb,var(--color-theme-fg),transparent 80%)}.download-main:before{content:"";position:absolute;top:0;left:-50%;width:30%;height:100%;background:rgba(255,255,255,.5);transform:skewX(-30deg);animation:none;pointer-events:none;z-index:1;display:none}.download-main:hover:before{animation:shine 2s cubic-bezier(.5,0,1,1) infinite;display:block}@keyframes shine{0%{left:-50%}50%{left:120%}to{left:120%}}.hero-link{background:color-mix(in srgb,var(--color-theme-fg-03),transparent 90%);color:var(--color-theme-fg);border:1px solid var(--color-theme-border-02);transition:background .3s ease}.hero-link:hover{background:color-mix(in srgb,var(--color-theme-fg-03),transparent 80%)}.hero-link svg{margin:0 0 0 var(--g);width:.5rem}.screenshot{background-color:var(--color-theme-01-hex);border:1px solid var(--color-theme-border-02);border-radius:var(--radius-lg)}.screenshot img{height:100%;object-fit:cover;z-index:1}.editor-mockup,.screenshot img{width:100%;mix-blend-mode:screen}.editor-mockup{--mockup-ui:#565b66;--mockup-status:#b6b9bf;aspect-ratio:1125/672;background:#000;border:1px solid var(--color-theme-border-02);border-radius:var(--radius-lg);color:var(--mockup-ui);font-family:Figtree,var(--font-sans)}.editor-mockup svg{display:block;overflow:visible}.editor-titlebar{position:absolute;inset:0 0 auto;height:calc(var(--spacing) * 9);z-index:2}.editor-menu-button{position:absolute;top:0;left:0;width:calc(var(--spacing) * 10);height:100%;display:grid;place-items:center;cursor:pointer}.editor-menu-button:hover{color:#569cd6}.editor-menu-button svg{width:calc(var(--spacing) * 4.5)}.editor-tab{position:absolute;left:calc(var(--spacing) * 10);width:calc(var(--spacing) * 55);height:calc(100% + 1px);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-g0\.75) 0 var(--spacing-g1);color:#b6b9bf;background:var(--color-black);border-top:1px solid #569cd6;border-left:1px solid #17191c;border-right:1px solid #17191c;font-size:var(--text-sm);line-height:1}.editor-tab-dot{display:block;width:calc(var(--spacing) * 2);height:auto;aspect-ratio:1;border-radius:50%;background:#b6b9bf}.editor-tab-close{width:calc(var(--spacing) * 5.75);height:auto;aspect-ratio:1;display:grid;place-items:center;padding:0;border:0;border-radius:calc(var(--radius-md) * .75);color:inherit;background:transparent;cursor:pointer}.editor-tab-close svg{display:none;width:calc(var(--spacing) * 2.75)}.editor-tab:hover .editor-tab-dot{display:none}.editor-tab:hover .editor-tab-close svg{display:block}.editor-tab-close:hover{color:#b6b9bf;background:#18181a}.editor-add-tab{position:absolute;top:50%;transform:translateY(-50%);left:calc((var(--spacing) * 65) + var(--spacing-g0\.5));width:calc(var(--spacing) * 6.25);height:auto;aspect-ratio:1;display:grid;place-items:center;border-radius:calc(var(--radius-md) * .75);cursor:pointer}.editor-add-tab:hover{color:#b6b9bf;background:#18181a}.editor-add-tab svg{width:calc(var(--spacing) * 3.25)}.editor-window-controls{position:absolute;top:0;right:0;padding:0 var(--spacing-g1\.5);height:100%;width:calc(var(--spacing) * 30);display:grid;place-items:center}.editor-window-controls svg{width:100%}.editor-canvas{--editor-minimap-width:calc(var(--spacing) * 27);position:absolute;inset:calc(var(--spacing) * 9) 0 var(--spacing-g2\.5);background:#000;font-family:var(--font-mono);border-top:1px solid #18191d;z-index:1;overflow:hidden}.editor-canvas-scroller{position:absolute;inset:0;overflow:auto}.editor-canvas-scroller::-webkit-scrollbar{width:var(--spacing-g1\.25)}.editor-canvas-scroller::-webkit-scrollbar-track{background:transparent;border-left:1px solid #18191d}.editor-canvas-scroller::-webkit-scrollbar-thumb{background:color-mix(in oklab,var(--color-white) 15%,transparent);border-radius:0}.editor-canvas-scroller::-webkit-scrollbar-thumb:hover{background:color-mix(in oklab,var(--color-white) 30%,transparent)}.editor-code{--editor-fold-width:calc(var(--spacing) * 6);--editor-caret-height:1em;--editor-line-height:calc(var(--text-base) * var(--leading-cozy));position:relative;display:grid;grid-template-columns:calc(3ch + var(--editor-fold-width)) minmax(0,1fr);padding:var(--spacing-g1) calc(var(--spacing-g1) + var(--editor-minimap-width)) var(--spacing-g1) var(--spacing-g2);font-size:var(--text-base);line-height:var(--editor-line-height);color:var(--color-theme-fg-02)}.editor-gutter-line{display:grid;grid-template-columns:3ch var(--editor-fold-width);align-items:baseline}.editor-content-line,.editor-gutter-line{min-height:var(--editor-line-height)}.editor-line-number{text-align:right;color:#565b6680;-webkit-user-select:none;-moz-user-select:none;user-select:none}.editor-fold-slot{position:relative;width:var(--editor-fold-width);height:100%}.editor-fold-button{position:absolute;top:0;left:0;display:grid;place-items:center;width:100%;height:var(--editor-line-height);padding:0;border:0;background:transparent;color:#565b66;cursor:pointer;opacity:0;transition:opacity var(--duration) ease}.editor-gutter-line.is-fold-disabled .editor-fold-button{display:none}.editor-gutter-line.is-folded .editor-fold-button,.editor-gutter.is-fold-hover .editor-fold-button,.editor-gutter:hover .editor-fold-button{opacity:1}.editor-fold-button svg{width:calc(var(--spacing) * 2);transform:translateX(calc(var(--spacing) * .5)) rotate(90deg);transition:transform var(--duration) ease}.editor-gutter-line.is-folded .editor-fold-button svg{transform:translateX(calc(var(--spacing) * .5)) rotate(0deg)}.editor-text{display:block;min-height:var(--editor-line-height);padding-left:var(--spacing-g0\.25);white-space:normal}.editor-content-line.is-folded{background:color-mix(in oklab,#569cd6 10%,transparent)}.editor-content-line.is-folded:after{content:"•••";color:var(--color-theme-fg-04);padding-left:var(--spacing-g0\.25)}.editor-content-line.is-hidden,.editor-gutter-line.is-hidden{display:none}.editor-h1{color:#569cd6}.editor-h2{color:#a0bfd9}.editor-link{color:#569cd6;text-decoration:underline;cursor:pointer}.editor-selection-char.is-selected{background:color-mix(in oklab,#569cd6 46%,transparent);color:var(--color-white)}.editor-caret{position:absolute;z-index:3;width:2px;height:var(--editor-caret-height);visibility:hidden;pointer-events:none;background:var(--color-theme-fg-02)}.editor-caret.is-visible{visibility:visible;opacity:1}.editor-code.is-caret-blinking .editor-caret{animation:editor-caret-blink 1s step-end infinite}@keyframes editor-caret-blink{50%{opacity:0}}.editor-list-marker{color:#569cd6}.editor-muted{color:#565b66}.editor-quote{font-style:italic;color:var(--color-theme-fg-02)}.editor-minimap{position:absolute;right:var(--spacing-g1\.25);top:0;z-index:2;width:var(--editor-minimap-width);height:100%;overflow:hidden;pointer-events:none;opacity:.72}.editor-minimap-line{height:2px;margin-bottom:1px;background:color-mix(in oklab,var(--color-theme-fg-02) 44%,transparent)}.editor-minimap-line.is-empty{opacity:0}.editor-minimap-line.is-h1{background:#569cd6}.editor-minimap-line.is-h2{background:#a0bfd9}.editor-minimap-line.is-muted{background:#565b66}.editor-statusbar{position:absolute;inset:auto 0 0;height:var(--spacing-g2\.5);min-height:20px;justify-content:center;gap:var(--spacing-g2);padding:0 var(--spacing-g1) 0 var(--spacing-g1\.25);background:#101012;border-top:1px solid #18191d;color:var(--mockup-ui);font-size:var(--text-xs);line-height:1;white-space:nowrap}.editor-status-item,.editor-status-left,.editor-status-right,.editor-statusbar{display:flex;align-items:center}.editor-status-left{gap:var(--spacing-g1\.75);min-width:0;flex:1 1}.editor-status-left svg{height:calc(var(--spacing) * 3)}.editor-status-file{min-width:0;overflow:hidden;text-overflow:ellipsis}.editor-status-right{justify-content:flex-end;gap:var(--spacing-g2)}.editor-status-item{gap:var(--spacing-g0\.42)}.editor-backup-icon{height:calc(var(--spacing) * 3)}.feature-block h2{width:100%}.feature-block h2,.feature-block h3{font-size:var(--text-md);line-height:var(--leading-snug-plus);font-weight:var(--font-weight-normal)}.feature-block:not(.prefooter) a svg{margin:0 0 0 var(--g);width:.4rem;opacity:.5;transition:opacity .2s ease,margin .2s ease}.feature-block:not(.prefooter) a:hover svg{margin:0 0 0 1rem;opacity:1}.feature-block a svg path{stroke:var(--color-theme-fg-02)}.marker{opacity:.25}.list-marker{color:#569cd6}.subtext{color:#565b66}.feature-showcase{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-column-gap:var(--spacing-g2);column-gap:var(--spacing-g2);grid-row-gap:var(--spacing-v2);row-gap:var(--spacing-v2);padding:var(--spacing-g1\.75);background:var(--color-theme-02-hex);border:1px solid var(--color-theme-border-01);border-radius:var(--radius-sm)}.feature-copy{grid-column:1/span 5;min-width:0;padding-left:var(--spacing-g0\.25);padding-right:var(--spacing-g3)}.feature-copy p{max-width:32rem}.feature-media{grid-column:6/-1;align-self:stretch;min-width:0}.feature-media-inner{box-sizing:border-box;width:calc(100% + var(--spacing-g1\.75) + var(--radius-lg));height:32rem;line-height:0}.feature-media video,.feature-media:not(.custom-theme-image) img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left;mix-blend-mode:screen;border:1px solid var(--color-theme-border-02);border-radius:var(--radius-lg)}.feature-showcase.media-panel-showcase .feature-media-inner{width:100%;background:var(--color-gray-800);border-radius:var(--radius-sm);padding:var(--spacing-g3) 0 var(--spacing-g3) var(--spacing-g3)}.feature-showcase.media-panel-showcase .feature-media img,.feature-showcase.media-panel-showcase .feature-media video{width:auto;height:100%;mix-blend-mode:normal;border:1px solid var(--color-theme-border-02);filter:drop-shadow(0 .5rem .75rem rgba(0,0,0,.5))}.feature-showcase.media-panel-showcase .feature-media video{object-position:top left}.feature-showcase.media-panel-showcase .feature-media img{object-position:left bottom}.feature-showcase.media-panel-showcase.media-left .feature-copy{grid-column:8/-1;padding-right:var(--spacing-g0\.25);padding-left:var(--spacing-g3)}.feature-showcase.media-panel-showcase.media-left .feature-media{grid-column:1/span 7}.shortcuts-demo{gap:var(--spacing-g2);margin-bottom:var(--spacing-v2)}.shortcuts-copy{width:50%}.shortcuts-demo p{max-width:none;width:90%}.command-list{width:50%;font-size:var(--text-sm);height:15rem}.command-list-overlay{inset:0;background:linear-gradient(to bottom,transparent 75%,var(--color-theme-01-hex) 100%);pointer-events:none;z-index:2;will-change:opacity,filter}.command-list .command-input,.command-list .command-label{display:flex;justify-content:flex-start;align-items:center;text-align:left;height:2rem;padding:0 .5rem;border-radius:var(--radius-sm)}.command-list .command-input{border:1px solid #569cd6;margin-bottom:.5rem;line-height:1}.command-list .command-input-mark{display:inline-flex;align-items:center;height:1em;line-height:1}.command-list .command-query{line-height:1}.command-list .command-label{color:var(--color-theme-fg-04);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:var(--spacing-g0\.75);gap:var(--spacing-g0\.75);align-items:center;white-space:nowrap}.command-list .command-label.active{background:var(--color-theme-02-hex);color:var(--color-theme-fg)}.command-list .command-key,.command-list .command-name{overflow:hidden;text-overflow:ellipsis}.command-list .command-key{color:var(--color-theme-fg-04)}.command-list mark{background:transparent;color:#569cd6;font-weight:700}.shortcuts-images{gap:.6rem;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none}.shortcuts-images::-webkit-scrollbar{display:none;width:0;height:0}.shortcut-img{flex:1 1;min-width:14rem;padding:0 0 var(--spacing-g1\.75) 0;background:var(--color-theme-02-hex);border:1px solid var(--color-theme-border-01);border-radius:var(--radius-sm);pointer-events:none}.shortcut-img-container{width:100%;aspect-ratio:8/5.5;background:var(--color-theme-02-hex);isolation:isolate}.shortcut-img-container:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 65%,var(--color-theme-02-hex) 100%),linear-gradient(to right,transparent 70%,var(--color-theme-02-hex) 100%);pointer-events:none}.shortcut-img-container img{position:absolute;left:0;bottom:0;width:auto;height:100%;object-fit:cover;object-position:left top;mix-blend-mode:screen}.shortcut-label{padding:var(--spacing-g2) 0 0 var(--spacing-g1\.75);color:var(--color-theme-fg)}.shortcut-key,.shortcut-label{font-size:var(--text-base);line-height:var(--leading-snug-plus)}.shortcut-key{padding-left:var(--spacing-g1\.75);color:var(--color-theme-fg-04)}.card-slider-shell{--slider-card-width:min(44rem,calc(100vw - var(--spacing-g2) * 4))}.card-slider-viewport{width:100%;overflow-x:auto;padding-bottom:var(--spacing-g2);margin-bottom:calc(var(--spacing-g2) * -1);scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;scroll-snap-type:x mandatory}.card-slider-viewport::-webkit-scrollbar{display:none}.card-slider-track{gap:var(--spacing-g1);width:max-content}.card-slider-track:after{content:"";flex:0 0 max(0px,calc(var(--max-width-container) - var(--slider-card-width)))}.slider-card{flex:0 0 auto;width:var(--slider-card-width);height:32rem;padding:var(--spacing-g1\.75);scroll-snap-align:start;background:var(--color-theme-02-hex);border:1px solid var(--color-theme-border-01);border-radius:var(--radius-sm)}.slider-card-copy{z-index:1;max-width:35rem;padding-left:var(--spacing-g0\.25);padding-right:var(--spacing-g3)}.slider-card-copy h3{margin-bottom:0}.slider-card-media{flex:1 1;min-height:16rem;margin-top:var(--spacing-v2);margin-bottom:calc((var(--spacing-g1\.75) + var(--spacing-g2)) * -1);line-height:0}.slider-card-media img,.slider-card-media>.tabs-video{display:block;width:calc(100% / .85);height:calc(100% + var(--radius-lg));object-fit:cover;object-position:top left;mix-blend-mode:screen;border:1px solid var(--color-theme-border-02);border-radius:var(--radius-lg);overflow:hidden}.slider-card-media .video-wrapper video{border:0;border-radius:0}.qr-card .slider-card-media img{width:auto;max-width:calc(100% + var(--radius-lg));height:calc(100% + var(--radius-lg));object-fit:contain;object-position:center bottom}.card-slider-controls{gap:var(--spacing-g0\.75);margin-top:var(--spacing-g1)}.card-slider-dot,.card-slider-toggle{position:relative;border:0;cursor:pointer}.card-slider-dot{width:.55rem;height:.55rem;overflow:hidden;border-radius:999px;background:color-mix(in oklab,var(--color-theme-fg-04) 25%,transparent);transition:width .24s ease,background .15s ease}.card-slider-dot.is-active{width:2.6rem;cursor:default}.card-slider-dot:before,.card-slider-dot:not(.is-active):hover{background:var(--color-theme-fg-04)}.card-slider-dot:before{content:"";position:absolute;inset:0;width:calc(var(--slider-progress, 0) * 100%);height:100%;border-radius:inherit}.card-slider-toggle{width:2rem;height:2rem;border-radius:50%;background:transparent;color:color-mix(in oklab,var(--color-theme-fg-04) 25%,transparent);transition:color .15s ease}.card-slider-toggle:hover{color:var(--color-theme-fg-04)}.card-slider-toggle svg{width:1.1rem;height:1.1rem}.card-slider-toggle .hidden{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.video-wrapper{object-fit:cover;object-position:top;mix-blend-mode:screen}.video-wrapper video{width:100%;height:100%;object-fit:cover;object-position:top left;border:1px solid var(--color-theme-border-02);border-radius:var(--radius-lg)}.default-themes{margin-bottom:2rem}.default-themes p{max-width:none;width:70%}.themes-text{width:50%}.theme-buttons{color:var(--color-theme-fg-04);font-weight:var(--font-weight-normal);-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:var(--text-base);gap:var(--spacing-v1);margin-top:var(--spacing-v1)}.theme-button{transition:color .3s ease}.theme-button.hover,.theme-button:hover{color:var(--color-theme-fg)}.theme-button div{width:1.3rem;height:.8rem;border-radius:var(--radius-lg);border:2px solid;margin-right:var(--g)}.theme-button.onyx div{background:#000000}.theme-button.dark div{background:#121214}.theme-button.ash div{background:#232428}.themes-group{width:50%;height:30rem;font-family:var(--font-mono);font-size:.8rem;line-height:var(--leading-snug-plus);color:var(--color-theme-fg-02);-webkit-mask-image:linear-gradient(90deg,black 50%,transparent),linear-gradient(0deg,black 70%,transparent);-webkit-mask-composite:destination-in;mask-composite:intersect;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-image:linear-gradient(90deg,black 50%,transparent),linear-gradient(0deg,black 70%,transparent)}.themes-shadow{--theme-x:0%;--theme-y:4rem;--theme-bg:#232428;width:42rem;position:absolute;overflow:visible;border-radius:var(--radius-2xl);outline:1px solid var(--color-theme-border-02);outline-offset:-1px;transform:skewY(-10deg) translate(var(--theme-x),var(--theme-y));transition:transform .3s cubic-bezier(.25,.46,.45,.94);will-change:transform}.themes-shadow:before{content:"";position:absolute;right:0;bottom:calc(-1 * var(--theme-hover-lift));left:0;height:var(--theme-hover-lift);pointer-events:none}.themes-shadow.hover:before,.themes-shadow:hover:before{pointer-events:auto}.themes-shadow.hover,.themes-shadow:hover{transform:skewY(-10deg) translate(var(--theme-x),calc(var(--theme-y) - var(--theme-hover-lift)))}.themes-wrapper{padding:var(--spacing-g2) var(--spacing-g1\.75);border-radius:inherit;background:var(--theme-bg)}.themes-shadow:first-child{z-index:1}.themes-shadow:nth-child(2){--theme-x:4.7rem;--theme-y:7rem;--theme-bg:#121214;z-index:2;box-shadow:-2rem -.5rem 2rem rgba(0,0,0,.5)}.themes-shadow:nth-child(3){--theme-x:9.4rem;--theme-y:10rem;--theme-bg:#000000;z-index:3;box-shadow:-2rem -.5rem 2rem rgba(0,0,0,.5)}.line-number{text-align:right;margin-right:var(--spacing-g1\.75);color:#565b6680}.themes-h1{color:#569cd6}.themes-h2{color:#a0bfd9}.custom-theme-image{align-self:stretch;height:25rem;margin-right:calc(var(--spacing-g1\.75) * -1);margin-bottom:calc(var(--spacing-g1\.75) * -1);line-height:0}.custom-theme-image:after{content:"";position:absolute;top:0;left:0;width:calc(100% + 1px);height:calc(100% + 1px);background:linear-gradient(to right,transparent 25%,var(--color-theme-02-hex) 125%),linear-gradient(to bottom,transparent 25%,var(--color-theme-02-hex) 125%);pointer-events:none}.custom-theme-image img{display:block;width:calc(100% + var(--spacing-g1\.75) + var(--radius-lg));height:27rem;object-fit:cover;object-position:left top;border-radius:var(--radius-lg);border:1px solid var(--color-theme-border-02)}.prefooter{gap:var(--spacing-v1)}.prefooter h2{font-size:var(--text-2xl)}.prefooter h2,.prefooter-buttons{margin-bottom:0}footer{color:var(--color-theme-fg-04);font-size:var(--text-sm);background:var(--color-theme-02-hex);padding-bottom:var(--spacing-g3);padding-top:var(--spacing-v3);padding-inline:var(--spacing-g2)}.footer-content{max-width:min(var(--max-width-container),100%);flex-wrap:wrap;justify-content:space-between;margin:0 auto;gap:var(--spacing-v2);margin-top:var(--spacing-v4\.5)}footer a{color:var(--color-theme-fg-04);transition:color .3s ease;padding:0}.footer-icons,.footer-links{gap:var(--spacing-g1\.5)}footer a svg{margin:0;height:1.25rem;width:1.25rem}footer a svg path{fill:var(--color-theme-fg-04);transition:fill .3s ease}footer a svg:hover path{fill:var(--color-theme-fg)}footer a:hover{color:var(--color-theme-fg)}.language-switcher{position:relative;display:inline-flex;align-items:center;color:var(--color-theme-fg-04)}.language-switcher-button{height:1.75rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-g1);padding:0 .75rem;border:1px solid var(--color-theme-border-02);border-radius:calc(3.4e+38 * 1px);color:inherit;background:var(--color-theme-02-hex);font-size:var(--text-sm);line-height:1;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease}.language-switcher-button svg{width:.42rem;height:.7rem;transform:rotate(-90deg);transform-origin:center;transition:transform .2s ease}.language-switcher.is-open .language-switcher-button svg{transform:rotate(90deg)}.language-switcher-button:hover,.language-switcher.is-open .language-switcher-button{color:var(--color-theme-fg);background:color-mix(in srgb,var(--color-theme-fg-03),transparent 90%);border-color:var(--color-theme-border-02)}.language-switcher-menu{position:absolute;right:0;bottom:calc(100% + var(--spacing-v6\/12));min-width:9rem;padding:var(--spacing-g0\.5);border:1px solid var(--color-theme-border-02);border-radius:var(--radius-md);background:var(--color-theme-02-hex);opacity:0;transform:translateY(.35rem);pointer-events:none;transition:opacity .16s ease,transform .16s ease;z-index:5}.language-switcher.is-open .language-switcher-menu{opacity:1;transform:translateY(0);pointer-events:auto}.language-switcher-option{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.5rem .6rem;border:0;border-radius:var(--radius-xs);color:var(--color-theme-fg-04);background:transparent;font:inherit;font-size:var(--text-sm);line-height:1;text-align:left;cursor:pointer;white-space:nowrap;transition:color .16s ease,background .16s ease}.language-switcher-option:hover{color:var(--color-theme-fg);background:color-mix(in srgb,var(--color-theme-fg-03),transparent 92%)}.language-switcher-check{opacity:0}.language-switcher-check,.language-switcher-option[aria-checked=true]{color:var(--color-theme-fg)}.language-switcher-option[aria-checked=true] .language-switcher-check{opacity:1}@media (max-width:768px){:root{--text-sm:0.9rem}h1{font-size:var(--text-md-lg);letter-spacing:var(--tracking-md-lg)}.feature-block h3,p{font-size:var(--text-base);line-height:var(--leading-normal)}.editor-mockup{width:auto;height:35rem;flex:0 0 auto}.editor-code{--editor-line-height:calc(var(--text-sm) * var(--leading-cozy));font-size:var(--text-sm);line-height:var(--editor-line-height)}.editor-fold-button svg{width:calc(var(--spacing) * 1.9)}.editor-status-right{gap:.75rem}.shortcuts-demo{flex-direction:column;align-items:flex-start;margin-bottom:var(--spacing-g2)}.shortcuts-copy{width:100%}.command-list{width:100%;margin:var(--spacing-v8\/12) 0}.feature-showcase{grid-template-columns:1fr;padding:var(--spacing-g1\.75)}.feature-copy,.feature-media{grid-column:1}.feature-copy{max-width:100%;padding-left:var(--spacing-g0\.25);padding-right:var(--spacing-g0\.25);order:0}.feature-media{order:1}.feature-showcase.media-panel-showcase.media-left .feature-copy,.feature-showcase.media-panel-showcase.media-left .feature-media{grid-column:1}.feature-showcase.media-panel-showcase.media-left .feature-copy{padding-left:var(--spacing-g0\.25);padding-right:var(--spacing-g0\.25)}.shortcuts-images{width:95vw;padding-right:5vw}.slider-card{width:var(--slider-card-width);height:27rem}.card-slider-shell{--slider-card-width:min(82vw,34rem)}.slider-card-copy{padding-left:var(--spacing-g0\.25);padding-right:var(--spacing-g0\.25)}.slider-card-media{min-height:16rem}.themes-group,.themes-text{width:100%}.default-themes{flex-direction:column}.themes-group{margin-top:-1rem}.custom-theme-image{width:auto;padding-left:0;margin-top:0}.prefooter h2{font-size:var(--text-lg)}.footer-content{justify-content:center;align-items:flex-start;gap:var(--spacing-v2);flex-direction:column;margin-top:0}.footer-icons{gap:var(--spacing-g2);flex-wrap:wrap}.footer-links{align-items:flex-start;flex-direction:column;line-height:var(--leading-snug-plus)}footer a svg{width:1.25rem;height:1.25rem}}.site-shell{display:contents}