@font-face{font-family:SF Pro Text;font-weight:300;src:url(/typeface/sf-pro-text-300.woff2)format("woff2")}@font-face{font-family:SF Pro Text;font-weight:400;src:url(/typeface/sf-pro-text-400.woff2)format("woff2")}@font-face{font-family:SF Pro Text;font-weight:500;src:url(/typeface/sf-pro-text-500.woff2)format("woff2")}@font-face{font-family:SF Pro Text Tabular;font-weight:400;src:url(/typeface/sf-pro-text-tabular-400.woff2)format("woff2")}:root{--w600:#0a0a0a3a;--w500:#1a1a1a;--w400:#202020;--w300:#282828;--w200:#777c;--w250:#888;--w100:#eee;--w:#fff;--w2:#ffffff02;--b:#0a0a0a;--blue:#0095ff}::selection{color:var(--w);background:#0095ff66}*{box-sizing:border-box;cursor:url(/cursor.svg),auto;margin:0;padding:0}input{cursor:text;text-transform:uppercase}.monaco *{cursor:text!important}body{background:var(--w500);overscroll-behavior:none;touch-action:pan-down;max-width:100vw;font-family:SF Pro Text;overflow-x:hidden}@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (-o-min-device-pixel-ratio:13/10),only screen and (min-resolution:120dpi){body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}}a{color:inherit;text-decoration:none}:focus-visible{outline:none!important}button{min-width:24px;min-height:24px;max-height:24px;color:var(--w);letter-spacing:.5px;background:0 0;border:none;border-radius:1px;outline:none;justify-content:center;align-items:center;gap:4px;padding:4px 2px;font-family:SF Pro Text;font-size:10px;font-style:normal;font-weight:500;line-height:10px;display:flex}button:hover{background:var(--w400)}main{letter-spacing:.5px;min-height:100vh;max-height:100vh;color:var(--w);background:var(--w500);font-size:10px;font-style:normal;font-weight:500;line-height:10px;overflow:hidden}.nav{min-height:24px;max-height:24px;color:var(--w200);border-bottom:.5px solid var(--w300);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;justify-content:center;align-items:center;padding:2px 12px;display:flex}.nav.status{border-bottom:none;border-top:.5px solid var(--w300);background:var(--w500);z-index:10;justify-content:space-between;align-items:center;gap:6px;min-height:24px;max-height:24px;padding:2px 12px 3px 2px;position:relative}.nav-controls{justify-content:flex-start;align-items:center;display:flex}.count{padding:0 8px;font-family:SF Pro Text Tabular}.random{margin-right:auto;display:flex}.frame{display:relative;background:var(--w500);grid-template-columns:auto 1fr auto;place-content:flex-start;align-items:stretch;gap:0;max-height:calc(100vh - 48px);display:grid;overflow:hidden}.pane{background:var(--w500);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;min-width:332px;max-width:332px;padding:4px 0}.pane.left{border-right:.5px solid var(--w300)}.pane.right{border-left:.5px solid var(--w300);flex-direction:column;padding:0;display:flex}.import{background:var(--w500);flex-direction:column;flex-grow:1;display:flex;position:relative}.import>section{max-height:320px}.controls{flex-direction:row;display:flex;position:relative;top:.5px}.end{min-height:240px}.sash:before{border-bottom:.5px solid var(--w300);background:var(--w500)!important;box-shadow:0 -1px 0 0 var(--w500)inset!important}.sash:hover:before{border-bottom:.5px solid var(--blue)}.split-view-view{z-index:10;flex-direction:column;display:flex;background:var(--w500)!important;overflow:visible!important}.controls-background{flex-direction:column;gap:4px;display:flex}.controls-label{margin-bottom:-8px;padding:14px 8px;font-weight:400}.controls-background>div>section{min-height:240px}.header{justify-content:space-between;align-self:stretch;align-items:center;gap:8px;min-height:28px;margin-top:8px;margin-bottom:8px;padding:0 8px;display:flex}.header-export{border-bottom:.5px solid var(--w300);margin-top:6px;margin-bottom:0;padding-bottom:6px}.header-import{border-bottom:.5px solid var(--w300);margin-top:6px;margin-bottom:0;padding:2px 8px 6.5px}.start{flex-direction:row;justify-content:flex-start;align-items:center;gap:6px;display:flex}.axis{flex-direction:row;min-height:14px;margin-top:6px;padding:0 8px;font-weight:400;display:flex}.axis-label{margin-left:-4px;font-weight:400;position:relative;bottom:1px}.axis-fill{min-width:127px}.axis-xyz{flex-direction:row;gap:4px;margin-right:10px;display:flex}.axis-x{min-width:20px}.axis-blur{margin-right:11.5px}.axis-color{flex-direction:column;gap:4px;font-weight:400;display:flex}.axis-shape{flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;display:flex}.icon-axis{color:var(--w200)}#increment-fill{opacity:.25}button:hover>#increment>#increment-fill{opacity:1;transition:opacity .1s}.icon-12{justify-content:center;align-items:center;min-width:12px;max-width:12px;min-height:12px;max-height:12px;display:flex}.center{background:var(--w500);justify-content:center;align-items:center;min-height:calc(100vh - 48px);max-height:calc(100vh - 48px);padding:4px;display:flex;position:relative;overflow:hidden}.handle{z-index:10;height:20px;position:absolute;top:0;left:0;right:0}.canvas{background:var(--w500);padding:4px}.document{background:var(--w);justify-content:center;align-items:center;width:362px;height:256px;padding:100px;display:flex}.document-background{z-index:-1;background-color:var(--w500);background-image:linear-gradient(45deg,var(--w200)25%,transparent 25%,transparent 75%,var(--w200)75%,var(--w200)),linear-gradient(45deg,var(--w200)25%,transparent 25%,transparent 75%,var(--w200)75%,var(--w200));opacity:.2;background-position:0 0,4px 4px;background-size:8px 8px;position:absolute;inset:0}.canvas:hover .background{box-shadow:0 0 0 1px var(--blue)}.monaco{position:relative}.components{flex-direction:column;gap:8px;display:flex}.effects{flex-direction:column;justify-content:stretch;align-items:stretch;display:flex;position:relative}.layer{background:var(--w500);flex-direction:row;align-items:center;gap:13px;padding:2px 8px;display:flex}.layer:hover .shift{opacity:1}.shift{opacity:0;min-width:13px;max-height:12px;color:var(--w250);cursor:ns-resize;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;justify-content:center;align-items:center;margin-left:-16px;margin-right:-10px;padding-left:1px;display:flex;position:relative}.shift.grabbing{cursor:row-resize}.pixel{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none}.visibility{flex-direction:row;align-items:center;display:flex}.icon-show,.icon-hide{border-radius:1px;min-width:16px;max-width:16px;min-height:16px;max-height:16px;position:relative}.icon-screen{position:relative;top:.75px}.reset-screen{min-width:24px;color:var(--w200);margin-right:-6px;max-width:24px!important}.reset-zoom{justify-content:center;align-items:center;min-width:24px;max-width:24px}.reset-zoom span{position:relative;bottom:1px}.reset-zoom svg{position:relative;bottom:.35px}.show:hover,.hide:hover{background:var(--w400)}input[type=checkbox]:before{content:""}input[type=checkbox]{appearance:none}.display{justify-content:center;align-items:center;min-width:24px;max-width:24px;min-height:24px;max-height:24px;display:flex;position:relative}.display:hover{background:var(--w400)}.xyz{flex-direction:row;align-items:center;gap:4px;margin-right:4px;display:flex}.xyz.base{flex-direction:column;align-items:flex-start;width:100%}.base{flex-direction:column;display:flex}.controls-shape{border-bottom:.5px solid var(--w300);align-items:center;gap:12px;width:100%;padding:1px 8px 4.5px 9px;display:flex}.controls-color{border-bottom:.5px solid var(--w300);flex-direction:row;align-items:flex-start;gap:8px;width:100%;padding:8px;display:flex}.controls-color .popover{top:-16px;left:332px}.color-page .popover{left:210px}.pane-base{overflow:visible}.palette{background:0 0;border-radius:1px;flex-direction:row;gap:4px;margin-left:-2px;margin-right:6px;padding:2px;display:flex}.palette:hover{background:var(--w400);box-shadow:0px 0px 0px 1px var(--w300),0px 0px 0px .5px #00000040}.palette>.field{background:0 0}.form-check-input{clear:left;appearance:none;cursor:url(/cursor.svg),auto;outline:none;position:relative;top:.5px}.form-switch .form-check-input:hover{background:var(--w400)}.form-switch .form-check-input:hover:before{background:var(--w250)}.form-switch .form-check-input{background:var(--w500);width:18px;height:10px;box-shadow:0px 0px 0px 1px var(--w300),0px 0px 0px .5px #00000040;border-radius:99px}.form-switch .form-check-input:before{content:"";background:var(--w200);border-radius:100%;width:6px;height:6px;transition:left .2s;position:absolute;top:50%;left:2px;transform:translateY(-50%)}.form-switch .form-check-input:checked{background:var(--w300)}.form-switch .form-check-input:checked:before{background:var(--w);left:calc(100% - 8px)}input{border:none;outline:none;font-family:SF Pro Text Tabular}input[type=number]{appearance:textfield;font-variant-numeric:tabular-nums}input[type=number]::-webkit-inner-spin-button{filter:invert(94%);border-top-right-radius:1px;border-bottom-right-radius:1px;width:10px;height:100%;position:absolute;top:0;right:0;box-shadow:0 0 0 .5px #ddd}input[type=number]::-webkit-outer-spin-button{filter:invert(94%);border-top-right-radius:1px;border-bottom-right-radius:1px;width:10px;height:100%;position:absolute;top:0;right:0;box-shadow:0 0 0 .5px #ddd}.btn-copy{justify-content:center;align-items:center;position:relative;bottom:.5px}.btn-increment{font-family:SF Pro Text Tabular}.icon-copy{justify-content:center;align-items:center;min-width:16px;max-width:16px;min-height:16px;max-height:16px;display:flex;position:relative}.icon-css{min-width:16px;max-width:16px;min-height:16px;max-height:16px}.copy{justify-content:center;align-items:center;min-width:8px;max-width:8px;min-height:8px;max-height:8px;display:flex;position:absolute;bottom:1.5px;right:-.5px}.copy-initial{opacity:1;transition:transform .28s,opacity .2s;position:absolute;transform:scale(1)}.copy-confirm{opacity:0;transition:transform .28s,opacity .2s;position:absolute;transform:scale(0)}.copy-initial.fade-out,.copy-confirm.fade-in{animation-duration:.28s;animation-fill-mode:forwards}.copy-initial.fade-out{animation:.28s forwards fadeOut;transform:scale(0)}.copy-confirm.fade-in{animation:.28s forwards fadeIn;transform:scale(1)}@keyframes fadeIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.field{font-variant-numeric:lining-nums tabular-nums;letter-spacing:.5px;max-width:32px;min-height:24px;max-height:24px;color:var(--w);opacity:1;background:0 0;border-radius:1px;align-items:center;font-family:SF Pro Text Tabular;font-size:10px;font-style:normal;font-weight:500;line-height:10px;display:flex}.field::placeholder,.field.initial{color:var(--w)}.field:hover{background:var(--w400);box-shadow:0px 0px 0px 1px var(--w300),0px 0px 0px .5px #00000040}.field.x{min-width:20px;max-width:20px}.field.x::-webkit-inner-spin-button{display:none}.field.x::-webkit-outer-spin-button{display:none}.field.hex{min-width:50px}.field.hex:hover,.field.opacity:hover{box-shadow:none;background:0 0}.field.opacity{max-width:32px;margin-left:4px;margin-right:-6px}.field.opacity::-webkit-inner-spin-button{filter:invert(94%);width:10px;height:24px;position:absolute;top:1.5px;right:4px;box-shadow:0 0 0 .5px #ddd}.field.opacity::-webkit-outer-spin-button{filter:invert(94%);width:10px;height:24px;position:absolute;top:1.5px;right:4px;box-shadow:0 0 0 .5px #ddd}.field.spread{margin-right:.5px}.scaler{flex-direction:row;display:flex}.scaler>button{color:var(--w200);padding:4px 4px 3.25px}.field.scale{text-align:center;min-width:36px;padding:4px 4px 3.75px}.mirror{gap:4.5px;display:flex;position:relative;bottom:1px}#transparency-input{position:relative;bottom:1px}#transparency-input::-webkit-outer-spin-button{opacity:0;pointer-events:none;-webkit-appearance:none!important}#transparency-input::-webkit-inner-spin-button{opacity:0;pointer-events:none;-webkit-appearance:none!important}.preview{text-align:center;caret-color:var(--w200);border-radius:6px;outline:none;justify-content:center;align-items:center;padding:8px 0 9px;font-size:12px;font-weight:500;transition:box-shadow .2s;display:flex;position:relative;overflow:hidden}.label{z-index:10;box-shadow:none!important}.custom{z-index:0;position:absolute;inset:0}.palette{justify-content:center;align-items:flex-end;gap:4px;display:flex;position:relative;top:1px}.fill{min-width:16px;max-width:16px;min-height:16px;max-height:16px;position:relative;bottom:4px}.checker{z-index:1;background-color:var(--w500);background-image:linear-gradient(45deg,var(--w200)25%,transparent 25%,transparent 75%,var(--w200)75%,var(--w200)),linear-gradient(45deg,var(--w200)25%,transparent 25%,transparent 75%,var(--w200)75%,var(--w200));opacity:.2;background-position:0 0,4px 4px;background-size:8px 8px;border-radius:2px;position:absolute;inset:0}.color{z-index:2;border-radius:2px;width:16px;height:16px;position:absolute;inset:0}.swatch{border-radius:1px;margin-right:2px;display:inline-block}.popover{z-index:99;position:absolute;top:32px;left:0}.cover{position:fixed;inset:0}.sketch-picker{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;background:var(--w500)!important;z-index:999!important;border-radius:2px!important;width:212px!important;padding:0 0 6px!important;overflow:hidden!important;box-shadow:0 10px 24px #00000073,0 3px 5px #00000059,inset 0 .5px #ffffff14,inset 0 0 .5px #ffffff59,0 2px 14px #00000026,0 0 0 .5px #0003!important}.hue-horizontal{border-radius:1px;max-height:8px;margin-top:4px}.hue-horizontal>div{justify-content:center;align-items:center;min-height:0;padding-left:2px;display:flex;top:0}.sketch-picker>div:nth-child(2)>div:first-child>div:first-child>div>div>div>div{background:0 0!important;border:1.5px solid #fff!important;border-radius:2px!important;width:6px!important;height:8px!important;transform:translate(-6px,-1px)!important;box-shadow:0 0 0 .6px #0003!important}.sketch-picker>div:nth-child(2)>div:first-child>div:first-child,.sketch-picker>div:nth-child(2)>div:first-child>div:nth-child(2)>div>div:first-child,.sketch-picker>div:nth-child(2)>div:first-child>div:nth-child(2){overflow:visible!important}.sketch-picker>div:nth-child(2)>div:first-child>div:nth-child(2)>div>div:nth-child(3)>div>div{background:0 0!important;border:1.5px solid #fff!important;border-radius:2px!important;width:6px!important;height:8px!important;transform:translate(-6px)!important;box-shadow:0 0 0 .6px #0003!important}.sketch-picker>div:nth-child(2)>div:first-child>div:nth-child(2)>div>div:nth-child(3){margin:0 .5px!important}.sketch-picker>div:nth-child(2)>div:nth-child(2){position:relative;top:2px}.sketch-picker>div:nth-child(2)>div:first-child>div:nth-child(2)>div>div:nth-child(2){border-radius:1px;min-height:8px}.sketch-picker>div:nth-child(2){padding-top:4px!important;padding-bottom:8px!important}.flexbox-fix{border-top:.5px solid #444;padding:4px!important}.sketch-picker>div:nth-child(3)>div:first-child>div>input{text-align:center!important;min-width:60px!important}.flexbox-fix>div>div>input{text-align:center;background:var(--w500);color:#fff;border-radius:2px;min-width:30px!important;max-width:30px!important;box-shadow:none!important}.flexbox-fix>div>div>input:hover{background:var(--w400);box-shadow:0px 0px 0px 1px var(--w300),0px 0px 0px .5px #00000040!important}.flexbox-fix>div>div>input:focus{box-shadow:0px 0px 0px 1px var(--w300),0px 0px 0px .5px #00000040!important}.flexbox-fix>div>div>label{margin-bottom:-4px;color:#fff!important}.flexbox-fix:last-of-type{display:none!important}.end>div{background:var(--w500)!important;box-shadow:none!important}.view-lines.monaco-mouse-cursor-text>div:first-child>span>span,.mtk1{color:var(--w)!important}.mtk11,.monaco-editor .bracket-highlighting-0{color:var(--w200)!important}.library{grid-template-columns:1fr 1fr 1fr;width:100%;display:grid}.cell{box-shadow:0 0 0 .5px var(--w300);flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;padding:20px 8px;display:flex}.asset{background:0 0;border:none;border-radius:6px;outline:none;justify-content:center;align-items:center;gap:4px;padding:13.5px 8.5px;font-size:12px;font-weight:500;transition:box-shadow .25s;display:flex}[aria-label="Notifications alt+T"]{z-index:99;position:fixed;right:8px}.ToastRoot{z-index:99;-webkit-user-select:none;user-select:none;will-change:transform,opacity;animation-duration:.3s;animation-timing-function:cubic-bezier(.16,1,.3,1);background-color:var(--w500)!important;border:none!important;border-radius:2px!important;width:auto!important;max-width:none!important;padding:6px 8px!important;left:auto!important;right:8px!important;box-shadow:inset 0 .5px #ffffff0f,inset 0 0 .5px #ffffff40,0 10px 24px #00000073,0 3px 5px #00000059,0 2px 14px #00000026,0 0 0 .5px #0003!important}.toast-label{align-items:center;gap:4px;display:flex}.toast-label span{letter-spacing:.5px!important;color:var(--w)!important;font-family:SF Pro Text!important;font-size:10px!important;font-weight:300!important;line-height:1!important}[data-sonner-toaster=true]{position:relative;right:0!important}.TooltipContent{z-index:99;color:var(--w);background-color:var(--w500);-webkit-user-select:none;user-select:none;will-change:transform,opacity;border-radius:2px;padding:6px 8px;font-size:10px;line-height:1;animation-duration:.3s;animation-timing-function:cubic-bezier(.16,1,.3,1);box-shadow:inset 0 .5px #ffffff0f,inset 0 0 .5px #ffffff40,0 10px 24px #00000073,0 3px 5px #00000059,0 2px 14px #00000026,0 0 0 .5px #0003}.TooltipContent[data-state=delayed-open][data-side=top]{animation-name:slideDownAndFade}.TooltipContent[data-state=delayed-open][data-side=right]{animation-name:slideLeftAndFade}.TooltipContent[data-state=delayed-open][data-side=bottom]{animation-name:slideUpAndFade}.TooltipContent[data-state=delayed-open][data-side=left]{animation-name:slideRightAndFade}@keyframes slideUpAndFade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRightAndFade{0%{opacity:0;transform:translate(-2px)}to{opacity:1;transform:translate(0)}}@keyframes slideDownAndFade{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeftAndFade{0%{opacity:0;transform:translate(2px)}to{opacity:1;transform:translate(0)}}.tabs-list{border-bottom:.5px solid var(--w300);justify-content:flex-start;align-items:center;padding:2px 0 0;display:flex}.tabs-header{justify-content:flex-start;align-items:center;display:flex}.tabs-list.tl-export{justify-content:space-between}.pane.right .tabs-list{padding:0}.tab-trigger{min-width:24px;min-height:30px;max-height:30px;color:var(--w200);letter-spacing:.5px;background:0 0;border:none;border-radius:0;outline:none;justify-content:center;align-items:center;gap:6px;padding:4px 8px 5px;font-size:10px;font-style:normal;font-weight:500;line-height:10px;display:flex}.badge{text-align:center;opacity:.75;min-width:16px;max-width:16px;min-height:16px;max-height:16px;box-shadow:0 0 0 .5px var(--w300);border-radius:4px;justify-content:center;align-items:center;padding-bottom:.5px;font-size:9px;transition:background-color 80ms,opacity 50ms;display:flex;position:relative}.tab-trigger:hover .badge{opacity:1}.tab-trigger[data-state=active]{color:var(--w)}.tab-trigger[data-state=active]:hover.badge{color:var(--w);background-color:var(--w300)}.tab-trigger[data-state=active]>.badge{background-color:var(--w400);box-shadow:0 0 0 .5px var(--w300);opacity:1}.tab-content[data-state=inactive]{display:none}.pane.right>.tabs-root>.tab-content{flex-grow:1;min-height:100%}.tabs-root{grid-template-rows:auto 1fr;grid-template-columns:auto;min-height:100%;display:grid}.ContextMenuContent,.ContextMenuSubContent{background-color:var(--w500);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;z-index:99;border-radius:2px;min-width:200px;padding:4px 1px;overflow:hidden;box-shadow:inset 0 .5px #ffffff14,inset 0 0 .5px #ffffff59,0 10px 24px #00000073,0 3px 5px #00000059,0 2px 14px #00000026,0 0 0 .5px #0003}.ContextMenuItem,.ContextMenuCheckboxItem,.ContextMenuRadioItem,.ContextMenuSubTrigger{letter-spacing:.5px;color:var(--w);background:var(--w500);-webkit-user-select:none;user-select:none;outline:none;justify-content:flex-start;align-items:center;gap:4px;padding:6px 8px;font-size:10px;font-style:normal;font-weight:500;line-height:10px;display:flex;position:relative}.ContextMenuItem:hover{background:var(--blue)}.ContextMenuSeparator{background:var(--w300);height:.5px;margin:4px 8px}.kbl{flex-direction:row;gap:8px;display:flex}.kbs{letter-spacing:2px;flex-direction:row;justify-content:flex-end;align-items:center;gap:4px;margin-left:auto;display:flex}.kbs-0{margin-left:0}.kb{text-align:center;justify-content:center;align-items:center;min-width:6.5px;max-width:6.5px;display:flex}.layer.context-menu-open{background:var(--w300);margin-top:2px;margin-bottom:2px;padding:0 8px}.ScrollAreaRoot{--scrollbar-size:10px;width:100%;overflow:hidden}.ScrollAreaViewport{border-radius:inherit;width:100%;height:calc(100vh - 244px);position:relative}.ScrollAreaScrollbar{-webkit-user-select:none;user-select:none;touch-action:none;background:var(--w500);padding:0;display:flex}.ScrollAreaScrollbar:hover{background:var(--w500)}.ScrollAreaScrollbar:hover .ScrollAreaThumb{background-color:var(--w200);opacity:.35}.ScrollAreaScrollbar[data-orientation=vertical]{width:var(--w400)}.ScrollAreaScrollbar[data-orientation=horizontal]{height:var(--scrollbar-size);flex-direction:column}.ScrollAreaThumb{background-color:var(--w300);opacity:1;border-radius:0;flex:1;position:relative;width:6px!important}.ScrollAreaThumb:before{content:"";width:100%;min-width:10px;height:100%;min-height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shadow{background-color:var(--w500);width:100%;height:4px;box-shadow:0px -.5px 0px 0px var(--w300)inset,0px 10px 24px #00000073,0px 3px 5px #00000059,0px 2px 14px #00000026,0px 0px 0px .5px #0003;z-index:99;position:sticky;top:0}@media only screen and (max-width:1200px){.frame{background:var(--w300);flex-wrap:wrap;align-items:stretch;gap:0;display:flex}.center{background:var(--w500);justify-content:center;align-self:stretch;align-items:center;width:calc(100vw - 332px);min-height:100vh;max-height:none;padding:4px;display:flex;position:relative;overflow:hidden}.pane.left{min-height:calc(100vh - 48px)}.pane.right{border-left:none;max-width:332px;min-height:200px}}@media only screen and (max-width:770px){main{grid-auto-rows:24px 1fr 24px;display:grid}.pane.right{display:none}.pane{z-index:99;min-width:100vw;min-height:calc(100vh - 124px);position:relative}.pane.left{flex-grow:1;min-height:0;max-height:none;display:flex}.split-view{flex-grow:1;height:100%;overflow:clip!important}.allotment-module{overflow:auto!important}.center{justify-content:center;align-items:center;min-width:100vw;min-height:0;max-height:100px;position:relative;bottom:0;padding:0!important}.document{min-width:100vw;height:auto}.frame{background:var(--w500);flex-direction:column-reverse;min-height:0;display:flex}.canvas{padding:0}.import{display:none}.nav.status{z-index:99;position:fixed;bottom:0;left:0;right:0}.axis{display:none}.header{z-index:11;border-bottom:.5px solid var(--w300);background:var(--w500);min-height:30px;margin:0;position:sticky;top:0}.layer{grid-column-gap:0px;grid-row-gap:0px;border-bottom:.5px solid var(--w300);grid-template-rows:auto;grid-template-columns:1fr auto .5fr 1fr;place-content:flex-start;align-items:center;padding:8px;display:grid}.field.spread,.field.blur{max-width:20px}.layer>.palette{grid-column:1/span 4;margin-bottom:-4px}.xyz{padding:0 5px}.visibility{justify-content:flex-end;gap:12px}.palette{justify-content:flex-start}.effects{min-height:0;max-height:calc(100vh - 178px);padding-bottom:0;position:relative}.popover{z-index:99;position:absolute;top:6px;left:24px}.pane-base,.pane-import{display:none}.pane.left{padding:0}.tabs-list{background:var(--w500);z-index:10;padding:0;position:sticky;top:0}.tab-content{position:relative;overflow-y:hidden}.label{color:var(--w500)}.scaler{display:none}.random>button{min-width:36px;min-height:30px}.nav.status{min-height:30px}}.split-view{overflow:visible!important}.split-view-container{flex-direction:column;justify-content:stretch;align-items:stretch;display:flex}.top-1{position:relative;top:1px}.top-05{position:relative;top:.5px}.left-05{position:relative;left:.5px}.gap-4{gap:4px}.gap-6{gap:6px}