: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:#252b20;--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}button{color:inherit}.hero{grid-template-rows:auto minmax(0,1fr);gap:14px;min-height:100dvh;padding:16px 22px 20px;display:grid;overflow:clip}.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}.sublede{color:#9ba893;text-wrap:balance;max-width:560px;margin:10px auto 0;font-size:clamp(12px,1.1dvw,15px);line-height:1.45}.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;justify-items:center;gap:12px;display:grid;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 a:active{transform:translateY(3px);box-shadow:inset 0 1px #ffffff7a,inset 0 1px 8px #2f802359,0 1px #2a771f,0 5px 14px #00000047}.purchase p{color:#c6d1be;background:#0e110cb8;border:1px solid #d6e9c824;border-radius:6px;margin:0;padding:6px 10px;font-size:12px}.details{grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);align-items:start;gap:28px;width:min(100%,1160px);margin:0 auto;padding:52px 22px 76px;display:grid}.details-copy{gap:14px;display:grid}.details h2{color:#f5fff1;letter-spacing:0;text-wrap:balance;margin:0;font-size:clamp(28px,3.6dvw,48px);font-weight:600;line-height:1.04}.details-copy p:not(.eyebrow),.feature-grid p{color:#aebaa6;margin:0;font-size:15px;line-height:1.55}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.feature-grid article{background:#151812c7;border:1px solid #d6e9c824;border-radius:8px;min-height:190px;padding:18px}.feature-grid h3{color:#e8f4df;letter-spacing:0;margin:0 0 12px;font-size:17px;font-weight:600}.site-footer{color:#8f9a88;border-top:1px solid #d6e9c824;justify-content:space-between;align-items:center;gap:16px;width:min(100%,1160px);margin:0 auto;padding:18px 22px 28px;font-size:13px;display:flex}.site-footer p{margin:0}.site-footer nav{align-items:center;gap:14px;display:flex}.site-footer button{color:#c6d1be;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px}.legal-modal{color:#eef4e8;background:#151812;border:1px solid #7cff5c70;border-radius:8px;width:min(680px,100dvw - 28px);max-height:min(760px,100dvh - 28px);padding:0;box-shadow:0 28px 90px #0000008f}.legal-modal::backdrop{background:#040603b8}.legal-panel{padding:28px;position:relative}.legal-panel h2{color:#f5fff1;letter-spacing:0;margin:8px 0 18px;font-size:30px;font-weight:600;line-height:1.08}.legal-panel p:not(.eyebrow){color:#b7c2af;margin:0 0 14px;font-size:14px;line-height:1.58}.legal-panel p:last-child{margin-bottom:0}.modal-close{color:#dbe8d2;cursor:pointer;background:#0e110cc7;border:1px solid #d6e9c824;border-radius:8px;width:34px;height:34px;font-size:22px;line-height:1;position:absolute;top:16px;right:16px}@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}.demo-shell{min-height:52dvh}.purchase{padding:0 14px;bottom:18px}.purchase a{min-height:44px;padding:0 18px;font-size:15px}.purchase p{text-align:center}.details{grid-template-columns:1fr;padding:42px 16px 58px}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:0}.site-footer{flex-direction:column;align-items:flex-start;padding:18px 16px 28px}.legal-panel{padding:24px 18px}.legal-panel h2{font-size:26px}}