.v3-demo-stage{--demo-line:20px;--demo-knob:44px;-webkit-user-select:none;user-select:none;display:grid;position:relative}.v3-demo-view{z-index:0;isolation:isolate;color:var(--brand-ink);--brand-line:#1714122e;--brand-line-strong:#17141261;grid-area:1/1;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;padding-bottom:12px;display:grid;position:relative}.v3-demo-view>*{min-width:0}.landing-v3 .v3-demo-view p{max-width:none}.v3-demo-browser{border:1px solid var(--brand-ink);background:var(--brand-panel);border-radius:12px;grid-area:1/1/auto/10;overflow:hidden}.v3-demo-bar{border-bottom:1px solid var(--brand-ink);background:var(--brand-raised);align-items:center;gap:14px;padding:10px 14px;display:flex}.v3-demo-dots{gap:6px;display:flex}.v3-demo-dots i{border:1px solid var(--brand-ink);border-radius:50%;width:9px;height:9px}.v3-demo-url{border:1px solid var(--brand-line-strong);background:var(--brand-on-ink);min-width:0;font:500 13px/1.3 var(--font-mono), JetBrains, ui-monospace, monospace;border-radius:999px;flex:1;padding:4px 12px}.v3-demo-app{gap:14px;padding:16px 20px 96px;display:grid}.v3-demo-app-head{align-items:center;gap:10px;font-size:15px;display:flex}.v3-demo-mark{background:var(--brand-ink);width:28px;height:28px;color:var(--brand-on-ink);border-radius:8px;place-items:center;font-weight:800;display:grid}.v3-demo-workspace{border:1px solid var(--brand-line-strong);border-radius:999px;margin-left:auto;padding:2px 10px;font-size:13px}.landing-v3 .v3-demo-greeting{letter-spacing:-.03em;font-size:22px;font-weight:750}.v3-demo-stats{flex-wrap:wrap;gap:8px;display:flex}.v3-demo-stats span{border:1px solid var(--brand-ink);background:var(--brand-raised);border-radius:10px;padding:8px 12px;font-size:14px;font-weight:650}.v3-demo-source{z-index:1;border:1px solid var(--brand-line-strong);background:var(--brand-ink);color:var(--brand-on-ink);box-shadow:0 0 0 1px var(--brand-ink);border-radius:12px;grid-area:2/4/auto/13;margin-top:-96px;position:relative;overflow:hidden}.landing-v3 .v3-demo-panel-head{font:500 12px/1.4 var(--font-mono), JetBrains, ui-monospace, monospace;border-bottom:1px solid;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;padding:8px 14px;display:flex}.v3-demo-panel-head>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.v3-demo-source .v3-demo-panel-head{border-color:#fff0eb57}.v3-demo-code{height:calc(var(--code-window) * var(--demo-line));font:500 11.5px / var(--demo-line) var(--font-mono), JetBrains, ui-monospace, monospace;overflow:hidden}.v3-demo-code ol{counter-reset:demo-line;transform:translateY(calc(var(--code-scroll) * var(--demo-line) * -1));margin:0;padding:0;list-style:none}.v3-demo-code li{height:var(--demo-line);white-space:pre;counter-increment:demo-line;align-items:center;padding-right:12px;display:flex;overflow:hidden}.v3-demo-code li:before{content:counter(demo-line);text-align:right;opacity:.45;flex:none;width:3.2em;padding-right:1em}.v3-demo-code .v3-demo-line-key{background:var(--brand-raised);color:var(--brand-ink);font-weight:700}.v3-demo-code .v3-demo-line-key:before{opacity:1}.v3-demo-code .v3-demo-line-gone{color:var(--brand-on-ink);outline-offset:-3px;background:0 0;outline:1px dashed #fff0eb73}.v3-demo-gone{background:var(--brand-on-ink);color:var(--brand-ink);border-radius:999px;padding:0 8px;font-size:11px;font-weight:700;line-height:16px}.v3-demo-table{z-index:2;border:1px solid var(--brand-ink);background:var(--brand-raised);box-shadow:var(--lp-offset-2);border-radius:12px;grid-area:3/1/auto/10;margin-top:-28px;position:relative;overflow:hidden}.v3-demo-table .v3-demo-panel-head>span:last-child{background:var(--brand-ink);color:var(--brand-on-ink);border-radius:999px;padding:2px 10px;font-weight:700}.v3-demo-table table{border-collapse:collapse;width:100%;font:500 12.5px/1.3 var(--font-mono), JetBrains, ui-monospace, monospace;text-align:left}.v3-demo-table :is(th,td){border-bottom:1px solid var(--brand-line);white-space:nowrap;padding:7px 14px}.v3-demo-table th{font-weight:700}.v3-demo-table-foot{font:500 12.5px/1.3 var(--font-mono), JetBrains, ui-monospace, monospace;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px 12px;padding:10px 14px 12px;display:flex}.v3-demo-danger{border:1px solid var(--brand-ink);background:var(--brand-soft);color:var(--brand-ink);font-family:var(--font-archivo), sans-serif;box-shadow:0 2px 0 var(--brand-ink);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:750}.v3-demo-refused{position:relative}.v3-demo-refused>[aria-hidden]{visibility:hidden}.landing-v3 .v3-demo-denied{text-align:center;font:700 14px/1.4 var(--font-mono), JetBrains, ui-monospace, monospace;place-content:center;gap:6px;padding:16px;display:grid;position:absolute;inset:0}.v3-demo-denied span{font-family:var(--font-archivo), sans-serif;font-size:13px;font-weight:500}.v3-demo-finding{z-index:3;border:1px solid var(--brand-ink);background:var(--brand-on-ink);box-shadow:var(--lp-offset-2);border-radius:12px;grid-area:4/7/auto/13;gap:6px;margin-top:-18px;padding:14px 16px;display:grid;position:relative}.landing-v3 .v3-demo-finding-by{font:700 11px/1.2 var(--font-mono), JetBrains, ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase}.landing-v3 .v3-demo-finding-title{letter-spacing:-.015em;font-size:16px;font-weight:750;line-height:1.25}.landing-v3 .v3-demo-finding-meta{font:500 12px/1.3 var(--font-mono), JetBrains, ui-monospace, monospace;flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.v3-demo-finding-status{border:1px solid var(--brand-ink);background:var(--brand-soft);font-family:var(--font-archivo), sans-serif;border-radius:999px;padding:3px 10px;font-weight:750}.v3-demo-after .v3-demo-finding-status{background:var(--brand-ink);color:var(--brand-on-ink)}.v3-demo-rule{top:0;bottom:0;left:calc(var(--split) * 100%);z-index:5;background:var(--brand-on-ink);pointer-events:none;width:2px;margin-left:-1px;position:absolute}.v3-demo-stage:is([data-at=before],[data-at=after]) .v3-demo-rule{opacity:.5}.v3-demo-divider{z-index:6;top:0;bottom:0;left:clamp(0px, calc(var(--split) * 100% - var(--demo-knob) / 2), calc(100% - var(--demo-knob)));width:var(--demo-knob);cursor:ew-resize;touch-action:pan-y;position:absolute}.v3-demo-knob{z-index:7;top:50%;left:clamp(calc(var(--demo-knob) / 2), calc(var(--split) * 100%), calc(100% - var(--demo-knob) / 2));width:var(--demo-knob);height:var(--demo-knob);border:1px solid var(--brand-ink);background:var(--brand-on-ink);color:var(--brand-ink);box-shadow:var(--lp-lift-2);cursor:ew-resize;touch-action:pan-y;border-radius:50%;place-items:center;display:grid;position:absolute;translate:-50% -50%}.v3-demo-knob svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.landing-v3 .v3-demo-knob:focus-visible{outline:3px solid var(--brand-on-ink);outline-offset:3px}.v3-demo-stage[data-dragging=true],.v3-demo-stage[data-dragging=true] *{cursor:ew-resize}.v3-demo-after{z-index:1;clip-path:inset(0 0 0 calc(var(--split) * 100%))}.v3-demo-stage[data-at=before] .v3-demo-after{opacity:0}.v3-demo-stage[data-motion=fade] .v3-demo-after{transition:opacity .4s var(--lp-ease-out), clip-path 0s}.v3-demo-stage[data-motion=fade][data-target=before] .v3-demo-after{transition:opacity .4s var(--lp-ease-out), clip-path 0s .4s}.v3-demo-stage[data-motion=wipe] .v3-demo-after{transition:clip-path .4s var(--lp-ease-out), opacity 0s}.v3-demo-stage[data-motion=wipe][data-target=before] .v3-demo-after{transition:clip-path .4s var(--lp-ease-out), opacity 0s .4s}.v3-demo-stage:is([data-motion=fade],[data-motion=wipe]) :is(.v3-demo-rule,.v3-demo-divider,.v3-demo-knob){transition:left .4s var(--lp-ease-out)}.v3-demo-stage[data-at=after] .v3-demo-after .v3-demo-finding{animation:v3-demo-flip .4s var(--lp-ease-out) both}@keyframes v3-demo-flip{0%{transform:perspective(800px)rotateX(70deg)}}@media (prefers-reduced-motion:no-preference){.v3-demo-before .v3-demo-source{animation:v3-demo-slide .52s var(--lp-ease-out) .2s both}.v3-demo-before .v3-demo-code ol{animation:1.6s cubic-bezier(.45,0,.2,1) .7s both v3-demo-scroll}.v3-demo-before .v3-demo-line-key{animation:.32s ease-out 2.3s both v3-demo-mark}.v3-demo-before .v3-demo-table{animation:v3-demo-rise .46s var(--lp-ease-out) 2.6s both}.v3-demo-before .v3-demo-finding{animation:v3-demo-rise .46s var(--lp-ease-out) 3s both}.v3-demo-stage:not([data-play=true]) .v3-demo-before :is(.v3-demo-source,.v3-demo-code ol,.v3-demo-line-key,.v3-demo-table,.v3-demo-finding){animation-play-state:paused}}@keyframes v3-demo-slide{0%{opacity:0;transform:translateY(28px)}}@keyframes v3-demo-scroll{0%{transform:translateY(0)}}@keyframes v3-demo-mark{0%{color:var(--brand-on-ink);background:0 0}}@keyframes v3-demo-rise{0%{opacity:0;transform:translateY(18px)}}@media (prefers-reduced-motion:reduce){.v3-demo-stage *,.v3-demo-stage{transition:none!important;animation:none!important}}@media (max-width:767px){.v3-demo-app{padding:14px 16px 84px}.v3-demo-source{grid-column:2/13;margin-top:-76px}.v3-demo-table{grid-column:1/12;margin-top:-20px}.v3-demo-browser{grid-column:1/12}.v3-demo-finding{grid-column:4/13;margin-top:-14px}}@media (max-width:480px){.v3-demo-stage{--demo-line:18px}.v3-demo-code{font-size:10.5px}.landing-v3 .v3-demo-greeting{font-size:18px}.v3-demo-stats span{padding:6px 10px;font-size:13px}.v3-demo-table :is(th,td){padding:6px 10px}.v3-demo-table table,.v3-demo-table-foot{font-size:11px}.v3-demo-finding{grid-column:3/13}}