:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:var(--vscode-font-family,ui-sans-serif, system-ui, sans-serif);color:var(--vscode-foreground);background:var(--vscode-editor-background)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html,body,#app{width:100dvw;height:100dvh;margin:0;overflow:hidden}body{background:var(--vscode-editor-background)}.panorama-canvas{width:100%;min-width:0;height:100%;min-height:0;position:relative}.diff-canvas{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.diff-canvas.is-interactive{cursor:grab}.diff-canvas.is-interactive:active{cursor:grabbing}.panorama-controls{z-index:2;pointer-events:auto;gap:6px;display:flex;position:absolute;bottom:12px;right:26px}.panorama-control{border:1px solid var(--vscode-panel-border,#ffffff29);width:30px;height:30px;color:var(--vscode-editor-foreground,#d4d4d4);background:color-mix(in srgb, var(--vscode-editorWidget-background,#252526) 86%, transparent);font:16px/1 var(--vscode-font-family,ui-sans-serif, system-ui, sans-serif);cursor:pointer;border-radius:6px;place-items:center;display:grid;box-shadow:0 6px 18px #00000047}.panorama-control svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px;display:block}.panorama-control:active{transform:translateY(1px)}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--vscode-font-family:Sora, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--vscode-editor-font-family:"SFMono-Regular", "Cascadia Code", "Liberation Mono", Menlo, monospace;--vscode-editor-background:#171914;--vscode-editor-foreground:#eef4e8;--vscode-descriptionForeground:#8f9a88;--vscode-panel-border:#d6e9c829;--vscode-sideBar-background:#1d2119;--vscode-editorWidget-background:#151812;--vscode-editor-lineHighlightBackground:#ecf5e014;font-family:var(--vscode-font-family);color:var(--vscode-editor-foreground);background:var(--vscode-editor-background)}*{box-sizing:border-box}html,body,#app{width:100dvw;min-width:320px;height:auto;min-height:100dvh;margin:0;overflow:visible}body{background:#151812;overflow-x:hidden}button,input,textarea,select{font:inherit}.hero{grid-template-rows:auto minmax(0,1fr);gap:14px;height:100dvh;padding:16px 22px 20px;display:grid;overflow:hidden}.intro{text-align:center;grid-template-columns:minmax(120px,.7fr) auto minmax(220px,.7fr);justify-self:center;align-items:center;gap:16px;width:min(100%,900px);display:grid}.copy{max-width:560px}.extension-copy{place-self:center;transform:translateY(-12px)}.eyebrow{color:#7cff5c;margin:0;font-size:12px}.forks{color:#9ba893;text-wrap:balance;max-width:180px;margin:4px 0 0;font-size:11px;line-height:1.25}h1{color:#f5fff1;-webkit-text-fill-color:transparent;letter-spacing:0;filter:drop-shadow(0 1px #ffffff3d)drop-shadow(0 3px #266f1eb3)drop-shadow(0 12px 28px #0000006b);background:linear-gradient(#fff 0%,#dbffcd 32%,#8fff67 66%,#4ad231 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(36px,5.2dvw,68px);font-weight:600;line-height:.96}.lede{color:#c6d1be;max-width:460px;margin:2px auto 0;font-size:clamp(14px,1.3dvw,17px);line-height:1.28}.notes{flex-wrap:wrap;justify-content:center;place-self:center;gap:6px;max-width:620px;display:flex;transform:translateY(-12px)}.notes span{color:#b9c6b0;background:#0e110c94;border:1px solid #d6e9c824;border-radius:6px;align-items:center;min-height:24px;padding:0 8px;font-size:12px;display:inline-flex}.demo-shell{background:#171914;border:2px solid #7cff5c;border-radius:8px;justify-self:center;width:min(100%,1160px);height:100%;min-height:0;position:relative;overflow:hidden;box-shadow:0 22px 80px #00000052}.demo-canvas,.demo-canvas .panorama-canvas,.demo-canvas .diff-canvas{width:100%;height:100%}.demo-canvas{height:100%;min-height:0}.purchase{z-index:3;pointer-events:none;justify-content:center;display:flex;position:absolute;bottom:34px;left:0;right:0}.purchase a{color:#10210c;letter-spacing:0;cursor:pointer;pointer-events:auto;background:linear-gradient(#b1ff9a 0%,#7cff5c 48%,#52d63e 100%);border:1px solid #9dff81;border-radius:8px;justify-content:center;align-items:center;min-height:46px;padding:0 24px;font-size:16px;font-weight:600;text-decoration:none;display:flex;box-shadow:inset 0 1px #ffffffb3,inset 0 -2px #2f802373,0 4px #2a771f,0 10px 24px #00000057}.purchase button:active{transform:translateY(3px);box-shadow:inset 0 1px #ffffff7a,inset 0 1px 8px #2f802359,0 1px #2a771f,0 5px 14px #00000047}@media (width<=760px){.hero{grid-template-rows:auto minmax(0,1fr);gap:10px;padding:12px}.intro{grid-template-columns:1fr}.extension-copy,.notes{justify-self:center}.notes{justify-content:center}.notes span{min-height:26px;font-size:12px}}