@layer theme{:root,:host{--spacing:.25rem;--leading-normal:1.5}}@layer base{:where(button,input,select,optgroup,textarea){font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit}:where(button,[role=button],[role=radio],a[href],summary,select,input:is([type=checkbox],[type=color])):not(:disabled,[aria-disabled=true]){cursor:pointer}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-x-3{inset-inline:calc(var(--spacing) * 3)}.below-its-button{top:calc(100% + 10px)}.top-0{top:0}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.top-13{top:calc(var(--spacing) * 13)}.top-16{top:calc(var(--spacing) * 16)}.top-17{top:calc(var(--spacing) * 17)}.right-0{right:0}.right-1{right:var(--spacing)}.right-2{right:calc(var(--spacing) * 2)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-18{bottom:calc(var(--spacing) * 18)}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.z-1{z-index:1}.m-0{margin:0}.-mx-1\.5{margin-inline:calc(var(--spacing) * -1.5)}.mx-0{margin-inline:0}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-2\.5{margin-inline:calc(var(--spacing) * 2.5)}.mx-auto{margin-inline:auto}.my-1\.5{margin-block:calc(var(--spacing) * 1.5)}.my-8{margin-block:calc(var(--spacing) * 8)}.-mt-0\.5{margin-top:calc(var(--spacing) * -.5)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-5{margin-top:calc(var(--spacing) * 5)}.sign-in-drop{margin-top:22vh}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.-ml-1{margin-left:calc(var(--spacing) * -1)}.-ml-1\.5{margin-left:calc(var(--spacing) * -1.5)}.ml-1{margin-left:var(--spacing)}.ml-auto{margin-left:auto}.ml-px{margin-left:1px}.box-border{box-sizing:border-box}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.field-sizing-content{field-sizing:content}.size-5\.5{width:calc(var(--spacing) * 5.5);height:calc(var(--spacing) * 5.5)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-avatar{width:var(--size-avatar);height:var(--size-avatar)}.size-control{width:var(--size-control);height:var(--size-control)}.h-0\.5{height:calc(var(--spacing) * .5)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-bar{height:var(--size-bar)}.h-control{height:var(--size-control)}.h-control-small{height:var(--size-control-small)}.h-px{height:1px}.h-row{height:var(--size-row)}.panels-room{max-width:max(200px,100% - 280px);max-height:calc(100% - 152px)}.layers-room{max-height:calc(100% - 156px)}.picker-room{max-height:min(480px,100vh - 88px)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-15{min-height:calc(var(--spacing) * 15)}.min-h-control{min-height:var(--size-control)}.min-h-control-small{min-height:var(--size-control-small)}.w-4{width:calc(var(--spacing) * 4)}.w-6\.5{width:calc(var(--spacing) * 6.5)}.w-18{width:calc(var(--spacing) * 18)}.w-80{width:calc(var(--spacing) * 80)}.w-control{width:var(--size-control)}.w-control-small{width:var(--size-control-small)}.w-full{width:100%}.w-layers{width:var(--size-layers)}.w-panel{width:var(--size-panel)}.max-w-120{max-width:calc(var(--spacing) * 120)}.max-w-180{max-width:calc(var(--spacing) * 180)}.notice-room{max-width:min(480px,100% - 24px)}.min-w-0{min-width:0}.min-w-12{min-width:calc(var(--spacing) * 12)}.min-w-50{min-width:calc(var(--spacing) * 50)}.flex-1{flex:1}.flex-none{flex:none}.grow{flex-grow:1}.basis-full{flex-basis:100%}.-translate-1\/2{--tw-translate-x: -50% ;--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.own-layer{contain:layout paint;transform:translateZ(0)}.cursor-default{cursor:default}.touch-none{touch-action:none}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-greys{grid-template-columns:repeat(5,var(--size-control))}.grid-cols-props{grid-template-columns:minmax(72px,auto) 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-items-center{justify-items:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-2\.5{column-gap:calc(var(--spacing) * 2.5)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-y-0\.5{row-gap:calc(var(--spacing) * .5)}.gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}.justify-self-start{justify-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded-button{border-radius:var(--corner-button)}.rounded-card{border-radius:var(--corner-card)}.rounded-control{border-radius:var(--corner-control)}.rounded-field{border-radius:var(--corner-field)}.rounded-full{border-radius:3.40282e38px}.rounded-panel{border-radius:var(--corner-panel)}.rounded-toolbar{border-radius:var(--corner-toolbar)}.border-0{border-style:var(--tw-border-style);border-width:0}.border-line{border-color:var(--line)}.bg-accent{background-color:var(--accent)}.bg-canvas{background-color:var(--canvas)}.bg-ink{background-color:var(--ink)}.bg-line{background-color:var(--line)}.bg-raised{background-color:var(--raised)}.bg-surface{background-color:var(--surface)}.bg-surface-muted{background-color:var(--surface-muted)}.bg-transparent{background-color:#0000}.p-0{padding:0}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-3{padding:calc(var(--spacing) * 3)}.px-0\.75{padding-inline:calc(var(--spacing) * .75)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0{padding-block:0}.py-1\.75{padding-block:calc(var(--spacing) * 1.75)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.pt-0{padding-top:0}.pt-1{padding-top:var(--spacing)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pr-1{padding-right:var(--spacing)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.pb-1{padding-bottom:var(--spacing)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pl-1{padding-left:var(--spacing)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3\.5{padding-left:calc(var(--spacing) * 3.5)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-6{padding-left:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-right{text-align:right}.text-base{font-size:var(--type-size-base)}.text-display{font-size:var(--type-size-display)}.text-initial{font-size:var(--type-size-initial)}.text-lg{font-size:var(--type-size-lg)}.text-md{font-size:var(--type-size-md)}.text-sm{font-size:var(--type-size-sm)}.text-xs{font-size:var(--type-size-xs)}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.font-bold{--tw-font-weight:var(--type-weight-bold);font-weight:var(--type-weight-bold)}.font-medium{--tw-font-weight:var(--type-weight-medium);font-weight:var(--type-weight-medium)}.font-normal{--tw-font-weight:var(--type-weight-regular);font-weight:var(--type-weight-regular)}.font-semibold{--tw-font-weight:var(--type-weight-semibold);font-weight:var(--type-weight-semibold)}.tracking-tight{--tw-tracking:var(--type-tracking-tight);letter-spacing:var(--type-tracking-tight)}.wrap-anywhere{overflow-wrap:anywhere}.whitespace-nowrap{white-space:nowrap}.text-canvas{color:var(--canvas)}.text-danger{color:var(--danger)}.text-inherit{color:inherit}.text-ink{color:var(--ink)}.text-ink-muted{color:var(--ink-muted)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.no-underline{text-decoration-line:none}.accent-accent{accent-color:var(--accent)}.opacity-0{opacity:0}.shadow-edge{--tw-shadow:var(--shadow-border);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-floating{--tw-shadow:var(--shadow-border), var(--elevation-raised);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-popover{--tw-shadow:var(--shadow-border), var(--elevation-overlay);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.inset-ring{--tw-inset-ring-shadow:inset 0 0 0 1px var(--tw-inset-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.inset-ring-2{--tw-inset-ring-shadow:inset 0 0 0 2px var(--tw-inset-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-surface{--tw-ring-color:var(--surface)}.inset-ring-accent{--tw-inset-ring-color:var(--accent)}.inset-ring-media-edge{--tw-inset-ring-color:var(--media-edge)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.-outline-offset-1{outline-offset:-1px}.outline-media-edge{outline-color:var(--media-edge)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--motion-ease));transition-duration:var(--tw-duration,var(--motion-fast))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--motion-ease));transition-duration:var(--tw-duration,var(--motion-fast))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--motion-ease));transition-duration:var(--tw-duration,var(--motion-fast))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--motion-ease));transition-duration:var(--tw-duration,var(--motion-fast))}.ease-move{--tw-ease:var(--motion-ease-move);transition-timing-function:var(--motion-ease-move)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[font\:inherit\]{font:inherit}.font-frame-name{font:var(--canvas-frame-name-type)}:is(.\*\:box-border>*){box-sizing:border-box}:is(.\*\:w-auto>*){width:auto}:is(.\*\:min-w-0>*){min-width:0}:is(.\*\:flex-none>*){flex:none}.not-first\:border-t:not(:first-child){border-top-style:var(--tw-border-style);border-top-width:1px}@media(hover:hover){.group-hover\/layer\:opacity-100:is(:where(.group\/layer):hover *){opacity:1}}.group-aria-checked\/grey\:ring-2:is(:where(.group\/grey)[aria-checked=true] *){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-aria-checked\/grey\:ring-accent:is(:where(.group\/grey)[aria-checked=true] *){--tw-ring-color:var(--accent)}.group-aria-checked\/grey\:ring-offset-2:is(:where(.group\/grey)[aria-checked=true] *){--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.group-aria-checked\/grey\:ring-offset-raised:is(:where(.group\/grey)[aria-checked=true] *){--tw-ring-offset-color:var(--raised)}.group-aria-checked\/item\:visible:is(:where(.group\/item)[aria-checked=true] *){visibility:visible}.group-data-dim\/layer\:opacity-45:is(:where(.group\/layer)[data-dim] *){opacity:.45}.group-data-set\/flags\:not-data-on\:invisible:is(:where(.group\/flags)[data-set] *):not([data-on]){visibility:hidden}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-1:after{content:var(--tw-content);inset:calc(var(--spacing) * -1)}.after\:inset-x-0:after{content:var(--tw-content);inset-inline:0}.after\:-inset-y-1:after{content:var(--tw-content);inset-block:calc(var(--spacing) * -1)}.empty\:hidden:empty{display:none}@media(hover:hover){.hover\:bg-surface-muted:hover{background-color:var(--surface-muted)}.hover\:text-ink:hover{color:var(--ink)}.hover\:shadow-edge-hover:hover{--tw-shadow:var(--shadow-border-hover);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:outline-none:hover{--tw-outline-style:none;outline-style:none}.not-aria-pressed\:hover\:bg-surface-muted:not([aria-pressed=true]):hover{background-color:var(--surface-muted)}}.focus-visible\:bg-surface-muted:focus-visible{background-color:var(--surface-muted)}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-accent:focus-visible{outline-color:var(--accent)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.focus-visible\:outline-solid:focus-visible{--tw-outline-style:solid;outline-style:solid}.active\:scale-96:active,.not-disabled\:active\:scale-96:not(:disabled):active{--tw-scale-x:96%;--tw-scale-y:96%;--tw-scale-z:96%;scale:var(--tw-scale-x) var(--tw-scale-y)}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-60:disabled{opacity:.6}.aria-checked\:bg-surface[aria-checked=true]{background-color:var(--surface)}.aria-checked\:text-ink[aria-checked=true]{color:var(--ink)}.aria-checked\:shadow-edge[aria-checked=true]{--tw-shadow:var(--shadow-border);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.aria-expanded\:bg-surface-muted[aria-expanded=true]{background-color:var(--surface-muted)}.aria-pressed\:bg-accent-strong[aria-pressed=true]{background-color:var(--accent-strong)}.aria-pressed\:bg-surface-muted[aria-pressed=true]{background-color:var(--surface-muted)}.aria-pressed\:text-on-accent[aria-pressed=true]{color:var(--on-accent)}.aria-pressed\:shadow-edge[aria-pressed=true]{--tw-shadow:var(--shadow-border);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.aria-selected\:bg-accent-soft[aria-selected=true]{background-color:var(--accent-soft)}.aria-selected\:bg-surface-muted[aria-selected=true]{background-color:var(--surface-muted)}.data-set\:opacity-100[data-set]{opacity:1}.data-\[saving\=offline\]\:text-warning[data-saving=offline]{color:var(--warning)}:is(.\*\:nth-2\:mt-2>*):nth-child(2){margin-top:calc(var(--spacing) * 2)}.\[\&\+\&\]\:mt-3+.\[\&\+\&\]\:mt-3{margin-top:calc(var(--spacing) * 3)}.\[\&\:\:-webkit-color-swatch\]\:rounded-swatch::-webkit-color-swatch{border-radius:var(--corner-swatch)}.\[\&\:\:-webkit-color-swatch\]\:border-0::-webkit-color-swatch{border-style:var(--tw-border-style);border-width:0}.\[\&\:\:-webkit-color-swatch\]\:outline-1::-webkit-color-swatch{outline-style:var(--tw-outline-style);outline-width:1px}.\[\&\:\:-webkit-color-swatch\]\:-outline-offset-1::-webkit-color-swatch{outline-offset:-1px}.\[\&\:\:-webkit-color-swatch\]\:outline-media-edge::-webkit-color-swatch{outline-color:var(--media-edge)}.\[\&\:\:-webkit-color-swatch\]\:outline-solid::-webkit-color-swatch{--tw-outline-style:solid;outline-style:solid}.\[\&\:\:-webkit-color-swatch-wrapper\]\:p-0::-webkit-color-swatch-wrapper{padding:0}.\[\&\>\:first-child\]\:flex-1>:first-child{flex:1}:where(.\[\:where\(\&\>\*\+\*\)\]\:mt-2>*+*){margin-top:calc(var(--spacing) * 2)}}:root{color-scheme:light dark;--canvas:light-dark(#f6f6f5,#121212);--surface:light-dark(#fff,#1c1c1c);--surface-muted:light-dark(#f6f6f5,#2a2a2a);--raised:light-dark(#fff,#242424);--line:light-dark(#0000000f,#ffffff14);--line-hover:light-dark(#00000014,#ffffff21);--media-edge:light-dark(#0000001a,#ffffff1a);--ink:light-dark(#111,#f2f2f2);--ink-muted:light-dark(#6b6b6b,#9a9a9a);--accent:light-dark(#0b8ae6,#0d99ff);--accent-strong:#0b8ae6;--accent-soft:light-dark(#e5f4ff,#153249);--on-accent:#fff;--danger:light-dark(#d4380d,#ff6b3d);--warning:light-dark(#8f6908,#b5850b);--shadow-border:0 0 0 1px var(--line), 0 1px 2px -1px light-dark(#0000000f,#0000), 0 2px 4px 0 light-dark(#0000000a,#0000);--shadow-border-hover:0 0 0 1px var(--line-hover), 0 1px 2px -1px light-dark(#00000014,#0000), 0 2px 4px 0 light-dark(#0000000f,#0000);--elevation-raised:0 4px 12px light-dark(#0000000f,#0000003d);--elevation-overlay:0 8px 24px light-dark(#0000001a,#00000052);--canvas-selection:#0d99ff;--canvas-selection-fill:#0d99ff14;--canvas-handle:#fff;--canvas-cursor-edge:#fff;--canvas-selection-strong:#0a73d6;--canvas-on-selection:#fff;--canvas-label-type:600 11px var(--type-family-sans);--canvas-label-height:20px;--canvas-label-padding:6px;--canvas-label-corner:var(--corner-field);--canvas-frame-name:#6b6b6b;--canvas-frame-name-selected:#0a6fce;--canvas-frame-name-on-dark:#b0b0b0;--canvas-frame-name-selected-on-dark:#4db1ff;--canvas-frame-name-type:500 11px var(--type-family-sans);--canvas-pixel-grid:#80808040;--canvas-edge-light:#fff;--canvas-edge-dark:#000;--canvas-pixel-grid-light:#ffffff26;--canvas-pixel-grid-dark:#00000026;--presence-red:#f24822;--presence-red-ink:#111;--presence-violet:#9747ff;--presence-violet-ink:#fff;--presence-green:#14ae5c;--presence-green-ink:#111;--presence-orange:#ff7a00;--presence-orange-ink:#111;--presence-teal:#0fa9b6;--presence-teal-ink:#111;--presence-pink:#e93d82;--presence-pink-ink:#111;--presence-blue:#2f6fed;--presence-blue-ink:#fff;--presence-gold:#b5850b;--presence-gold-ink:#111;--grey-100:#f5f5f5;--grey-200:#d8d8d8;--grey-300:#bcbcbc;--grey-400:#a1a1a1;--grey-500:#868686;--grey-600:#6c6c6c;--grey-700:#545454;--grey-800:#3c3c3c;--grey-900:#262626;--grey-1000:#121212;--type-family-sans:system-ui, sans-serif;--type-size-xs:.75rem;--type-size-initial:.8rem;--type-size-sm:.8125rem;--type-size-md:.875rem;--type-size-base:.9375rem;--type-size-lg:1.25rem;--type-size-display:2.5rem;--type-weight-regular:400;--type-weight-medium:500;--type-weight-semibold:600;--type-weight-bold:700;--type-tracking-tight:-.02em;--size-control:40px;--size-control-small:28px;--size-avatar:28px;--size-row:30px;--size-bar:44px;--size-layers:240px;--size-panel:264px;--corner-swatch:2px;--corner-field:6px;--corner-control:8px;--corner-button:10px;--corner-card:12px;--corner-toolbar:14px;--corner-panel:18px;--motion-fast:.12s;--motion-panel:.2s;--motion-slow:.32s;--motion-ease:cubic-bezier(0, 0, .2, 1);--motion-ease-move:cubic-bezier(.4, 0, .2, 1);--motion-scale-from:.96}@media(prefers-reduced-motion:reduce){:root{--motion-scale-from:1}}[data-motion=reduced]{--motion-scale-from:1}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}[data-canvas="100"]{--canvas:var(--grey-100)}[data-canvas="200"]{--canvas:var(--grey-200)}[data-canvas="300"]{--canvas:var(--grey-300)}[data-canvas="400"]{--canvas:var(--grey-400)}[data-canvas="500"]{--canvas:var(--grey-500)}[data-canvas="600"]{--canvas:var(--grey-600)}[data-canvas="700"]{--canvas:var(--grey-700)}[data-canvas="800"]{--canvas:var(--grey-800)}[data-canvas="900"]{--canvas:var(--grey-900)}[data-canvas="1000"]{--canvas:var(--grey-1000)}:root{font-family:var(--type-family-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--canvas);color:var(--ink);margin:0}h1,h2{text-wrap:balance}p{text-wrap:pretty}::placeholder{color:var(--ink-muted);opacity:1}:root[data-theme-change]::view-transition{pointer-events:none}:root[data-theme-change=live]{view-transition-name:none}:root[data-theme-change]::view-transition-group(root){animation-duration:var(--motion-slow);animation-timing-function:var(--motion-ease)}@media(prefers-reduced-motion:reduce){:root[data-theme-change]::view-transition-group(root){animation-duration:var(--motion-fast)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}