@property --divider-effect-color{syntax:"<color>";inherits:false;initial-value:#0000}@property --divider-effect-opacity{syntax:"<number>";inherits:false;initial-value:.25}@property --divider-effect-size{syntax:"<length>";inherits:false;initial-value:1px}@property --divider-effect-length{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --glass-effect-blur{syntax:"<length>";inherits:false;initial-value:1em}@property --glass-effect-light-color{syntax:"<color>";inherits:false;initial-value:#0000}@property --glass-effect-light-power{syntax:"<number>";inherits:false;initial-value:.4}@property --glass-effect-light-rotation{syntax:"<angle>";inherits:false;initial-value:210deg}@property --glass-effect-dark-color{syntax:"<color>";inherits:false;initial-value:#0000}@property --glass-effect-dark-power{syntax:"<number>";inherits:false;initial-value:0}.inspectorSidebar{width:100%;min-height:0;padding-bottom:var(--spacing-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}.inspectorBlock{gap:var(--spacing-xs);padding:var(--spacing-sm)0;flex-direction:column;display:flex;position:relative}.inspectorBlock+.inspectorBlock:after{--divider-effect-color:var(--text);--divider-effect-opacity:.035;--divider-effect-size:1px;--divider-effect-length:calc(100% - 0px);content:"";opacity:var(--divider-effect-opacity);will-change:opacity,transform,width,height,background;width:var(--divider-effect-length);height:var(--divider-effect-size);background:linear-gradient(90deg,transparent 0%,var(--divider-effect-color)19.71%,var(--divider-effect-color)79.59%,transparent 100%);transition:--divider-effect-color .24s,--divider-effect-opacity .24s,--divider-effect-size .24s,--divider-effect-length .24s,opacity .24s,transform .24s,width .24s,height .24s,background .24s,background-image .24s;position:absolute;top:0;left:50%;transform:translate(-50%)}.inspectorBlock .blockBodyMotion{transform-origin:top;will-change:height,opacity,transform,filter;backface-visibility:hidden;min-width:0}.inspectorBlock .blockHeader{justify-content:space-between;align-items:center;gap:.5em;display:flex}.inspectorBlock .blockHeader.isClickable{cursor:pointer;-webkit-user-select:none;user-select:none}.inspectorBlock .blockHeader.isDisabled{cursor:default}.inspectorBlock .blockHeader .blockTitle{color:color-mix(in srgb,var(--text)80%,transparent);font-size:var(--font-md);margin:0;font-weight:300}.inspectorBlock .blockHeader .blockAction{align-items:center;gap:.25em;display:flex}.inspectorBlock .blockBody{gap:var(--spacing-xs);flex-direction:column;display:flex}.inspectorBlock .blockBody .labelRow,.inspectorBlock .blockBody label{margin:0!important}.inspectorBlock .blockBody .tabsRoot:not(.theme-glass){--tabButtonSize:2em;border-radius:var(--spacing-xs);background:var(--container);padding:.2em}.inspectorBlock .blockBody .tabsRoot:not(.theme-glass) .tabsIndicator{border-radius:var(--spacing-xs)}.inspectorBlock .blockBody .tabsRoot.positionAlignmentTabs{--tabButtonSize:2.5em}.inspectorBlock .blockBody .timePicker,.inspectorBlock .blockBody .popoverTrigger{width:100%}.inspectorBlock .blockBody .popoverTrigger .inputWrap{flex:0;--surfaceSize:1.7em!important}.inspectorBlock .blockBody .popoverTrigger .inputsRow{width:fit-content;gap:.5em!important;height:100%!important}.inspectorBlock .blockBody .rowFit{align-items:start;gap:var(--spacing-xs);display:flex}.inspectorBlock .blockHint{color:color-mix(in srgb,var(--text)50%,transparent);font-size:.8em;line-height:1.7}.blockAddBtn,.disconnectBtn,.removeBtn{border-radius:var(--radius-pill);width:1.9em;height:1.9em;color:var(--text);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.blockAddBtn:hover,.disconnectBtn:hover,.removeBtn:hover{background:var(--surface);color:var(--text)}.blockAddBtn.isChevron .blockChevron,.disconnectBtn.isChevron .blockChevron,.removeBtn.isChevron .blockChevron{transform-origin:50%;justify-content:center;align-items:center;display:flex}.removeBtn:hover{color:var(--red)}.inlineAssetList{flex-direction:column;gap:.5em;width:100%;display:flex}.inlineAssetList .inlineAssetSizeInput{min-width:0}.inlineAssetList .assetContainer{border-radius:var(--radius-md);min-height:2.5em;transition:border-color .2s ease,background-color .2s ease,padding .3s var(--springEase);border:1px solid #0000;flex-direction:column;gap:.5em;display:flex}.inlineAssetList .assetContainer.isOver{border-color:var(--surface-hover);background-color:color-mix(in srgb,var(--container)75%,transparent);padding:.75em .5em}.inlineAssetList .assetListBreak{align-items:center;gap:var(--spacing-xs);font-size:var(--font-xs);opacity:.4;flex-direction:row;margin:.15em 0;font-weight:200;display:flex}.inlineAssetList .assetListBreak:before,.inlineAssetList .assetListBreak:after{content:"";background:linear-gradient(90deg,#0000 0%,var(--text)19.71%,var(--text)79.59%,#0000 100%);opacity:.1;flex:1;height:1px}.inlineAssetList .inlineAssetRow{align-items:center;gap:.5em;display:flex}.inlineAssetList .inlineAssetRow>.widgetColorPanel{flex:auto;min-width:0}.inlineAssetList .inlineAssetRow .dragHandle{width:fit-content;height:fit-content;color:var(--text,#333);cursor:grab;touch-action:none;align-items:center;padding:0;transition:opacity .2s;display:flex}.inlineAssetList .inlineAssetRow .dragHandle:hover{opacity:.5}.inlineAssetList .inlineAssetRow .dragHandle:active{cursor:grabbing}.inspectorRow{flex-direction:column;gap:.35em;min-width:0;display:flex}.inspectorRow .rowContent{flex-direction:row;gap:.4em;min-width:0;display:flex}.inspectorRow.split>.rowContent{align-items:start;gap:var(--spacing-xs);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.inspectorRow .widgetColorPanel,.inspectorRow .popoverTrigger{width:100%}.inspectorRow.timerControlRow>.rowContent{align-items:stretch}.inspectorRow.timerControlRow>.rowContent>.timePicker{flex:auto;width:auto;min-width:0}.inspectorRow.timerControlRow>.rowContent>.button{flex:none}.fillRow,.strokeRow{align-items:center;gap:.4em;display:flex}.fillRow .widgetColorPanel,.strokeRow .widgetColorPanel{flex:auto;min-width:0}.fillRow.isMultiColor{flex-direction:column;align-items:stretch}.fillRow.isMultiColor>.widgetColorPanel{width:100%}.strokeBlockBody{flex-direction:column;gap:.5em;display:flex}.effectRow{align-items:stretch;min-width:0;display:flex}.effectRow>.widgetColorPanel{width:100%}.affix{color:color-mix(in srgb,var(--text)50%,transparent);font-size:.72em}.blockSpacer{height:.2em;display:block}.variantRow{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--text)5%,transparent);display:flex}.variantRow.isActive{background:color-mix(in srgb,var(--primary)14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary)45%,transparent)}.variantRow .variantSelect{align-items:center;gap:var(--spacing-xs);min-width:0;color:var(--text);cursor:pointer;flex:1;display:flex}.variantRow .variantSelect span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.variantRow.isActive .variantSelect{color:var(--primary)}.variantRow .variantRemove{padding:0 var(--spacing-xs);color:color-mix(in srgb,var(--text)55%,transparent);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s;display:flex}.variantRow .variantRemove:hover{color:var(--danger,#ff5470)}.usernameColorRow,.badgeRow{width:100%}.usernameColorRow .reset,.badgeRow .reset{flex:none!important;width:fit-content!important}.badgeRow{width:100%}.badgeRow.isHidden{opacity:.45}.badgeRow .badgeEye{padding:0 var(--spacing-xs);color:color-mix(in srgb,var(--text)60%,transparent);cursor:pointer;justify-content:center;align-items:center;transition:color .15s;display:flex}.badgeRow .badgeEye:hover{color:var(--text)}.kfField{align-items:center;gap:.3em;min-width:0;display:flex}.kfField>:not(.keyframeToggle){flex:auto;min-width:0}.keyframeToggle{--kfColor:color-mix(in srgb,var(--text)32%,transparent);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:1.7em;height:1.7em;padding:0;transition:background .15s;display:flex}.keyframeToggle:hover{background:var(--surface)}.keyframeToggle .kfDiamond{border:1.5px solid var(--kfColor);background:0 0;border-radius:1.5px;width:.6em;height:.6em;transition:background .15s,border-color .15s,box-shadow .15s;transform:rotate(45deg)}.keyframeToggle:hover .kfDiamond{border-color:color-mix(in srgb,var(--text)60%,transparent)}.keyframeToggle.animated{--kfColor:color-mix(in srgb,var(--primary)60%,transparent)}.keyframeToggle.animated .kfDiamond{border-color:var(--kfColor);background:color-mix(in srgb,var(--primary)30%,transparent)}.keyframeToggle.active{--kfColor:var(--primary)}.keyframeToggle.active .kfDiamond{border-color:var(--primary);background:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary)22%,transparent)}.keyframeToggle.active:hover .kfDiamond{border-color:var(--primary)}.layoutTabs{border:1px solid var(--border-50);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--text)2%,transparent);align-items:center;gap:.25em;width:fit-content;padding:.25em;display:flex}.layoutTabs .layoutTab{border-radius:calc(var(--radius-sm) - .2em);width:2.2em;height:2.2em;color:color-mix(in srgb,var(--text)55%,transparent);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.layoutTabs .layoutTab:hover{background:var(--surface-hover)}.layoutTabs .layoutTab.active{background:color-mix(in srgb,var(--primary)14%,transparent);color:var(--text)}.frameLayoutField{flex-direction:column;gap:.35em;width:100%;min-width:0;display:flex}.frameLayoutField>*{min-width:0}.frameLayoutField .labelRow{flex-shrink:0}.frameLayoutField .inputWrapper,.frameLayoutField .inputContainer,.frameLayoutField .inputRoot,.frameLayoutField .inputWrap{width:100%;min-width:0}.alignmentGrid{width:100%;min-width:0;min-height:6em;padding:var(--spacing-xs);border-radius:var(--radius-sm);background:var(--container);grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.alignmentGrid .alignmentCell{cursor:pointer;background:0 0;border:none;border-radius:.5em;justify-content:center;align-items:center;min-width:0;min-height:0;padding:0;transition:background .12s;display:flex}.alignmentGrid .alignmentCell:hover{background:var(--container)}.alignmentGrid .alignmentCell:hover .alignmentDot{background:var(--text)}.alignmentGrid .alignmentCell.active{background:var(--background)}.alignmentGrid .alignmentCell.active .alignmentDot{background:var(--text)}.alignmentGrid .alignmentCell .alignmentDot{background:color-mix(in srgb,var(--text)35%,transparent);border-radius:50%;width:.35em;height:.35em;transition:background .12s}.sizingMode,.gapModeSelect{--dropdownHeight:1.6em}.sizingMode .dropdown,.gapModeSelect .dropdown{min-width:0}.gapModeSelect{flex-shrink:0}.gapModeSelect .dropdownTrigger{min-width:0}.popoverContextMenu .popoverMenu .menuItem{border-radius:var(--radius-xs);color:var(--text);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5em;padding:.55em .7em;font-size:.88em;transition:background .15s;display:flex}.popoverContextMenu .popoverMenu .menuItem:hover:not(:disabled){background:var(--surface-hover)}.popoverContextMenu .popoverMenu .menuItem:disabled{cursor:not-allowed;opacity:.4}.individualInput{flex-direction:column;gap:.35em;display:flex}.individualInput .row{align-items:stretch;gap:.35em;min-width:0;display:flex}.individualInput .pairGrid,.individualInput .grid{flex:auto;grid-template-columns:1fr 1fr;gap:.35em;min-width:0;display:grid}.individualInput .toggleBtn.active,.individualInput .toggleBtn:hover{background:var(--surface)!important}.individualInput .toggle{border:1px solid var(--border-50);border-radius:var(--radius-sm);width:2.2em;color:color-mix(in srgb,var(--text)55%,transparent);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex}.individualInput .toggle:hover{background:var(--surface-hover);color:var(--text)}.individualInput .toggle.active{border-color:color-mix(in srgb,var(--primary)45%,transparent);background:color-mix(in srgb,var(--primary)14%,transparent);color:var(--text)}.nativeSelect{border:1px solid var(--border-50);border-radius:var(--radius-sm);background:var(--container);width:100%;color:var(--text);font:inherit;appearance:none;cursor:pointer;padding:.45em .6em;transition:border-color .15s,background .15s}.nativeSelect:hover{border-color:var(--border-hover)}.nativeSelect:focus{border-color:color-mix(in srgb,var(--primary)60%,transparent);outline:none}.autoGapInput input,.hugSizeInput input{opacity:.55}.shadowRow{border:1px solid var(--border-50);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--text)2%,transparent);flex-direction:column;gap:.4em;padding:.5em;display:flex}.shadowRow .shadowHead{align-items:center;gap:.4em;display:flex}.shadowRow .shadowHead>:first-child{flex:auto;min-width:0}.shadowRow .shadowFields{grid-template-columns:repeat(4,minmax(0,1fr));gap:.35em;display:grid}.alignGroup{border:1px solid var(--border-50);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--text)3%,transparent);align-items:center;gap:.25em;width:fit-content;padding:.25em;display:flex}.alignGroup .alignBtn{border-radius:calc(var(--radius-sm) - .2em);width:2.1em;height:2.1em;color:color-mix(in srgb,var(--text)55%,transparent);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.alignGroup .alignBtn:hover{background:var(--surface-hover)}.alignGroup .alignBtn.active{background:color-mix(in srgb,var(--primary)14%,transparent);color:var(--text)}.behaviorsHead{justify-content:space-between;align-items:center;gap:.5em;padding-top:.3em;display:flex}.behaviorsHead span{color:color-mix(in srgb,var(--text)70%,transparent);font-size:.85em;font-weight:700}.behaviorRow{border:1px solid var(--border-50);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--text)2%,transparent);flex-direction:column;gap:.4em;padding:.5em;display:flex}.behaviorRow .behaviorFields{align-items:center;gap:.4em;display:flex}.behaviorRow .behaviorFields>:first-child{flex:auto;min-width:0}.sourcePills{flex-wrap:wrap;gap:.25em;display:flex}.sourcePills .sourcePill{--surfaceSize:2.75em;flex:auto;align-items:center;display:flex}.layersList{flex-direction:column;gap:.25em;display:flex}.layersList .layerRow{border-radius:var(--radius-xs);cursor:pointer;justify-content:space-between;align-items:center;gap:.5em;padding:.45em .6em;transition:background .15s;display:flex}.layersList .layerRow:hover{background:var(--surface-hover)}.layersList .layerRow.active{background:color-mix(in srgb,var(--primary)10%,transparent)}.layersList .layerRow .layerName{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.88em;font-weight:200;overflow:hidden}.layersList .layerRow .layerActions{flex-shrink:0;align-items:center;gap:.1em;display:flex}.screenLayerRow{justify-content:space-between;align-items:center;gap:.5em;padding:.35em .5em;flex-direction:row!important}.screenLayerRow.layerDragArea{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.screenLayerRow.layerDragArea .layerSelect{cursor:inherit}.screenLayerRow.layerDragArea:active,.screenLayerRow.layerDragArea.isDragging{cursor:grabbing}.screenLayerRow:hover .layerBtn.default{scale:1;opacity:1!important}.screenLayerRow .layerSelect{cursor:pointer;text-align:start;background:0 0;border:none;flex:auto;align-items:center;min-width:0;display:flex}.screenLayerRow .layerName{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.88em;font-weight:200;overflow:hidden}.screenLayerRow .layerActions{flex-shrink:0;align-items:center;gap:.1em;display:flex}.screenLayerRow .layerBtn{--surfaceSize:2em;border-radius:var(--radius-xl);color:color-mix(in srgb,var(--text)75%,transparent);cursor:pointer;transition:all .2s ease,scale .4s var(--springEase);border:none;justify-content:center;align-items:center;display:flex}.screenLayerRow .layerBtn:hover{background:var(--surface-hover);color:var(--text)}.screenLayerRow .layerBtn.glassRed{color:var(--error)}.screenLayerRow .layerBtn.glassRed:hover{background:color-mix(in srgb,var(--error)45%,transparent);scale:1.1}.screenLayerRow .layerBtn.default{opacity:0;background:0 0;scale:.75}.screenLayerRow .layerBtn.default.isStateActive{opacity:1;scale:1}.screenLayerRow .layerBtn.default:hover{background:var(--surface-hover);color:var(--text);scale:1}.dragHandle.button{width:fit-content;height:fit-content;color:var(--text);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;padding:0;transition:opacity .2s;display:flex}.dragHandle.button:hover{opacity:.5}.dragHandle.button:active{cursor:grabbing}.widgetList{flex-direction:column;gap:.25em;width:100%;min-width:0;display:flex}.widgetRow{align-items:flex-start;gap:.25em;width:100%;min-width:0;display:flex}.widgetRowContent{corner-shape:superellipse(1.3);border-radius:var(--radius-sm);flex:auto;align-items:stretch;width:100%;min-width:0;transition:background .3s;display:flex}.widgetRowContent>.inputWrapper,.widgetRowContent>.widgetColorPanel{flex:auto;width:100%;min-width:0}.widgetRowContent:hover{background-color:var(--container)}.widgetRow.isActiveLayer .widgetRowContent{background:var(--surface-hover)}.widgetRowColumn{flex-direction:column;flex:auto;gap:.25em;width:100%;min-width:0;display:flex}.widgetRowColumn>*{min-width:0}.widgetRowColumn>.widgetColorPanel{width:100%;display:flex}@media (width<=28em){.widgetRow,.widgetRowColumn{gap:.2em}.widgetRowOverlay{width:calc(100vw - 1em);min-width:0}}.directionRow{align-items:stretch;gap:var(--spacing-xs);width:100%;display:flex}.directionRow .tabsRoot{flex:1;min-width:0}.directionRow .reverseBtn{--surfaceSize:2.5em;border-radius:var(--radius-xs);flex-shrink:0;padding:0}.timerPartFillList,.timerPartFillList .timerPartFillItem,.timerPartFillList .timerPartFillItem>.widgetColorPanel{width:100%;min-width:0}