.sandbox{--sandbox-side:var(--gutter);--sandbox-gap:clamp(10px, .95vw, 15px);--sandbox-console-height:clamp(78px, 11vh, 96px);--sandbox-nib-d:20px;--sandbox-lift:7px;--sandbox-top:max(var(--header-height), calc(var(--title-height) - var(--sandbox-lift)));--sandbox-plate-w:var(--title-width);--sandbox-seam:0px;--sandbox-nib-half:calc(var(--sandbox-plate-w) / 2 - var(--sandbox-seam) / 2);--sandbox-nib-outer:calc(var(--sandbox-nib-half) + var(--sandbox-nib-d));--sandbox-octagon-clip:var(--paper-octagonal-clip);--sandbox-chip-height:clamp(30px, 4.5vh, 36px);--sandbox-reveal:.48s;--sandbox-fade:.22s;--sandbox-cut:.46s;--sandbox-part:.52s;min-width:0}@media (min-width:821px){.sandbox .paper-masthead{top:calc((var(--sandbox-top) - var(--header-height)) / 2)}}.sandbox-title{z-index:50;width:max-content;min-width:var(--title-width);max-width:min(var(--sandbox-title-max,48vw), 620px)}.sandbox-title .paper-title-copy{gap:clamp(5px,1.35vh,11px);padding:0 clamp(18px,1.6vw,25px)}.sandbox-title .paper-title-stamp__eyebrow{color:rgb(var(--ground-rgb) / .6);letter-spacing:.32em;font-size:clamp(8px,1.25vh,10px)}.sandbox-title h1{letter-spacing:-.005em;text-overflow:ellipsis;text-transform:uppercase;max-width:100%;font-size:clamp(24px,min(3.1vw,6vh),49px);line-height:1.06;overflow:hidden}.sandbox-region{z-index:10;top:var(--sandbox-top);right:var(--sandbox-side);bottom:calc(var(--sandbox-console-height) + var(--gutter) * 2);left:var(--sandbox-side);grid-template-columns:minmax(0, 1fr) var(--sandbox-seam) minmax(0, 1fr);min-height:0;transition:grid-template-columns var(--sandbox-part) var(--ease-snappy);display:grid;position:absolute}.sandbox[data-phase=open]{--sandbox-seam:var(--sandbox-gap)}.sandbox-blade{z-index:26;top:calc(-1 * var(--sandbox-nib-d));width:var(--hair);transform-origin:top;background:var(--page);pointer-events:none;opacity:0;position:absolute;bottom:0;left:50%;transform:translate(-50%)scaleY(0)}.sandbox[data-phase=cutting] .sandbox-blade{opacity:1;transition:transform var(--sandbox-cut) var(--ease-in-out-soft) var(--sandbox-fade), opacity 80ms linear var(--sandbox-fade);transform:translate(-50%)scaleY(1)}.sandbox[data-phase=open] .sandbox-blade{opacity:0;transition:opacity .24s ease var(--sandbox-part);transform:translate(-50%)scaleY(1)}.sandbox-panel{--paper-frame-width:0;--paper-frame-inset:0;--paper-frame-fill:var(--canvas);min-width:0;min-height:0;transition:clip-path var(--sandbox-part) var(--ease-snappy), padding var(--sandbox-part) var(--ease-snappy);position:relative;overflow:hidden}:root[data-theme=dark] .sandbox-panel{--paper-frame-width:var(--paper-canvas-frame-width);--paper-frame-inset:var(--paper-canvas-frame-inset)}.sandbox-panel[data-side=left]{--paper-frame-clip:polygon(var(--bevel-large) 0, calc(100% - var(--sandbox-nib-outer)) 0, calc(100% - var(--sandbox-nib-half)) var(--sandbox-nib-d), 100% var(--sandbox-nib-d), 100% 100%, var(--bevel-large) 100%, 0 calc(100% - var(--bevel-large)), 0 var(--bevel-large));--paper-frame-inner-clip:polygon(calc(var(--bevel-large) - var(--paper-frame-inset)) 0, calc(100% - var(--sandbox-nib-outer) + var(--paper-frame-inset)) 0, calc(100% - var(--sandbox-nib-half) + var(--paper-frame-inset)) var(--sandbox-nib-d), 100% var(--sandbox-nib-d), 100% 100%, calc(var(--bevel-large) - var(--paper-frame-inset)) 100%, 0 calc(100% - var(--bevel-large) + var(--paper-frame-inset)), 0 calc(var(--bevel-large) - var(--paper-frame-inset)))}.sandbox-panel[data-side=right]{--paper-frame-clip:polygon(0 var(--sandbox-nib-d), var(--sandbox-nib-half) var(--sandbox-nib-d), var(--sandbox-nib-outer) 0, calc(100% - var(--bevel-large)) 0, 100% var(--bevel-large), 100% calc(100% - var(--bevel-large)), calc(100% - var(--bevel-large)) 100%, 0 100%);--paper-frame-inner-clip:polygon(0 var(--sandbox-nib-d), calc(var(--sandbox-nib-half) - var(--paper-frame-inset)) var(--sandbox-nib-d), calc(var(--sandbox-nib-outer) - var(--paper-frame-inset)) 0, calc(100% - var(--bevel-large) + var(--paper-frame-inset)) 0, 100% calc(var(--bevel-large) - var(--paper-frame-inset)), 100% calc(100% - var(--bevel-large) + var(--paper-frame-inset)), calc(100% - var(--bevel-large) + var(--paper-frame-inset)) 100%, 0 100%)}.sandbox-panel__surface{transition:clip-path var(--sandbox-part) var(--ease-snappy);position:relative;overflow:hidden}.sandbox:not([data-phase=open]) .sandbox-panel[data-side=left]{padding-right:0}.sandbox:not([data-phase=open]) .sandbox-panel[data-side=right]{padding-left:0}.sandbox-panel [data-loader]{display:none}.sandbox-panel__view{z-index:1;animation:sandbox-view-in .62s var(--ease-out-soft) both;position:absolute;inset:0}.sandbox-panel__chip{z-index:30;height:var(--sandbox-chip-height);box-sizing:border-box;background:var(--ink);color:var(--page);pointer-events:none;animation:sandbox-chip-in var(--sandbox-reveal) var(--ease-out-soft) both;align-items:center;gap:11px;font-size:14px;font-weight:800;line-height:1;display:flex;position:absolute;top:0}.sandbox-panel[data-side=left] .sandbox-panel__chip{padding:0 clamp(18px, 1.75vw, 28px) 0 calc(var(--bevel-large) + 6px);clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);left:0}.sandbox-panel[data-side=right] .sandbox-panel__chip{padding:0 calc(var(--bevel-large) + 6px) 0 clamp(18px, 1.75vw, 28px);clip-path:polygon(0 0,100% 0,100% 100%,12px 100%,0 calc(100% - 12px));right:0}.sandbox-panel__chip span{letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:28ch;font-size:11px;font-weight:800;overflow:hidden}.sandbox-versus{z-index:32;box-sizing:border-box;border:var(--sandbox-vs-frame,0) solid var(--ink);background:var(--page);width:clamp(30px,2.4vw,38px);height:clamp(30px,2.4vw,38px);color:var(--ink);letter-spacing:.06em;opacity:0;pointer-events:none;transition:opacity .2s ease, transform .32s var(--ease-snappy);place-self:center;place-items:center;margin:0 -12px;font-size:14px;font-weight:800;display:grid;transform:scale(.7)}.sandbox[data-phase=open] .sandbox-versus{opacity:1;transition:opacity .22s ease var(--sandbox-part), transform .34s var(--ease-snappy) var(--sandbox-part);transform:none}:root[data-theme=dark] .sandbox-versus{--sandbox-vs-frame:var(--paper-canvas-frame-width)}.sandbox-intro{z-index:20;width:min(72ch, calc(100% - var(--bevel-large) * 4));color:var(--ink);text-align:center;text-wrap:balance;pointer-events:none;opacity:1;transition:opacity .46s var(--ease-out-soft), transform .46s var(--ease-out-soft);flex-direction:column;align-items:center;gap:clamp(18px,2.6vh,30px);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@starting-style{.sandbox-intro{opacity:0;transform:translate(-50%,calc(10px - 50%))}}.sandbox-intro[data-hidden=true]{opacity:0;transition-duration:var(--sandbox-fade);transition-timing-function:ease;transform:translate(-50%,calc(-50% - 8px))}.sandbox-intro h2{letter-spacing:-.005em;text-transform:uppercase;margin:0;font-size:clamp(24px,min(3.1vw,6vh),49px);font-weight:800;line-height:1.06}.sandbox-intro p{max-width:46ch;color:rgb(var(--ink-rgb) / .66);margin:0;font-size:clamp(13px,1.15vw,16px);font-weight:650;line-height:1.5}.sandbox-intro strong{letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:10px;font-size:clamp(11px,.95vw,13px);font-weight:800;display:flex}.sandbox-intro strong:after{content:"";width:8px;height:8px;animation:sandbox-intro-nudge 1.8s var(--ease-in-out-soft) infinite;border-bottom:2px solid;border-right:2px solid;display:block;transform:translateY(-2px)rotate(45deg)}.sandbox-console{z-index:58;right:var(--sandbox-side);bottom:var(--gutter);left:var(--sandbox-side);height:var(--sandbox-console-height);gap:var(--hair);border:var(--hair) solid var(--ink);background:var(--ink);animation:sandbox-console-in .48s var(--ease-out-soft) both;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr);display:grid;position:absolute}.sandbox-console__cell{min-width:0;display:grid;position:relative}.sandbox-console__cell:has(.sandbox-dropup){z-index:2}.sandbox-console__model,.sandbox-console__prompt{cursor:pointer;min-width:0;transition:background var(--duration-fast) ease, color var(--duration-fast) ease;border:0;border-radius:0;align-items:center;gap:0 14px;padding:0 clamp(16px,1.6vw,24px);display:grid}.sandbox-console__model{background:var(--page);color:var(--ink);text-align:left;grid-template-columns:auto minmax(0,1fr) auto auto;gap:0 clamp(10px,1vw,14px)}.sandbox-console__model[data-side=b]{text-align:right}.sandbox-console__model[data-side=b] .sandbox-chevron{order:1}.sandbox-console__model[data-side=b] .sandbox-console__elo{order:2}.sandbox-console__model[data-side=b]>span{order:3}.sandbox-console__model[data-side=b] .leaderboard-mark{order:4}.sandbox-console__slot{opacity:.3;flex:none;place-items:center;width:30px;height:30px;font-size:15px;font-style:normal;font-weight:800;line-height:1;display:grid}.sandbox-console__model[data-empty=true] strong,.sandbox-console__prompt[data-empty=true] strong{opacity:.42}.sandbox-console__model[data-empty=true]:hover strong,.sandbox-console__model[aria-expanded=true][data-empty=true] strong,.sandbox-console__prompt[data-empty=true]:hover strong{opacity:.7}.sandbox-console__elo{letter-spacing:.02em;white-space:nowrap;font-variant-numeric:tabular-nums;align-items:baseline;gap:6px;font-size:15px;font-style:normal;font-weight:800;line-height:1;display:flex}.sandbox-console__elo i{letter-spacing:.16em;opacity:.5;font-size:10px;font-style:normal;font-weight:800}.sandbox-console__model .leaderboard-mark{width:30px;height:30px}.sandbox-console__model>span{flex-direction:column;gap:7px;min-width:0;display:flex}.sandbox-console__model[data-side=b]>span{align-items:flex-end}.sandbox-console__model strong,.sandbox-console__prompt strong{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:100%;font-size:clamp(15px,1.3vw,19px);font-weight:800;line-height:1;overflow:hidden}.sandbox-console__model small,.sandbox-console__prompt small{letter-spacing:.2em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-variant-numeric:tabular-nums;max-width:100%;transition:color var(--duration-fast) ease;font-size:8.5px;font-weight:800;line-height:1;overflow:hidden}.sandbox-console__model small{color:rgb(var(--ink-rgb) / .5)}.sandbox-console__model:hover,.sandbox-console__model[aria-expanded=true]{background:var(--ink);color:var(--page)}.sandbox-console__model:hover small,.sandbox-console__model[aria-expanded=true] small{color:rgb(var(--ground-rgb) / .58)}.sandbox-console__prompt{background:var(--starshot-gold);color:#1c1c1c;text-align:center;grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;gap:7px;padding:0 calc(clamp(16px,1.6vw,24px) + 24px);position:relative}.sandbox-console__prompt small{color:#1c1c1c9e}.sandbox-console__prompt .sandbox-chevron{margin-top:-7.5px;position:absolute;top:50%;right:clamp(16px,1.6vw,24px)}.sandbox-chevron{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;opacity:.45;width:15px;height:15px;transition:transform .22s var(--ease-snappy), opacity var(--duration-fast) ease;flex:none}.sandbox-console__prompt .sandbox-chevron{opacity:.7;align-self:center}.sandbox-console__model:hover .sandbox-chevron,.sandbox-console__prompt:hover .sandbox-chevron{opacity:1}[aria-expanded=true] .sandbox-chevron{opacity:1;transform:rotate(180deg)}.sandbox-dropup{z-index:60;bottom:calc(100% + var(--hair));border:var(--hair) solid var(--ink);background:var(--page);scrollbar-width:none;transform-origin:bottom;min-width:100%;max-height:min(46vh,380px);animation:sandbox-dropup-in .2s var(--ease-snappy) both;flex-direction:column;display:flex;position:absolute;overflow:hidden auto}.sandbox-dropup::-webkit-scrollbar{display:none}.sandbox-dropup__search{z-index:1;border-bottom:var(--hair) solid rgb(var(--ink-rgb) / .4);background:var(--page);min-height:44px;transition:border-bottom-color var(--duration-fast) ease;flex:none;align-items:center;gap:10px;padding:0 clamp(14px,1.4vw,20px);display:flex;position:sticky;top:0}.sandbox-dropup__search:focus-within{border-bottom-color:var(--ink)}.sandbox-search-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;opacity:.42;width:14px;height:14px;transition:opacity var(--duration-fast) ease;flex:none}.sandbox-dropup__search:focus-within .sandbox-search-icon{opacity:1}.sandbox-dropup__search input{width:100%;min-width:0;color:var(--ink);font:inherit;letter-spacing:.14em;text-transform:uppercase;background:0 0;border:0;border-radius:0;outline:0;flex:1;padding:0;font-size:11px;font-weight:800}.sandbox-dropup__search input::placeholder{color:rgb(var(--ink-rgb) / .36);text-transform:uppercase}.sandbox-dropup__search input:focus,.sandbox-dropup__search input:focus-visible{box-shadow:none!important;outline:0!important}.sandbox-console__cell[data-side=b] .sandbox-dropup__search{flex-direction:row-reverse}.sandbox-console__cell[data-side=b] .sandbox-dropup__search input{text-align:right}.sandbox-console__cell[data-side=scene] .sandbox-dropup__search input{text-align:center}.sandbox-dropup__empty{color:rgb(var(--ink-rgb) / .42);letter-spacing:.2em;text-align:center;margin:0;padding:26px 18px;font-size:9px;font-weight:800}.sandbox-dropup[data-align=left]{left:0}.sandbox-dropup[data-align=right]{right:0}.sandbox-dropup[data-align=center]{left:50%;transform:translate(-50%)}.sandbox-dropup>button{color:var(--ink);cursor:pointer;transition:background var(--duration-fast) ease, color var(--duration-fast) ease;background:0 0;border:0;border-radius:0;flex:none;align-items:center;gap:12px;padding:0 clamp(14px,1.4vw,20px);display:grid}.sandbox-dropup>button+button{border-top:var(--hair) solid rgb(var(--ink-rgb) / .22)}.sandbox-console__cell[data-side=scene] .sandbox-dropup>button{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;min-height:48px;padding:0 calc(clamp(14px,1.4vw,20px) + 26px);position:relative}.sandbox-console__cell[data-side=scene] .sandbox-dropup em{position:absolute;top:50%;left:clamp(14px,1.4vw,20px);transform:translateY(-50%)}.sandbox-console__cell[data-side=a] .sandbox-dropup>button,.sandbox-console__cell[data-side=b] .sandbox-dropup>button{text-align:left;grid-template-columns:24px minmax(0,1fr) auto;min-height:52px}.sandbox-console__cell[data-side=b] .sandbox-dropup>button{text-align:right}.sandbox-console__cell[data-side=b] .sandbox-dropup .leaderboard-mark{order:3}.sandbox-console__cell[data-side=b] .sandbox-dropup>button>span{order:2}.sandbox-console__cell[data-side=b] .sandbox-dropup>button>b{order:1;justify-self:start}.sandbox-dropup .leaderboard-mark{width:24px;height:24px}.sandbox-dropup>button>span{flex-direction:column;gap:5px;min-width:0;display:flex}.sandbox-console__cell[data-side=b] .sandbox-dropup>button>span{align-items:flex-end}.sandbox-dropup strong{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:100%;font-size:13px;font-weight:800;line-height:1;overflow:hidden}.sandbox-dropup small{color:rgb(var(--ink-rgb) / .46);letter-spacing:.16em;white-space:nowrap;transition:color var(--duration-fast) ease;font-size:8px;font-weight:800;line-height:1}.sandbox-dropup em{color:rgb(var(--ink-rgb) / .38);letter-spacing:.08em;font-variant-numeric:tabular-nums;transition:color var(--duration-fast) ease;font-size:9.5px;font-style:normal;font-weight:800;line-height:1}.sandbox-dropup>button>b{font-variant-numeric:tabular-nums;opacity:.5;justify-self:end;font-size:11px;font-weight:800;line-height:1}.sandbox-dropup>button:hover,.sandbox-dropup>button[data-active=true]{background:var(--ink);color:var(--page)}.sandbox-dropup>button:hover small,.sandbox-dropup>button[data-active=true] small,.sandbox-dropup>button:hover em,.sandbox-dropup>button[data-active=true] em{color:rgb(var(--ground-rgb) / .58)}.sandbox-console__cell[data-side=scene] .sandbox-dropup>button[data-active=true],.sandbox-console__cell[data-side=scene] .sandbox-dropup>button:hover{background:var(--starshot-gold);color:#1c1c1c}.sandbox-console__cell[data-side=scene] .sandbox-dropup>button[data-active=true] em,.sandbox-console__cell[data-side=scene] .sandbox-dropup>button:hover em{color:#1c1c1c99}@keyframes sandbox-view-in{0%{opacity:0}to{opacity:1}}@keyframes sandbox-console-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes sandbox-chip-in{0%{transform:translateY(-110%)}to{transform:none}}@keyframes sandbox-intro-in{0%{opacity:0;transform:translate(-50%,calc(10px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes sandbox-intro-nudge{0%,to{transform:translateY(-2px)rotate(45deg)}50%{transform:translateY(2px)rotate(45deg)}}@keyframes sandbox-dropup-in{0%{opacity:0;transform:translateY(8px)scaleY(.96)}to{opacity:1;transform:none}}.sandbox-dropup[data-align=center]{animation-name:sandbox-dropup-in-centred}@keyframes sandbox-dropup-in-centred{0%{opacity:0;transform:translate(-50%,8px)scaleY(.96)}to{opacity:1;transform:translate(-50%)}}@media (max-height:1200px) and (min-width:821px){.sandbox{--sandbox-console-height:clamp(70px, 10vh, 86px);--sandbox-chip-height:clamp(28px, 4vh, 32px)}.sandbox-title .paper-title-copy{gap:clamp(4px,1.1vh,8px)}.sandbox-title h1{font-size:clamp(22px,min(2.8vw,5.2vh),42px)}.sandbox-panel__chip{gap:9px;font-size:13px}.sandbox-versus{width:clamp(28px,2.2vw,34px);height:clamp(28px,2.2vw,34px);font-size:13px}}@media (max-width:1180px) and (min-width:821px){.sandbox-console__model .leaderboard-mark{width:26px;height:26px}.sandbox-panel[data-side=left] .sandbox-panel__chip{padding-left:30px}.sandbox-panel[data-side=right] .sandbox-panel__chip{padding-right:30px}}@media (max-width:820px){.sandbox{--bevel-large:24px;min-height:1000px}.sandbox-title h1{max-width:none;font-size:27px}.sandbox-panel[data-side=left],.sandbox-panel[data-side=right]{--paper-frame-cut:24px;--paper-frame-clip:var(--sandbox-octagon-clip);--paper-frame-inner-clip:var(--paper-octagonal-inner-clip)}.sandbox-region{grid-template-rows:minmax(0,1fr) 14px minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:600px;inset:186px 16px auto}.sandbox-versus{grid-row:2;width:34px;height:34px;margin:-10px 0;font-size:12px}.sandbox-console{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-rows:72px;height:auto;inset:806px 16px auto}.sandbox-console__cell[data-side=scene]{grid-area:1/1/auto/-1}.sandbox-dropup{top:calc(100% + var(--hair));max-height:46vh;bottom:auto}}@media (prefers-reduced-motion:reduce){.sandbox-console,.sandbox-panel__view,.sandbox-panel__chip,.sandbox-intro,.sandbox-intro strong:after,.sandbox-dropup{animation:none}.sandbox-region,.sandbox-panel,.sandbox-panel__surface,.sandbox-versus,.sandbox-blade{transition:none}.sandbox-blade{display:none}.sandbox-chevron{transition:none}}