.frameContainer{box-sizing:border-box;width:100%;min-width:0;height:100%;min-height:0;transition:background .15s,box-shadow .12s;position:relative}.frameContainer.isSelected{outline:1px solid var(--primary);outline-offset:2px;border-radius:px;transition:outline-color .12s}.frameContainer>.frameContent{box-sizing:border-box;width:100%;min-width:0;height:100%;min-height:0;position:relative}.frameContainer .frameMarquee{flex:auto;width:100%;min-width:0;height:100%;min-height:0;-webkit-mask-image:none;mask-image:none}.frameContainer .frameMarquee:not(.vertical) .marqueeInner{align-items:center;height:100%}.frameContainer.ancestorActive{box-shadow:0 0 0 1px color-mix(in srgb,var(--primary)35%,transparent)}.frameContainer.dropActive{background:color-mix(in srgb,var(--primary)12%,transparent)!important}.frameContainer.previewEnter{box-shadow:0 0 0 2px var(--primary)}.frameContainer.previewLeave{box-shadow:0 0 0 2px dashed var(--red)}.frameContainer.chatFrame{cursor:pointer}.frameContainer.chatFrame.chatFrameFill{width:100%}.frameContainer.chatFrame:not(.isSelected):not(.ancestorActive):hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent)55%,transparent)}.frameContainer.hugsHeight,.frameContainer.hugsHeight>.frameContent{height:auto}.frameContainer [data-chat-role=message],.frameContainer [data-chat-role=message]>.frameContent{min-width:0;height:auto;min-height:0}.frameContainer [data-chat-role=message] .frameChild[data-el-type=text],.frameContainer [data-chat-role=message] .toolElementView,.frameContainer [data-chat-role=message] .toolVisualLayer,.frameContainer [data-chat-role=message] .elementContentLayer,.frameContainer [data-chat-role=message] .textElementStrokeHost,.frameContainer [data-chat-role=message] .textElement{min-width:0;max-width:100%;height:auto;min-height:0}.frameContainer [data-chat-role=message] .frameChild[data-el-type=text],.frameContainer [data-chat-role=message] .toolElementView,.frameContainer [data-chat-role=message] .toolVisualLayer,.frameContainer [data-chat-role=message] .elementContentLayer,.frameContainer [data-chat-role=message] .textElementStrokeHost{width:100%}.frameContainer [data-chat-role=message] .textElement{white-space:pre-wrap!important;overflow-wrap:anywhere!important;word-break:break-word!important;width:100%!important}.frameContainer>.frameContent.chatJoined{white-space:normal;word-break:break-word}.frameContainer>.frameContent.chatJoined [data-chat-role=username],.frameContainer>.frameContent.chatJoined [data-chat-role=message],.frameContainer>.frameContent.chatJoined .frameContainer,.frameContainer>.frameContent.chatJoined .frameContent,.frameContainer>.frameContent.chatJoined .frameChild[data-el-type=text],.frameContainer>.frameContent.chatJoined .frameChild[data-el-type=group],.frameContainer>.frameContent.chatJoined .frameChild[data-el-type=text] .toolElementView,.frameContainer>.frameContent.chatJoined .frameChild[data-el-type=text] .toolVisualLayer,.frameContainer>.frameContent.chatJoined .frameChild[data-el-type=text] .elementContentLayer,.frameContainer>.frameContent.chatJoined .textElementStrokeHost,.frameContainer>.frameContent.chatJoined .textElement{display:inline!important}.frameContainer>.frameContent.chatJoined .frameChild[data-el-type=text],.frameContainer>.frameContent.chatJoined .frameChild[data-el-type=group]{width:auto!important;height:auto!important}.frameContainer>.frameContent.chatJoined .frameChild[data-el-type=media]{vertical-align:-.16em;white-space:nowrap;width:auto!important;height:1.05em!important;display:inline-block!important}.frameContainer>.frameContent.chatJoined .frameChild[data-el-type=media] .toolElementView,.frameContainer>.frameContent.chatJoined .frameChild[data-el-type=media] .toolVisualLayer,.frameContainer>.frameContent.chatJoined .frameChild[data-el-type=media] .elementContentLayer,.frameContainer>.frameContent.chatJoined .frameChild[data-el-type=media] .chatBadgeStrip{width:auto!important;height:100%!important}.frameContainer>.frameContent.chatJoined .frameChild[data-el-type=media] .chatBadgeStrip .icon{display:flex;position:relative;overflow:hidden}.frameContainer>.frameContent.chatJoined .frameChild[data-el-type=media] .chatBadgeStrip .icon svg{margin:auto;position:absolute;width:130%!important;height:130%!important}.frameContainer>.frameContent.chatJoined [data-chat-role=username]:after{content:":";color:inherit;opacity:.75;margin-inline-start:.02em;font-weight:600}.frameContainer>.frameName{color:var(--primary);pointer-events:auto;font-size:11px;font-weight:200}.frameContainer .frameDropIndicator{background:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary)30%,transparent);pointer-events:none;z-index:10;transition:top 80ms,left 80ms;position:absolute}.frameContainer .frameDropIndicator.isColumn{border-radius:1px;height:2px;left:6%;right:6%;transform:translateY(-50%)}.frameContainer .frameDropIndicator.isRow{border-radius:1px;width:2px;top:6%;bottom:6%;transform:translate(-50%)}.frameContainer .frameChild.isEditable{cursor:pointer;outline-offset:2px;border-radius:1px;outline:1px solid #0000;transition:outline-color .12s}.frameContainer .frameChild.isEditable:hover{outline-color:color-mix(in srgb,var(--primary)45%,transparent)}.frameContainer .frameChild.isEditable.isSelected{outline:2px solid var(--primary)}.frameContainer .paddingArea{pointer-events:auto;z-index:20;position:absolute}.frameContainer .paddingArea .paddingHatch{opacity:0;background-image:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--primary)45%,transparent)0 3px,transparent 3px 9px);pointer-events:none;transition:opacity .14s;position:absolute;inset:0}.frameContainer .paddingArea .paddingHandleBar{background:color-mix(in srgb,var(--primary)85%,transparent);opacity:0;pointer-events:none;border-radius:2px;transition:opacity .14s,background .12s;position:absolute}.frameContainer .paddingArea .paddingEdge{background:var(--primary);opacity:0;pointer-events:none;transition:opacity .1s;position:absolute}.frameContainer .paddingArea.top,.frameContainer .paddingArea.bottom{cursor:ns-resize;left:0;right:0}.frameContainer .paddingArea.top .paddingHandleBar,.frameContainer .paddingArea.bottom .paddingHandleBar{width:22px;height:3px;top:50%;left:50%;transform:translate(-50%,-50%)}.frameContainer .paddingArea.top .paddingEdge,.frameContainer .paddingArea.bottom .paddingEdge{height:2px;left:0;right:0}.frameContainer .paddingArea.top{top:0}.frameContainer .paddingArea.top .paddingEdge,.frameContainer .paddingArea.bottom{bottom:0}.frameContainer .paddingArea.bottom .paddingEdge{top:0}.frameContainer .paddingArea.left,.frameContainer .paddingArea.right{cursor:ew-resize;top:0;bottom:0}.frameContainer .paddingArea.left .paddingHandleBar,.frameContainer .paddingArea.right .paddingHandleBar{width:3px;height:22px;top:50%;left:50%;transform:translate(-50%,-50%)}.frameContainer .paddingArea.left .paddingEdge,.frameContainer .paddingArea.right .paddingEdge{width:2px;top:0;bottom:0}.frameContainer .paddingArea.left{left:0}.frameContainer .paddingArea.left .paddingEdge,.frameContainer .paddingArea.right{right:0}.frameContainer .paddingArea.right .paddingEdge{left:0}.frameContainer:hover .paddingArea .paddingHatch,.frameContainer:hover .paddingArea .paddingHandleBar{opacity:1}.frameContainer .paddingArea.isActive .paddingHatch{opacity:0}.frameContainer .paddingArea.isActive .paddingHandleBar{opacity:1;background:var(--primary)}.frameContainer .paddingArea.isActive .paddingEdge{opacity:1}.mouseTipPadding{font-weight:700;background:var(--primary)!important;color:var(--background)!important}.chatBoxFrame.wrapperActive{position:relative}.chatBoxFrame.wrapperActive:after{content:"";border:1px dashed color-mix(in srgb,var(--accent)45%,transparent);pointer-events:none;position:absolute;inset:0}