@font-face{font-family:DejaVu Sans Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dejavu-sans-mono-2.37/DejaVuSansMono.woff2)format("woff2")}@font-face{font-family:DejaVu Sans Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/dejavu-sans-mono-2.37/DejaVuSansMono-Bold.woff2)format("woff2")}@font-face{font-family:DejaVu Sans Mono;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/dejavu-sans-mono-2.37/DejaVuSansMono-Oblique.woff2)format("woff2")}@font-face{font-family:DejaVu Sans Mono;font-style:italic;font-weight:700;font-display:swap;src:url(/fonts/dejavu-sans-mono-2.37/DejaVuSansMono-BoldOblique.woff2)format("woff2")}:root{--text-pt:13;--text-size:calc(var(--text-pt) * 1pt);font-size:var(--text-size);--border-width:2px;--card-outline-width:4px;--underline-width:1px;color-scheme:light;--color-accent:mediumpurple;--color-accent-text:light-dark(#fff,#000);--color-background:light-dark(#f9f8f4,#1a1a1a);--color-feature:light-dark(#ede8df,#252525);--color-feature-alternate:mediumseagreen;--color-grid:gray;--color-media-placeholder:black;--color-text:light-dark(#000,#e8e7e4);--color-text-contrast:light-dark(#000,#fff);--color-text-secondary:light-dark(#666,#8a8a8a);--dash-color:var(--color-feature);--dash-pattern:linear-gradient(to right, var(--dash-color) 0 50%, var(--color-background) 50%);--font:"DejaVu Sans Mono", ui-monospace, monospace;font-family:var(--font);--grid-ch:1ch;--col:98ch;--page-gutter:2ch;--header-gap:2ch;--line:round(2.5ch, 1px);--h1-pt:18;--h2-pt:14.5;--h3-pt:14;--h1-size:calc(var(--h1-pt) * 1pt);--h2-size:calc(var(--h2-pt) * 1pt);--h3-size:calc(var(--h3-pt) * 1pt);--h1-step:1.5;--h2-step:1;--h3-step:1;--h1-tracking:calc(var(--h1-step) * var(--text-pt) / var(--h1-pt) * 1ch - 1ch);--h2-tracking:calc(var(--h2-step) * var(--text-pt) / var(--h2-pt) * 1ch - 1ch);--h3-tracking:calc(var(--h3-step) * var(--text-pt) / var(--h3-pt) * 1ch - 1ch);--content-w:round(down, min(var(--col), calc(100vw - 2 * var(--page-gutter))), var(--grid-ch));--content-left:calc((100vw - var(--content-w)) / 2);--viewport-bleed:calc(50% - 50vw)}@supports (width:1rch){:root{--grid-ch:1rch;--col:98rch;--page-gutter:2rch;--header-gap:2rch;--line:round(2.5rch, 1px)}}[data-subdomain]{--color-accent:mediumseagreen;--color-feature-alternate:mediumpurple}:root:has(.theme-picker input[value=dark]:checked){color-scheme:dark;--themed-img-light:none;--themed-img-dark:block}@media (prefers-color-scheme:dark){:root:has(.theme-picker input[value=auto]:checked){color-scheme:dark;--themed-img-light:none;--themed-img-dark:block}}*{box-sizing:border-box;text-decoration-thickness:var(--underline-width)}input[type=search]{appearance:none;border-radius:0}*+*{margin-top:var(--line)}html{background:var(--color-feature);overflow-y:scroll}body{background:var(--color-background);color:var(--color-text);font-family:var(--font);line-height:var(--line);margin:0;overflow-x:hidden}p{margin:0}*+p{margin-top:var(--line)}a{color:var(--color-text);text-decoration-line:underline}a:hover{text-decoration-line:none}strong{font-weight:700}::selection{background:var(--color-feature-alternate);color:var(--color-background)}.page-shell{isolation:isolate;width:var(--content-w);min-height:round(up, 100vh, var(--line));padding:var(--line) 0 0;flex-direction:column;margin:0 auto;display:flex;position:relative}.page-shell>main{flex:1 0 auto}.flow-reset>*,.site-header>*,.header-main>*,.header-brand-label>*,.header-explore-chip>*,.header-actions>*,.surface-band>*,.footer-controls>*,.theme-picker>*,.cell-overhang>*,.grid-overlay+*{margin-top:0}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.header-action-line{display:contents}.text-muted{color:var(--color-text-secondary)}.text-accent{color:var(--color-accent)}.text-alternate{color:var(--color-feature-alternate)}.surface-accent{--surface-color:var(--color-accent);isolation:isolate;background:var(--surface-color)}.accent-chip{background:var(--color-accent);color:var(--color-background);padding:0}.align-right{text-align:right}.cell-overhang{padding-inline:var(--grid-ch);margin-inline:calc(-1 * var(--grid-ch))}.button{height:calc(2 * var(--line));padding:0 calc(2 * var(--grid-ch));background:var(--color-feature);color:inherit;align-items:center;text-decoration-line:none;display:inline-flex}.button:hover{text-decoration-line:underline}.button--accent{background:var(--color-accent);color:var(--color-accent-text)}.button--accent:hover{color:var(--color-accent-text)}.mono-flow,.mono-section,.mono-copy{font-size:var(--text-size);line-height:var(--line)}.mono-flow>*{margin-top:0}.mono-section{margin-top:var(--line)}.mono-section-heading,.mono-copy{margin:0}.mono-copy>:first-child{margin-top:0}.mono-line{height:var(--line);font-size:var(--text-size);line-height:var(--line);align-items:flex-start;margin:0;display:flex}.mono-line-text{font-weight:700;display:block}.mono-line-text--trim{text-box-edge:cap alphabetic;text-box-trim:trim-both;line-height:1}.mono-line-text--h1{font-size:var(--h1-size);letter-spacing:var(--h1-tracking)}.mono-line-text--h2{font-size:var(--h2-size);letter-spacing:var(--h2-tracking);line-height:inherit}.mono-line-text--h3{font-size:var(--h3-size);letter-spacing:var(--h3-tracking);line-height:inherit}.mono-line--wrap{height:auto;min-height:var(--line)}.mono-icon{height:var(--line);line-height:var(--line);vertical-align:top;display:inline-block}.site-header{--header-edge:calc(2 * var(--grid-ch));--viewport-pinned-header-offset:calc((100vw - var(--col)) / -2 + var(--header-edge));--logo-w:calc(14 * var(--grid-ch));--logo-gap:calc(4 * var(--grid-ch));--nav-w:calc(20 * var(--grid-ch));align-items:baseline;gap:var(--grid-ch);width:100%;height:var(--line);display:flex;position:relative}.header-brand{top:0;left:min(0px, var(--viewport-pinned-header-offset));color:var(--color-text);margin-right:calc(5 * var(--grid-ch));white-space:nowrap;font-weight:700;position:absolute}.header-brand-label{align-items:baseline;column-gap:var(--grid-ch);width:var(--logo-w);display:inline-flex}.brand-icon-cell{width:calc(2 * var(--grid-ch));text-align:left;flex-shrink:0;display:inline-block}.header-brand-text{letter-spacing:var(--h3-tracking);flex-shrink:0}.header-brand:hover .header-brand-text{text-decoration-line:underline}.header-main{gap:var(--header-gap);min-width:0;max-width:var(--col);margin-left:round(nearest, min(calc(var(--logo-w) + var(--logo-gap)), max(0px, calc(var(--header-edge) + var(--logo-w) + var(--logo-gap) - var(--content-left)))), var(--grid-ch));margin-right:max(0px, calc(var(--header-edge) + var(--nav-w) - max(0px, (100vw - var(--col)) / 2)));flex:1;display:flex}.header-actions{top:0;right:min(0px, var(--viewport-pinned-header-offset));gap:calc(2 * var(--grid-ch));white-space:nowrap;display:flex;position:absolute}.site-header a,.footer a{text-decoration-line:none}.site-header a:hover,.footer a:hover{text-decoration-line:underline}.header-brand:hover,.site-header .header-explore-chip:hover{text-decoration-line:none}.header-explore-chip{align-self:stretch;align-items:center;gap:var(--grid-ch);padding:0 var(--grid-ch);background:var(--color-background);text-decoration-line:none;display:inline-flex;position:relative}.header-explore-chip:before{content:"";inset:calc(var(--border-width) / -2);border:var(--border-width) solid var(--color-feature);pointer-events:none;position:absolute}.header-explore-chip:hover:before{border-color:var(--color-text)}.header-explore-icon-cell{width:calc(2 * var(--grid-ch));margin-left:calc(3 * var(--grid-ch));text-align:right}.brand-icon,.header-brand-text,.header-explore-icon,.header-explore-text,.header-actions a{font-size:var(--h3-size)}.header-explore-text,.header-actions a{letter-spacing:var(--h3-tracking)}@media (width<=640px){:root{--page-gutter:var(--grid-ch)}.site-header{grid-template-columns:auto 1fr;grid-template-rows:var(--line) var(--line);row-gap:var(--line);padding-bottom:var(--line);height:auto;display:grid;position:relative}.site-header:before{content:"";top:calc(-1 * var(--line));bottom:0;left:var(--viewport-bleed);right:var(--viewport-bleed);z-index:-1;background:var(--color-feature);position:absolute}.header-brand{grid-area:1/1;margin-right:0;position:static}.header-main{max-width:none;margin:0;display:contents}.header-explore-chip{grid-area:1/2;justify-self:end}.header-explore-chip:before{border-width:0}.header-actions{grid-area:2/1/auto/-1;justify-content:flex-start;position:static}.header-rule{display:none}.surface-band.footer{margin-top:var(--line);padding-block:var(--line)}}.header-rule{height:var(--line);border:0;margin:0;position:relative;overflow:visible}.header-rule:before{content:"";top:calc(var(--line) - var(--border-width) / 2);left:var(--viewport-bleed);right:var(--viewport-bleed);height:var(--border-width);background-image:var(--dash-pattern);background-position-x:var(--content-left);background-size:calc(2 * var(--grid-ch)) 100%;position:absolute}[data-subdomain] .page-shell{padding-top:calc(2 * var(--line))}@media (width<=640px){[data-subdomain] .page-shell{padding-top:0}}.surface-band{padding:var(--line) 0;position:relative}.surface-band:before{content:"";z-index:-1;background:var(--color-feature);position:absolute;inset:0}.content-overhang-band{padding:calc(2 * var(--line)) 0}.content-overhang-band:before{left:max(var(--viewport-bleed), calc(-4 * var(--grid-ch)));right:max(var(--viewport-bleed), calc(-4 * var(--grid-ch)))}@media (width<=690px){.content-overhang-band{padding:var(--line) 0}}.grid-square-media{--grid-square-media-size:round(down, var(--grid-square-media-w,100%), var(--grid-ch));width:var(--grid-square-media-size);height:round(up, var(--grid-square-media-size), var(--line));background:0 0;display:block;overflow:hidden}.grid-square-media>img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.grid-square-media>.themed-img-light{display:var(--themed-img-light,block)}.grid-square-media>.themed-img-dark{display:var(--themed-img-dark,none)}.ghost-text{color:var(--color-text-secondary);user-select:none}.play-button-background{fill:var(--play-button-bg)}.play-button-foreground{fill:var(--play-button-fg)}.feature-band{isolation:isolate;padding:calc(2 * var(--line)) calc(4 * var(--grid-ch));background-color:var(--color-feature);color:var(--color-text-contrast);position:relative;overflow:hidden}.feature-band:before{content:"";z-index:-1;background-image:var(--feature-band-image);opacity:.33;background-position:50%;background-size:cover;position:absolute;inset:0}@media (width<=640px){.feature-band{margin-inline:var(--viewport-bleed);padding:var(--line) var(--content-left)}}.link{text-decoration-line:none}.link:hover,.link .underline{text-decoration-line:underline}.no-underline{text-decoration-line:none;display:inline-block}.link:hover .no-underline{text-decoration-line:underline}.grid-overlay{z-index:999;pointer-events:none;opacity:.2;background-image:repeating-linear-gradient(var(--color-grid) 0 1px, transparent 1px 100%), repeating-linear-gradient(90deg, var(--color-grid) 0 1px, transparent 1px 100%), linear-gradient(to left, var(--color-grid) 1px, transparent 1px);background-size:var(--grid-ch) var(--line), var(--grid-ch) var(--line), 100% 100%;background-repeat:repeat,repeat,no-repeat;display:none;position:absolute;inset:0}body:has(.grid-toggle input:checked) .grid-overlay{display:block}.footer{align-items:flex-start;gap:var(--line);margin-top:calc(var(--line) * 2);padding-block:calc(var(--line) * 2);flex-direction:column;flex:none;display:flex}.footer:before{left:var(--viewport-bleed);right:var(--viewport-bleed)}.footer-controls{align-items:center;width:100%;display:flex}.theme-picker{gap:calc(2 * var(--grid-ch));white-space:nowrap;border:0;margin:0;padding:0;display:flex}.theme-picker--compact{gap:0}@media (scripting:none){.theme-picker,.footer-controls:not(:has(.grid-toggle-wrap)){display:none}}.theme-picker label,.grid-toggle{cursor:pointer;white-space:nowrap}.theme-picker label>span,.grid-toggle>span{height:var(--line);padding:0 var(--grid-ch);color:var(--color-text-secondary);vertical-align:top;background-color:#0000;align-items:center;margin-top:0;display:inline-flex}.theme-picker label>span{margin:0 calc(-1 * var(--grid-ch))}.theme-picker--compact label>span{width:var(--line);justify-content:center;margin:0;padding:0}.theme-picker label>span>*{margin-top:0}.grid-toggle>span{margin:0 calc(-1 * var(--grid-ch)) 0 0}.theme-picker label:hover .label-text,.grid-toggle:hover .label-text{text-decoration-line:underline}.theme-picker--compact label:hover>span{color:var(--color-text)}.grid-toggle:hover>span{text-decoration-line:underline}.theme-picker input,.grid-toggle input{opacity:0;pointer-events:none;position:absolute}.theme-picker input:checked+span,.grid-toggle input:checked+span{background-color:var(--color-accent);color:var(--color-accent-text)}.theme-picker--compact input:checked+span:hover{color:var(--color-text)}.footer-controls .grid-toggle-wrap{margin-left:auto}html,body,#root{background:var(--color-background);width:100%;height:100%;margin:0;overflow:hidden}#root *{margin-top:0}button,input,select{color:var(--color-text);font:inherit;border-radius:0}button{min-height:calc(1.5 * var(--line));padding:0 var(--grid-ch);border:var(--border-width) solid var(--color-text);background:var(--color-background);cursor:pointer}button:hover:not(:disabled){background:var(--color-feature)}button:focus-visible,input:focus-visible,select:focus-visible{outline:var(--border-width) solid var(--color-accent);outline-offset:var(--border-width)}button:disabled{color:var(--color-text-secondary);border-color:var(--color-text-secondary);cursor:default}input,select{min-height:calc(1.5 * var(--line));padding:0 var(--grid-ch);border:var(--border-width) solid var(--color-text);background:var(--color-background)}.workspace-area{width:100%;min-width:0;height:100%;min-height:0;overflow:hidden}.boot-shell{place-items:center;width:100%;height:100%;display:grid}.boot-spinner{width:calc(4 * var(--grid-ch));height:calc(2 * var(--line));place-items:center;display:grid}.boot-spinner-face{aspect-ratio:1;width:100%;font-size:calc(2 * var(--h3-size));line-height:calc(4 * var(--grid-ch));transform-origin:50%;place-items:center;animation:2s step-end infinite spinner-rotation;display:grid}@keyframes spinner-rotation{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.boot-spinner-face{animation:none}}.workspace{--hairline:1px;--resize-hit-padding:3px;--resize-line-size:3px;--tab-pad:calc(.25 * var(--line));--tabs-size:calc(2 * var(--line));--color-surface:var(--color-background);--color-border:var(--color-text-secondary);--color-hover:var(--color-feature);--color-muted:var(--color-text-secondary);background:var(--color-surface);width:100%;height:100%;position:relative}.pane{pointer-events:none;flex-direction:column;display:flex;inset-inline:0}.pane,.split-boundary,.app{position:absolute}.split-boundary{pointer-events:none}.resize-handle{color:var(--color-border);pointer-events:auto;touch-action:none;background:0 0;border:0;padding:0;position:absolute}.split-boundary[data-axis=vertical]>.resize-handle{height:calc(var(--resize-line-size) + 2 * var(--resize-hit-padding));transform:translateY(calc(-100% + var(--resize-hit-padding)));cursor:row-resize;inset-inline:0}.split-boundary[data-axis=horizontal]>.resize-handle{width:calc(var(--resize-line-size) + 2 * var(--resize-hit-padding));transform:translateX(calc(-100% + var(--resize-hit-padding)));cursor:col-resize;inset-block:0}.resize-handle:is(:hover,:focus-visible){color:var(--color-text)}.resize-line{pointer-events:none;background:currentColor;position:absolute}.split-boundary[data-axis=vertical] .resize-line{inset-inline:0;bottom:var(--resize-hit-padding);height:var(--resize-line-size)}.split-boundary[data-axis=horizontal] .resize-line{inset-block:0;right:var(--resize-hit-padding);width:var(--resize-line-size)}.tabs{min-width:0;height:var(--tabs-size);flex:0 0 var(--tabs-size);background:var(--color-surface);pointer-events:auto;-webkit-user-select:none;user-select:none;display:flex;overflow:hidden}.tabs *{-webkit-user-select:none;user-select:none}.tabs:after{border-bottom:var(--hairline) solid var(--color-border);content:"";flex:auto;min-width:0}.tab-list{display:contents}.prototype-label{min-width:0;padding-inline:calc(2 * var(--tab-pad));border-bottom:var(--hairline) solid var(--color-border);color:var(--color-muted);line-height:var(--tabs-size);text-overflow:ellipsis;white-space:nowrap;order:1;overflow:hidden}.tab-opener{width:var(--tabs-size);flex:0 0 var(--tabs-size);appearance:none;text-align:center;background:0 0}.tab{border-top:var(--hairline) solid transparent;border-right:var(--hairline) solid var(--color-border);border-bottom:var(--hairline) solid var(--color-border);color:var(--color-muted);flex:none;display:flex;position:relative}.tab[data-selected=true]{background:var(--color-surface);color:var(--color-text);border-bottom-color:#0000}.tab:is(:hover,:focus-within){background:var(--color-hover)}.tab-label,.tab-close{min-height:0;padding:var(--tab-pad);color:inherit;background:0 0;border:0;flex:none}.tab-label{white-space:nowrap;padding-inline-start:calc(2 * var(--tab-pad))}.workspace-menu-tab .tab-label{width:var(--tabs-size);padding:0}.tab-close{width:calc(1ch + 4px);height:1em;margin-inline:calc(var(--tab-pad) - 2px) calc(2 * var(--tab-pad) - 2px);align-self:center;place-items:center;padding:0 2px;line-height:1;display:grid}.tab-close:before{content:"×"}.tab[data-drop-target]:after{z-index:1;background:var(--color-accent);width:4px;box-shadow:0 0 0 var(--hairline) var(--color-surface);content:"";position:absolute;inset-block:0}.tab[data-drop-target=before]:after{inset-inline-start:0}.tab[data-drop-target=after]:after{inset-inline-end:0}.pane-content{pointer-events:none;flex:auto;min-width:0;min-height:0;position:relative;overflow:hidden}.pane-content[data-dragging=true],.workspace:has(.tab-label:active) .pane-content{pointer-events:auto}.pane-content[data-drop-zone]:after{background:color-mix(in srgb, var(--color-accent) 12%, transparent);pointer-events:none;content:"";position:absolute;inset:0}.pane-content[data-drop-zone=left]:after{inset-inline-end:50%}.pane-content[data-drop-zone=right]:after{inset-inline-start:50%}.pane-content[data-drop-zone=top]:after{inset-block-end:50%}.pane-content[data-drop-zone=bottom]:after{inset-block-start:50%}.app{width:100%;height:100%;padding-top:var(--tabs-size);background:var(--color-surface);pointer-events:auto;overflow:hidden}.game-canvas,.game-canvas canvas{width:100%;min-width:0;height:100%;min-height:0}.game-canvas{background:var(--color-background);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.game-canvas canvas{cursor:default;touch-action:none;-webkit-user-select:none;user-select:none;display:block}.game-canvas canvas[data-hover-draggable]{cursor:grab}.game-canvas canvas[data-camera-gesture]{cursor:default}.game-canvas canvas[data-dragging-piece]{cursor:grabbing}.game-canvas canvas[data-selection-marquee]{cursor:crosshair}.retry-error{justify-content:center;align-items:center;gap:var(--grid-ch);height:100%;display:flex}.renderer-unavailable{z-index:1;background:var(--color-background);position:absolute;inset:0}.selection-marquee{border:var(--border-width) solid var(--player-color);background:color-mix(in srgb, var(--player-color) 20%, transparent);pointer-events:none;position:absolute}.selection-preview-count{pointer-events:none;will-change:transform;position:absolute;inset:0 auto auto 0}.selection-preview-count[data-count]:after{content:attr(data-count);padding-inline:calc(.5 * var(--grid-ch));background:var(--player-color);color:var(--player-color-text);line-height:var(--line)}.workspace-tool,.workspace-inspector{width:100%;height:100%;padding:calc(.5 * var(--line)) calc(2 * var(--grid-ch));overflow-wrap:anywhere;overflow:auto}.workspace-tool{background:var(--color-background);align-items:safe center;display:flex}.rollback-tool{background:var(--color-background);grid-template-rows:auto minmax(0,1fr);width:100%;min-width:0;height:100%;min-height:0;display:grid;container-type:size}.rollback-timeline{grid-template-columns:auto minmax(calc(16 * var(--grid-ch)), 1fr) auto auto auto;align-items:center;gap:calc(2 * var(--grid-ch));min-width:0;padding:calc(.5 * var(--line)) calc(2 * var(--grid-ch));border-bottom:var(--hairline) solid var(--color-border);display:grid}.rollback-timeline>button{min-width:calc(4 * var(--grid-ch));padding-inline:var(--grid-ch)}.rollback-scrubber{min-width:0;display:grid}.rollback-scrubber input{appearance:none;background:0 0;border:0;width:100%;margin:0;padding:0}.rollback-scrubber input::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--color-border) 0 var(--rollback-position), var(--color-accent) var(--rollback-position) 100%);height:4px}.rollback-scrubber input::-webkit-slider-thumb{appearance:none;background:var(--color-accent);border:0;border-radius:50%;width:14px;height:14px;margin-top:-5px}.rollback-scrubber input::-moz-range-track{background:linear-gradient(to right, var(--color-border) 0 var(--rollback-position), var(--color-accent) var(--rollback-position) 100%);height:4px}.rollback-scrubber input::-moz-range-progress{background:0 0}.rollback-scrubber input::-moz-range-thumb{background:var(--color-accent);border:0;border-radius:50%;width:14px;height:14px}.rollback-scrubber-ends{color:var(--color-text-secondary);font-size:var(--font-size-small);justify-content:space-between;display:flex}.rollback-version-facts dt,.rollback-since-list{color:var(--color-text-secondary)}.rollback-change-count{min-width:calc(3 * var(--grid-ch));font-variant-numeric:tabular-nums;text-align:right}.rollback-change-time{color:var(--rollback-change-color);font-variant-numeric:tabular-nums;paint-order:stroke fill;-webkit-text-stroke:1px var(--rollback-change-outline)}.rollback-change-time-unknown{color:gray;-webkit-text-stroke:0}.rollback-content{grid-template-columns:minmax(0, 1fr) minmax(calc(24 * var(--grid-ch)), 32%);min-width:0;min-height:0;display:grid;overflow:hidden}.rollback-change-details{border-left:var(--hairline) solid var(--color-border);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.rollback-version-facts{gap:calc(4 * var(--grid-ch));grid-column:2/-1;min-width:0;margin:0;display:flex}.rollback-version-facts div{gap:var(--grid-ch);min-width:0;display:flex}.rollback-version-facts dd{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.rollback-preview{min-width:0;min-height:calc(6 * var(--line));position:relative;overflow:hidden}.rollback-preview-pending{color:var(--color-text-secondary);place-items:center;display:grid}.rollback-preview canvas{width:100%;height:100%;min-height:calc(6 * var(--line));display:block}.rollback-change-details>p{padding:calc(.5 * var(--line)) calc(2 * var(--grid-ch));margin:0}.rollback-since-list{flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow:auto}.rollback-since-list li{padding:calc(.25 * var(--line)) calc(2 * var(--grid-ch));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rollback-since-list li+li{border-top:var(--hairline) solid var(--color-border)}.rollback-actions{min-width:max-content}.rollback-confirm{align-items:center;gap:calc(.5 * var(--line));display:flex}@container (height<=20rem){.rollback-timeline{padding-block:calc(.25 * var(--line))}.rollback-scrubber-ends{display:none}.rollback-preview canvas{min-height:100%}.rollback-change-details>p,.rollback-since-list li{padding-block:calc(.125 * var(--line))}}@container (width<=48rem){.rollback-timeline{grid-template-columns:auto minmax(0,1fr) auto auto}.rollback-actions{grid-column:1/-1;justify-self:end}.rollback-version-facts{grid-column:1/-1}.rollback-content{grid-template-columns:minmax(0, 1fr) minmax(calc(18 * var(--grid-ch)), 42%)}}.creation-tool-pane{align-items:flex-start}.file-list{margin:0;padding-inline-start:calc(4 * var(--grid-ch))}.peer-list{z-index:1;right:var(--line);bottom:var(--line);gap:calc(.25 * var(--line));pointer-events:none;text-align:right;user-select:none;margin:0;padding:0;list-style:none;display:grid;position:absolute}.peer{color:var(--peer-color);paint-order:stroke fill;white-space:pre;-webkit-text-stroke:2px var(--peer-outline)}.local-peer,.local-peer label{cursor:pointer;pointer-events:auto}.local-peer label{text-decoration:underline}.viewer pre{margin:calc(.5 * var(--line)) 0 0;white-space:pre-wrap;word-break:break-word}.controls{align-items:center;gap:calc(2 * var(--grid-ch));flex-wrap:wrap;width:100%;min-width:0;display:flex}.controls>.theme-picker{flex-wrap:wrap;flex-basis:100%;min-width:0}.controls>.button-row{flex-basis:100%}.import-review{gap:var(--line);width:100%;display:grid}.import-group{min-width:0;padding:var(--grid-ch);border:var(--hairline) solid var(--color-border);margin:0}.import-group-controls,.import-images{align-items:center;gap:var(--grid-ch);flex-wrap:wrap;min-width:0;display:flex}.import-group-controls label,.import-image span{white-space:nowrap}.physical-size-input{width:calc(8 * var(--grid-ch))}.import-images{margin-top:var(--grid-ch);align-items:start}.import-image{width:calc(12 * var(--grid-ch));gap:calc(.5 * var(--grid-ch));display:grid;overflow:hidden}.import-image img{width:calc(8 * var(--grid-ch));height:calc(8 * var(--grid-ch));object-fit:contain;background:var(--color-background)}.import-selected-back{text-decoration:line-through}.import-warning{padding:0 var(--grid-ch);color:#fff;background:#b00020;font-weight:700}.import-image span{text-overflow:ellipsis;overflow:hidden}.title-control{align-items:center;gap:var(--grid-ch);min-width:0;display:flex}.toggle-control{align-items:center;gap:var(--grid-ch);white-space:nowrap;display:flex}.toggle-control input{min-height:0;padding:0}.selection-name,.status{color:var(--color-text-secondary)}.selection-name{white-space:nowrap;flex-basis:100%}.button-row{gap:var(--grid-ch);flex-wrap:wrap;max-width:100%;display:flex}.button-text-row{align-items:center}.title-control input{width:calc(28 * var(--grid-ch));min-width:0}.collaborative-title-input{width:calc(28 * var(--grid-ch));vertical-align:middle;min-width:0;display:inline-block;position:relative}.title-control .collaborative-title-input input{width:100%}.collaborative-title-control{color:#0000;caret-color:#0000}.collaborative-title-overlay{top:var(--border-width);right:calc(var(--border-width) + var(--grid-ch));bottom:var(--border-width);left:calc(var(--border-width) + var(--grid-ch));pointer-events:none;white-space:nowrap;align-items:center;display:flex;position:absolute;overflow:hidden}.collaborative-title-overlay>span{flex:none}.surface-draft-input{color:var(--draft-color);caret-color:var(--draft-color)}.title-live-caret{width:0;height:var(--line);border-left:var(--border-width) solid var(--draft-color);vertical-align:middle;display:inline-block}.status.error{color:#dc143c}.app-error{padding:var(--line) calc(2 * var(--grid-ch));background:var(--color-background);margin:0}@media (width<=640px){.workspace-tool{padding-inline:var(--grid-ch)}}