@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);--header-background:var(--color-background);--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}select:hover:not(:disabled){text-decoration-line:underline}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>*,.page-shell>:where(:nth-child(1 of :not(.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);--header-background:var(--color-feature)}.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(--header-background);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}}.choice-control{vertical-align:baseline;white-space:nowrap;margin:0;display:inline-flex}.choice-control>button{appearance:none;min-height:0;font:inherit;touch-action:manipulation;border:0;border-radius:0;margin:0}.choice-control>button,.theme-picker label,.grid-toggle{cursor:pointer;white-space:nowrap}.choice-control>button,.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}.choice-control>button[aria-pressed=true],.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}.choice-control>button:focus-visible,.theme-picker input:focus-visible+span,.grid-toggle input:focus-visible+span{outline:var(--border-width) solid var(--color-text);outline-offset:2px}.creator-return-header{text-align:center;min-height:var(--line);margin-bottom:var(--line);font:inherit;line-height:var(--line);position:relative}.creator-return-header a{color:var(--color-text);text-decoration:none}.creator-return-header a:hover{text-decoration:underline}[data-subdomain] .page-shell:has(.creator-return-header:not([hidden])){padding-top:0}.creator-return-header:after{content:"";bottom:0;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%;box-shadow:var(--soft-shadow);position:absolute}.creator-return-header+main{margin-top:0}.creator-return-brand{text-decoration-line:underline}.creator-return-header:before{content:"";inset-block:0;left:var(--viewport-bleed);right:var(--viewport-bleed);z-index:-1;background:var(--header-background);position:absolute}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):not([data-shortcut-active=true]):not([aria-pressed=true]){background:var(--color-feature)}button:active:not(:disabled),button[data-shortcut-active=true]{background:var(--color-grid)}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)}.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}}.css-cardcutter.ob-cardcutter-flow{box-sizing:border-box;line-height:var(--card-line);flex-direction:column;gap:5mm;padding:7.5mm 5mm 5mm;display:flex;container-type:inline-size}.ob-cardcutter-flow :is(h1,h2,p){font-size:inherit;line-height:inherit;margin:0}.ob-cardcutter-flow :is(h1,h2),.ob-cardcutter-flow .css-card-heading{font-weight:700}.ob-cardcutter-example,.ob-help-example{height:32mm}.ob-cardcutter-controls,.ob-cardcutter-actions,.ob-cardcutter-sections{gap:1ch;display:flex}.ob-cardcutter-controls{flex-wrap:wrap;align-items:start}.ob-cardcutter-flow .ob-cardcutter-sections{margin-left:auto}.ob-cardcutter-flow .css-card-button{height:calc(var(--card-line) * 2)}.ob-help{flex-direction:column;gap:5mm;padding:7.5mm 5mm 5mm;display:flex}.ob-help>h2{margin-bottom:-5mm}.ob-help>p{cursor:text}.ob-help-notice{justify-items:start;gap:5mm;display:grid}.ob-filename-diagrams{gap:var(--card-line);flex-wrap:wrap;padding:5mm;display:flex}.ob-filename-diagram{flex:none;width:280px;height:213px;line-height:1;position:relative}.ob-filename-diagram>svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ob-filename-diagram polyline{fill:none;stroke:var(--ob-text);stroke-width:.5px}.ob-diagram-label{white-space:nowrap;position:absolute}.ob-filename-diagram .css-filenames{white-space:pre;grid-auto-rows:28px;display:grid;position:absolute;top:52px;left:12px}.ob-sizes{padding:5mm}.ob-size-options{grid-template-columns:minmax(0,1fr);grid-template-rows:auto repeat(8, var(--card-line)) auto;display:grid}.ob-size-options>p{padding-bottom:var(--card-line);grid-area:1/1}.ob-size-options .css-preset-option>button{height:var(--card-line);position:static}.ob-size-options .css-preset-name{min-width:10ch}.ob-size-options .css-preset-material{min-width:9ch}.ob-size-options .css-card-outline{margin-top:5mm;margin-right:var(--preset-inset);grid-area:10/1;place-self:start end;position:relative}@container (width>=1200px){.ob-size-options{grid-template-columns:minmax(0,1fr) 88.9mm;column-gap:5mm}.ob-size-options .css-card-outline{grid-area:1/2/11;justify-self:start;margin-top:0;margin-right:0}}#onboarding-root .ob-cardcutter-flow .ob-document-label{max-width:100%;font-weight:700;position:static;transform:none}#onboarding-root .ob-label{padding:var(--ob-label-padding);color:inherit;font-family:var(--font);font-size:var(--ob-label-size);font-weight:400;line-height:var(--ob-label-line-height);white-space:nowrap;background:0 0}#onboarding-root .ob-label-inverse{background:var(--ob-text);color:var(--ob-background);-webkit-box-decoration-break:clone;box-decoration-break:clone}#onboarding-root .ob-label.selected{background:var(--ob-accent);color:#fff}#onboarding-root .ob-label.hovered{background:var(--ob-feature)}.collaborative-title-input input::selection,.surface-draft-input::selection{background-color:var(--draft-color)}.collaborative-title-input .collaborative-title-overlay{margin-inline-end:calc(-1px - var(--border-width,2px))}.title-live-caret{width:0;height:var(--line);border-left:var(--border-width,2px) solid var(--draft-color);position:absolute;top:50%;transform:translateY(-50%)}.css-document{font-family:var(--font);grid-template:1fr/1fr;margin:0;display:grid;position:relative;top:0;left:0;overflow:clip}.css-document *{box-sizing:border-box;margin:0}.css-surfaces,.css-annotations{position:absolute;inset:0}.css-annotations{pointer-events:none;z-index:100000}.css-object,.css-depth{position:absolute}.css-solid{transform-style:preserve-3d;transform-origin:0 0;transform:translateY(calc(var(--thickness,0px))) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, -1, 1, 0, 0, 0, 0, 1);position:absolute}.css-face{position:absolute;inset:0}.css-object:has(>.css-front:focus-visible),.css-cutout-flat:has(>.css-front:focus-visible){outline:2px solid var(--ob-accent);outline-offset:2px}#onboarding-root .css-solid .css-edge{transform-origin:0 0;backface-visibility:visible;background:var(--edge-image) 0 0 / 1px 100% repeat-x;position:absolute}.css-paper,.css-art,.css-model-face,.css-model-face img{width:100%;height:100%;display:block}.css-paper{background:var(--ob-background)}.css-art{object-fit:fill}.css-checker{background:repeating-conic-gradient(color-mix(in srgb-linear, var(--ob-background) 91%, var(--ob-text)) 0% 25%, var(--ob-background) 0% 50%) 0 0 / 5mm 5mm;width:100%;height:100%}.css-shadow{pointer-events:none;position:absolute}.css-sheet-shadow{box-shadow:var(--ob-soft-shadow);inset:0}#onboarding-root .css-model-face{min-height:0;color:var(--ob-text);cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.css-model-face img{filter:drop-shadow(0 0 .5px color-mix(in srgb, var(--ob-text) 50%, transparent))}.css-caption,.ob-document-label{position:absolute;transform:translateY(-50%)}.css-caption{transform:translate(-50%,-50%)}#onboarding-root .ob-document-label{text-align:left;pointer-events:auto;cursor:pointer;text-overflow:ellipsis;border:0;border-radius:0;width:max-content;min-height:0;margin:0;display:block;overflow:hidden}.css-crop-marks{pointer-events:none;z-index:20;position:absolute;overflow:visible}.css-card-content{pointer-events:auto;position:absolute}.css-cardcutter{color:var(--ob-text);-webkit-user-select:text;user-select:text;line-height:1;position:relative}.css-cutout-example{cursor:pointer;align-items:center;gap:5mm;height:100%;display:flex}.css-cutout-source-frame,.css-cutout-flat,.css-cutout-result{flex:none}.css-cutout-source-frame{position:relative}.css-cutout-source-frame>svg{display:block}.css-cutout-arrow{font-size:32px;line-height:1}.css-card-heading{overflow:hidden}.css-card-outline{pointer-events:none;overflow:visible}#onboarding-root .css-card-inline-link{min-height:0;color:var(--ob-accent);font:inherit;vertical-align:baseline;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;border-radius:0;margin:0;padding:0;text-decoration:underline;display:inline}#onboarding-root .css-card-button{text-align:left;background:var(--ob-feature);min-height:0;color:var(--ob-text);cursor:pointer;white-space:nowrap;border:0;border-radius:0;align-items:center;margin:0;padding:0 2ch;font-family:inherit;line-height:1;display:flex}#onboarding-root .css-card-button:hover,#onboarding-root .css-card-button:focus-visible{background:var(--ob-feature);text-decoration:underline}#onboarding-root .css-card-button.plain,#onboarding-root .css-card-button.link{background:0 0;border:0}#onboarding-root .css-card-button.link{color:var(--ob-accent);text-underline-offset:3px;padding:0;text-decoration:underline}#onboarding-root .css-card-button.accent,#onboarding-root .css-card-button[aria-pressed=true]{background:var(--ob-accent);color:#fff}#onboarding-root .css-card-button.accent-alternate{background:var(--ob-featureAlternate);color:#fff}.css-ruler{background:var(--ob-background);pointer-events:none;z-index:200000;grid-area:1/1;position:sticky}.css-ruler-x{align-self:start;width:100%;height:5mm;top:0}.css-ruler-y{width:5mm;height:100%;left:0}.css-ruler-ticks{pointer-events:none;position:absolute;inset:0}.css-ruler-x .css-ruler-ticks{width:calc(100% - 5mm);left:5mm}.css-ruler-y .css-ruler-ticks{height:calc(100% - 5mm);top:5mm}.css-measure{position:absolute;top:0;left:0}.css-measure-marks{position:absolute;inset:0;overflow:visible}.css-measure-text{white-space:nowrap;background:color-mix(in srgb, var(--ob-background) 75%, transparent);font-size:16px;line-height:18px;position:absolute;top:50%;left:calc(100% + 1ch);transform:translateY(-50%)}.css-measure.vertical .css-measure-text{transform-origin:0;top:auto;bottom:calc(100% + 1ch);left:50%;transform:translateY(50%)rotate(-90deg)}.css-measure.vertical .css-measure-text.after{transform-origin:100%;top:calc(100% + 1ch);bottom:auto;transform:translate(-100%,-50%)rotate(-90deg)}#onboarding-root .css-solid button,#onboarding-root .css-front{cursor:pointer;background:0 0;border:0;border-radius:0;min-height:0;margin:0;padding:0;display:block}.css-translucent{pointer-events:none;position:absolute;top:0;left:0}.css-shadow,.css-depth,.css-crop-marks,.css-card-line{filter:blur(.45px)}#onboarding-root .css-card-button:has(.css-preset-name){justify-content:space-between;gap:2ch;padding:0}#onboarding-root .css-card-button:has(.css-preset-name):is(:hover,:focus-visible){text-decoration:none}#onboarding-root .css-card-button:has(.css-preset-name):not([aria-pressed=true]):is(:hover,:focus-visible){background:var(--ob-feature)}.css-preset-name,.css-preset-material,.css-preset-size,.css-preset-pixels{flex-shrink:0}.css-preset-pixels{text-align:right;min-width:13ch}.css-preset-size,.css-preset-dimension{white-space:pre;display:inline-flex}.css-preset-value{width:var(--preset-value-width,4ch);text-align:right;display:inline-block}.css-crop-marks,.css-ruler-ticks,.css-measure-marks{shape-rendering:crispedges}.css-ruler-ticks,.css-measure-marks{opacity:.75}.ob-site-card{box-sizing:border-box;height:100%;color:var(--ob-text);padding:5mm;container-type:inline-size}.ob-site-card .site-header{align-items:center;gap:var(--line) 2ch;flex-wrap:wrap;height:auto;padding:0;display:flex}.ob-site-card .site-header:before{display:none}.ob-site-card .header-brand,.ob-site-card .header-actions{margin:0;position:static}.ob-site-card .header-main{display:contents}.ob-site-card .header-actions{margin-left:auto}@container (width<=600px){.ob-site-card .header-actions{flex-basis:100%;margin-left:0}}.ob-site-footer{background:var(--ob-feature)}.ob-site-card .footer{margin:0;padding:0}.ob-site-card .footer:before{display:none}.ob-site-card .footer p{margin:0}#onboarding-root .ob-document-label:focus-visible{outline:1px solid var(--ob-accent);outline-offset:2px}.css-preset-option{display:contents}.css-preset-option .css-card-outline{color:var(--ob-feature);z-index:0;filter:blur(1.5px)}.css-preset-option:not([data-selected=true]):has(button:is(:hover,:focus-visible)) .css-card-outline{z-index:1;filter:none}.css-preset-option:not([data-selected=true]):has(button:is(:hover,:focus-visible)) rect{stroke-width:var(--preset-hover-stroke)}.css-preset-option[data-selected=true] .css-card-outline{color:var(--ob-accent);z-index:2;filter:none}.css-filenames{cursor:text;flex-direction:column;width:max-content;display:flex}.css-cutout-flat .css-depth{background:var(--house-color)}.css-cutout-flat .css-depth>svg{mix-blend-mode:multiply}@property --house-screen-hue{syntax:"<number>";inherits:true;initial-value:0}@supports (animation-timeline:view()) and (animation-range:entry 100% exit 100%) and (opacity:calc(1px / 1px)){.css-cutout-example{animation-name:house-screen-hue;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view(0);animation-range:entry 100% exit}}@keyframes house-screen-hue{0%{--house-screen-hue:calc((var(--house-origin-y) - 100cqh) / 1px * .3)}to{--house-screen-hue:calc(var(--house-origin-y) / 1px * .3)}}.css-cutout-result{position:relative}.css-cutout-result>svg{display:block}.css-cutout-sparkle{font-size:inherit;pointer-events:none;line-height:1;position:absolute;top:12%;right:15%}.css-cutout-sparkle:first-child{transform:translateY(50%)}.css-cutout-sparkle+.css-cutout-sparkle{top:65%;left:15%;right:auto;transform:translateY(-33.3333%)}.ob-back-to-top{top:calc(-2 * var(--line) - 5mm);height:calc(2 * var(--line));padding:0 1ch;text-decoration:none;position:absolute;left:0}#onboarding-root .css-card-button[aria-disabled=true]{cursor:default;text-decoration:line-through}.ob-generated-preview{touch-action:none;width:100%;height:100%;display:block}.ob-embedded-play{border:1px solid var(--ob-text);width:100%;height:100%;display:block}#onboarding-root .css-model-side{cursor:pointer;background:0 0;border:0;width:100%;min-height:0;margin:0;padding:0;position:absolute;left:0;overflow:visible}.css-model-side img{filter:blur(2px);pointer-events:none;width:calc(100% + 12px);max-width:none;height:calc(100% + 12px);margin:-6px;display:block}.css-model-leader{pointer-events:none;position:absolute;overflow:visible}.ob-preview-card{box-sizing:border-box;flex-direction:column;gap:5mm;width:100%;height:100%;padding:5mm;display:flex}#onboarding-root .ob-preview-card>h2{font:inherit;font-size:var(--ob-label-size);margin:0;padding:0;font-weight:700}.ob-preview-card-body{flex:1;min-height:0}.ob-export-card{height:auto;color:var(--ob-text);font-size:var(--ob-label-size)}.ob-export-card>*{flex-shrink:0}.ob-export-card p{margin:0;line-height:1.5}.ob-export-instructions p+p{margin-top:1.5em}#onboarding-root .ob-export-download{background:var(--ob-accent);color:var(--ob-accentText);font:inherit;cursor:pointer;border:0;align-self:flex-start;padding:.75em 2ch;position:static}#onboarding-root .ob-export-download:disabled{opacity:.5;cursor:default}.ob-token-picker{box-sizing:border-box;color:var(--ob-text);font-size:var(--ob-label-size);padding:5mm}#onboarding-root .ob-token-picker h2{font:inherit;margin:0 0 .5em;font-weight:700}.ob-token-picker-controls{align-items:center;gap:1ch;display:flex}.ob-token-picker-controls label{align-items:center;gap:1ch;min-width:0;display:inline-flex}.ob-token-picker-controls select{max-width:100%}#onboarding-root .ob-token-picker-controls :is(select,button){font:inherit;color:var(--ob-text);background:var(--ob-feature);min-height:calc(2 * var(--line));border:0;padding:0 2ch;position:static}#onboarding-root .ob-token-picker-controls select{border-inline-end:1ch solid var(--ob-feature)}#onboarding-root .ob-token-picker-controls button:active:not(:disabled){background:var(--ob-grid)}#onboarding-root .ob-token-picker-controls :is(select,button):disabled{color:var(--ob-feature);background:var(--ob-background);border-color:var(--ob-background)}.ob-game-settings,.ob-preview-share{color:var(--ob-text);font-size:var(--ob-label-size)}.ob-preview-share,.ob-game-settings p{margin:0}.ob-config-controls{gap:1em;display:grid}.ob-config-name{align-items:center;gap:1ch;display:flex}#onboarding-root .ob-game-settings input{box-sizing:border-box;font:inherit;color:var(--ob-text);background:var(--ob-feature);border:0;min-width:0;padding:.5em 1ch}.ob-game-settings .collaborative-title-input{width:min(28ch,100%);min-width:0;display:inline-block;position:relative}.ob-game-settings .collaborative-title-input input{width:100%}#onboarding-root .ob-game-settings .collaborative-title-control{color:#0000;caret-color:#0000}.ob-game-settings .collaborative-title-overlay{pointer-events:none;white-space:nowrap;align-items:center;display:flex;position:absolute;inset:0 1ch;overflow:hidden}.ob-game-settings .collaborative-title-overlay>span{flex:none}.ob-config-canvas{flex-wrap:wrap;align-items:center;gap:.5ch;display:flex}.ob-config-canvas input{width:8ch}#onboarding-root .ob-game-settings .surface-draft-input{color:var(--draft-color);caret-color:var(--draft-color)}.ob-missing-cross{pointer-events:none;z-index:100001;position:absolute;overflow:visible}.ob-missing-cross path{fill:none;stroke:var(--ob-text);stroke-width:3px}.ob-export-action{flex-wrap:wrap;align-items:center;gap:1ch;display:flex}.ob-export-action .ob-export-download{flex:none}.ob-export-reason{overflow-wrap:anywhere;flex:20ch;min-width:0}.ob-private-areas-card{height:auto;color:var(--ob-text);font-size:var(--ob-label-size)}.ob-private-areas-controls{flex-direction:column;align-items:flex-start;gap:1ch;display:flex}#onboarding-root .ob-private-areas-controls :is(.css-card-button,input){box-sizing:border-box;height:calc(var(--card-line) * 2);font:inherit;border-radius:0;padding:0 2ch}.ob-private-areas-controls input{width:11ch}#onboarding-root .ob-game-settings .ob-private-areas-controls input{color:var(--ob-text);caret-color:var(--ob-text)}@property --sidebar-width{syntax:"<length>";inherits:true;initial-value:230px}#onboarding-root button:hover:not(:disabled,[aria-disabled=true]){text-decoration-line:underline}html.ob-workspace{background:var(--color-background);overflow-anchor:none;overscroll-behavior:contain;overflow:hidden}body.ob-app{--ob-soft-shadow:0 0 10px 8px color-mix(in srgb, var(--ob-text) 1.5%, transparent);--ob-sidebar-size:230px;--sidebar-width:var(--ob-sidebar-size);--ob-status-height:calc(2 * var(--line) + env(safe-area-inset-bottom,0px));background:var(--ob-background);color:var(--ob-text);font:var(--text-size) / var(--line) var(--font);margin:0;padding:0}.ob-preview{background:var(--color-background);overflow-anchor:none;overscroll-behavior:contain;top:0;bottom:var(--ob-status-height);left:var(--sidebar-width);margin:0;scroll-padding:5mm 0 0 5mm;position:fixed;right:0;overflow:auto;container-type:size}.ob-preview[data-horizontal-overflow=false]{overscroll-behavior-x:none;touch-action:pan-y pinch-zoom;overflow-x:hidden}.ob-canvas{box-sizing:border-box;width:100%;height:100%;font:inherit;display:block}.ob-canvas:focus-visible{outline:2px solid var(--ob-accent);outline-offset:-2px}.ob-sidebar,.ob-sidebar *,.ob-status-bar *{margin:0}.ob-sidebar{inset:0 auto var(--ob-status-height) 0;width:var(--sidebar-width);background:var(--ob-background);border-right:1px solid var(--ob-feature);box-sizing:border-box;flex-direction:column;display:flex;position:fixed}.ob-tree{overscroll-behavior:contain;flex:1;min-height:0;position:relative;overflow:auto}.ob-sidebar button{touch-action:manipulation;appearance:none;min-height:0;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:0}.ob-tree-row{width:100%;height:var(--line);line-height:var(--line);text-align:left;white-space:nowrap;text-overflow:ellipsis;padding:0 1ch;display:block;overflow:hidden}.ob-sidebar .ob-tree-file{font-style:italic}.ob-tree-cutter{text-overflow:clip}.ob-tree-row.hovered,.ob-tree-row:hover{background:var(--ob-feature)}#onboarding-root .ob-tree-row[aria-current=true]{background:var(--ob-accent);color:var(--ob-accentText)}.ob-sidebar button:focus-visible{outline:1px solid var(--ob-accent);outline-offset:-1px}.ob-status-bar{box-sizing:content-box;padding-bottom:env(safe-area-inset-bottom,0px);height:calc(2 * var(--line));line-height:var(--line);background:var(--ob-background);box-shadow:var(--ob-soft-shadow);clip-path:inset(-24px 0 0);flex:none;margin:0;display:flex;position:fixed;inset:auto 0 0}.ob-units{display:flex}.ob-status-controls{clip-path:inset(0);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);width:100%;height:100%;display:grid}.ob-status-bar .choice-control>button{height:100%;padding-inline:calc(2 * var(--grid-ch))}.ob-status-bar .choice-control>button:focus-visible{outline-offset:-2px}#onboarding-root .ob-token-scale{appearance:auto;border:0;border-inline-end:1ch solid var(--ob-feature);background:var(--ob-feature);width:auto;min-width:8ch;height:100%;color:var(--ob-text);font:inherit;text-align:center;cursor:pointer;box-shadow:var(--ob-soft-shadow);border-radius:0;flex:none;margin:0 0 0 auto;padding:0 1ch}#onboarding-root .ob-token-scale:focus-visible{outline:1px solid var(--ob-accent);outline-offset:-2px}#onboarding-root .choice-control{box-shadow:var(--ob-soft-shadow)}.ob-workspace-layout[data-sidebar-open=false]{--sidebar-width:0px}.ob-workspace-layout[data-sidebar-open=false] .ob-sidebar{display:none}#onboarding-root:has(.ob-unit-control>[data-value=mm]:is(:hover,:focus-visible,:active)) .ob-unit-control>[data-value=mm]:not([aria-pressed=true]){background-color:var(--ob-feature);color:var(--color-text)}#onboarding-root:has(.ob-unit-control>[data-value=mm]:focus-visible) .ob-unit-control>[data-value=mm]{outline:var(--border-width) solid var(--color-text);outline-offset:-2px}#onboarding-root:has(.ob-unit-control>[data-value=in]:is(:hover,:focus-visible,:active)) .ob-unit-control>[data-value=in]:not([aria-pressed=true]){background-color:var(--ob-feature);color:var(--color-text)}#onboarding-root:has(.ob-unit-control>[data-value=in]:focus-visible) .ob-unit-control>[data-value=in]{outline:var(--border-width) solid var(--color-text);outline-offset:-2px}#onboarding-root .ob-status-bar .choice-control>button{color:var(--ob-text)}#onboarding-root .ob-status-bar .choice-control>button:not([aria-pressed=true]){background:var(--ob-feature)}#onboarding-root .ob-status-bar .choice-control>button[aria-pressed=true]{color:var(--ob-accentText)}.ob-sidebar-toggle{grid-column:1;justify-self:start}.ob-status-display-controls{grid-column:3;justify-self:end;display:flex}.ob-source-controls{flex:none;grid-column:2;justify-self:center;gap:2px;display:flex}#onboarding-root .ob-source-controls button{font:inherit;color:var(--ob-text);background:var(--ob-feature);border:0;padding:0 2ch}#onboarding-root .ob-source-controls button:disabled{color:var(--ob-feature);background:var(--ob-background)}.ob-status-bar{clip-path:none}.ob-status-controls{clip-path:none;overflow-x:auto}@media (width<=50rem){body.ob-app{--ob-status-height:calc(4 * var(--line) + env(safe-area-inset-bottom,0px))}.ob-status-bar,.ob-status-controls{height:calc(4 * var(--line))}.ob-status-controls{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:repeat(2, calc(2 * var(--line)));overflow:visible}.ob-status-controls>*{height:calc(2 * var(--line))}.ob-sidebar-toggle{grid-row:1}.ob-status-display-controls{grid-area:1/2}.ob-source-controls{grid-area:2/1/auto/-1}#onboarding-root .ob-source-controls button{padding-inline:1ch}#onboarding-root .ob-token-scale{height:calc(2 * var(--line))}}