.effectsShapeSection{border-top:1px solid #303030;padding:24px 20px}.effectsShapeHeading{display:flex;align-items:center;justify-content:space-between;gap:16px}.effectsShapeHeading h2{margin:0;font-size:16px;line-height:1.25}.effectsShapeAdd,.effectsShapeClose{height:40px;padding:0 16px;border:1px solid #454545;border-radius:12px;background:#222;color:#fff;font:600 14px inherit}.effectsShapePicker{display:none;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.effectsShapePicker.isOpen{display:grid}.effectsShapePicker .effectsShapeIconButton{justify-content:flex-start;width:100%;padding:0 12px}.effectsShapeBody{margin-top:14px}.effectsShapeList{display:grid;gap:8px}.effectsShapeRow{display:flex;align-items:center;min-width:0;height:54px;padding:6px 8px 6px 14px;border:1px solid #404040;border-radius:12px;background:#181818}.effectsShapeRow.isSelected{border-color:#888}.effectsShapeName{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;background:transparent;color:#fff;text-align:left;font:600 14px inherit}.effectsShapeActions{display:flex;gap:6px}.effectsShapeIconButton{display:flex;align-items:center;justify-content:center;gap:8px;width:38px;height:38px;border:1px solid #3d3d3d;border-radius:10px;background:#202020;color:#fff}.effectsShapeIconButton svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.effectsShapePicker .effectsShapeIconButton{width:auto}.effectsShapePopup{position:fixed;z-index:2147483000;top:84px;right:24px;width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 112px);overflow:hidden;border:1px solid #444;border-radius:18px;background:#151515;color:#fff;box-shadow:0 24px 70px #0009}.effectsShapePopupHeader{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px;padding:0 16px 0 20px;border-bottom:1px solid #303030;background:#151515;cursor:move}.effectsShapePopupHeader strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px}.effectsShapeClose{width:40px;padding:0;font-size:26px}.effectsShapePopupBody{display:grid;gap:14px;max-height:calc(100vh - 176px);overflow:auto;padding:18px 20px 24px}.effectsShapeControl,.effectsShapeField{display:grid;gap:7px;min-width:0}.effectsShapeGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.effectsShapeSegment{display:flex;height:48px;padding:4px;border-radius:12px;background:#202020}.effectsShapeSegment button{flex:1;border:0;border-radius:9px;background:transparent;color:#888;font-weight:650}.effectsShapeSegment button.isActive{background:#363636;color:#fff}.effectsShapeInputShell{display:flex;align-items:center;height:44px;min-width:0;border:1px solid #404040;border-radius:12px;background:#222;overflow:hidden}.effectsShapeInput{width:100%;min-width:0;padding:0 12px;border:0;outline:0;background:transparent;color:#fff;text-align:right;font:500 16px inherit}.effectsShapeInput::-webkit-inner-spin-button{display:none}.effectsShapeSuffix{padding-right:12px;color:#aaa}.effectsShapeColor{width:38px;height:32px;margin-left:6px;padding:0;border:0;border-radius:7px;background:transparent}.effectsShapeHex{width:100%;min-width:0;padding:0 10px;border:0;outline:0;background:transparent;color:#fff;font:500 15px inherit;text-transform:uppercase}@media(max-width:767px){.effectsShapeSection{display:none}.effectsShapePopup{display:none}}

/* Shape editor shares the Text property-popup geometry and controls. */
.effectsShapePopup.effectsPropertyPopup{width:300px!important;height:560px!important;max-height:560px!important;border-radius:14px!important;overflow:hidden!important}
.effectsShapePopup .effectsShapePopupHeader{height:64px!important;padding:0 14px 0 16px!important;border-bottom:1px solid #303030!important}
.effectsShapePopup .effectsShapePopupBody{display:grid!important;gap:12px!important;height:calc(560px - 64px)!important;max-height:none!important;overflow-y:auto!important;padding:14px 16px 20px!important}
.effectsShapePopup .effectsShapeField{gap:6px!important}
.effectsShapePopup .effectsShapeSegment.motionSegmentedControl{height:40px!important;padding:3px!important;border-radius:10px!important}
.effectsShapePopup .effectsShapeInputShell{height:36px!important;border-radius:10px!important}
.effectsShapeHeading.effectsTextHeading{margin:0!important}
.effectsShapeAdd.effectsTextAdd{white-space:nowrap!important}

.effectsShapePopup>.effectsPropertyHeader:not(.effectsShapePopupHeader){display:none!important}


/* Shape editor parity: reuse the compact Text/left-panel visual contract. */
[data-shape-editor] .effectsShapeHeading.effectsTextHeading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 12px!important}
[data-shape-editor] .effectsShapeHeading h2{margin:0!important;font-size:15px!important;line-height:18px!important;font-weight:650!important}
[data-shape-editor] .effectsShapeAdd{height:34px!important;min-height:34px!important;padding:0 14px!important;border:1px solid #454545!important;border-radius:10px!important;background:#222!important;color:#fff!important;font-size:13px!important;line-height:13px!important;font-weight:650!important}
[data-shape-editor] .effectsShapeList{display:grid!important;gap:8px!important}
[data-shape-editor] .effectsShapeRow{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;min-height:46px!important;height:46px!important;padding:5px 6px 5px 12px!important;box-sizing:border-box!important;border:1px solid #3d3d3d!important;border-radius:10px!important;background:#1d1d1d!important}
[data-shape-editor] .effectsShapeName,[data-shape-editor] .effectsShapeRowName{flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#fff!important;font-size:13px!important;line-height:16px!important;font-weight:650!important}
[data-shape-editor] .effectsShapeActions{display:flex!important;flex:0 0 auto!important;align-items:center!important;gap:6px!important}
[data-shape-editor] .effectsShapeIconButton{display:flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;padding:0!important;border:1px solid #3d3d3d!important;border-radius:10px!important;background:#202020!important}
[data-shape-editor] .effectsShapeIconButton svg{width:17px!important;height:17px!important}

.effectsShapePopup.effectsPropertyPopup{width:300px!important;height:560px!important;max-width:calc(100vw - 24px)!important;max-height:calc(100vh - 24px)!important;padding:0!important;box-sizing:border-box!important;border-radius:14px!important;overflow:hidden!important}
.effectsShapePopup .effectsShapePopupHeader{height:56px!important;min-height:56px!important;padding:0 12px 0 16px!important;box-sizing:border-box!important;gap:10px!important}
.effectsShapePopup .effectsShapePopupHeader strong{font-size:15px!important;line-height:18px!important;font-weight:650!important}
.effectsShapePopup .effectsShapeClose{width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border-radius:10px!important;font-size:20px!important}
.effectsShapePopup .effectsShapePopupBody{display:grid!important;align-content:start!important;gap:12px!important;width:auto!important;height:calc(100% - 56px)!important;max-height:none!important;padding:14px 16px 20px!important;box-sizing:border-box!important;overflow-y:auto!important;overflow-x:hidden!important}
.effectsShapePopup .effectsShapeControl,.effectsShapePopup .effectsShapeField,.effectsShapePopup .effectsTextField{display:grid!important;gap:6px!important;min-width:0!important;color:#aaa!important;font-size:13px!important;line-height:16px!important}
.effectsShapePopup .effectsShapeGrid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important}
.effectsShapePopup .effectsShapeSegment.motionSegmentedControl{display:flex!important;width:100%!important;height:40px!important;min-height:40px!important;padding:3px!important;box-sizing:border-box!important;border-radius:10px!important;gap:3px!important}
.effectsShapePopup .effectsShapeSegment .motionSegmentOption{min-width:0!important;height:34px!important;min-height:34px!important;padding:0 6px!important;border-radius:8px!important;font-size:13px!important;line-height:14px!important;font-weight:650!important}
.effectsShapePopup .effectsShapeInputShell{display:flex!important;align-items:center!important;width:100%!important;height:36px!important;min-height:36px!important;padding:0 10px!important;box-sizing:border-box!important;border-radius:10px!important;font-size:14px!important;line-height:16px!important}
.effectsShapePopup .effectsShapeInput{min-width:0!important;height:34px!important;padding:0!important;font-size:14px!important;line-height:16px!important}
.effectsShapePopup .effectsShapeSuffix{font-size:13px!important;line-height:16px!important}
.effectsShapePopup .motionHexColorEditor,.effectsShapePopup .effectsTextHexColor{display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;width:100%!important;height:36px!important;min-height:36px!important;padding:0 10px!important;box-sizing:border-box!important;border-radius:10px!important}
.effectsShapePopup .motionHexColorSwatch,.effectsShapePopup .effectsTextColorSwatch{width:24px!important;height:24px!important;border-radius:4px!important}
.effectsShapePopup .motionHexColorInput,.effectsShapePopup .effectsTextHexInput{height:34px!important;min-width:0!important;padding:0!important;font-size:14px!important;line-height:16px!important}

.effectsShapePopup .effectsShapePopupHeader{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
.effectsShapePopup .effectsShapePopupBody{width:100%!important;max-width:100%!important}


/* Exact Text-popup component parity for Shape. */
[data-shape-editor] .effectsShapeRow{height:50px!important;min-height:50px!important;padding:6px 8px!important;gap:8px!important;border:1px solid #343434!important;border-radius:10px!important;background:#1d1d1d!important}
[data-shape-editor] .effectsShapeName,[data-shape-editor] .effectsShapeRowName{height:36px!important;padding:0 8px!important;border:0!important;border-radius:7px!important;background:transparent!important;font-size:13px!important;line-height:normal!important;font-weight:650!important}
[data-shape-editor] .effectsShapeActions{gap:4px!important;height:32px!important}
[data-shape-editor] .effectsShapeIconButton{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;border:1px solid #3a3a3a!important;border-radius:8px!important;background:#232323!important}
[data-shape-editor] .effectsShapeIconButton svg{width:17px!important;height:17px!important}

.effectsShapePopup.effectsPropertyPopup{display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;gap:10px 12px!important;width:300px!important;height:min(560px,calc(100vh - 24px))!important;max-width:calc(100vw - 24px)!important;max-height:calc(100vh - 24px)!important;padding:14px!important;box-sizing:border-box!important;border-radius:14px!important;overflow:hidden!important}
.effectsShapePopup .effectsShapePopupHeader{position:relative!important;top:auto!important;width:calc(100% + 28px)!important;max-width:none!important;height:59px!important;min-height:59px!important;margin:-14px -14px 0!important;padding:12px 14px 10px!important;box-sizing:border-box!important;border-bottom:1px solid #303030!important;background:#151515!important}
.effectsShapePopup .effectsShapePopupHeader strong{font-size:15px!important;line-height:18px!important;font-weight:650!important}
.effectsShapePopup .effectsShapeClose{width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border:1px solid #3d3d3d!important;border-radius:10px!important;background:#202020!important;font-size:20px!important}
.effectsShapePopup .effectsShapePopupBody{display:grid!important;align-content:start!important;gap:10px!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;box-sizing:border-box!important;overflow-y:auto!important;overflow-x:hidden!important}
.effectsShapePopup .effectsShapeControl,.effectsShapePopup .effectsShapeField,.effectsShapePopup .effectsTextField{display:grid!important;gap:6px!important;min-width:0!important;margin:0!important;padding:0!important;color:#aaa!important;font-size:13px!important;line-height:15px!important}
.effectsShapePopup .motionControlTitle{font-size:13px!important;line-height:15px!important;font-weight:400!important}
.effectsShapePopup .effectsShapeGrid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important}
.effectsShapePopup .effectsShapeSegment.motionSegmentedControl{display:flex!important;width:100%!important;height:48px!important;min-height:48px!important;padding:4px!important;box-sizing:border-box!important;border-radius:12px!important;gap:3px!important;background:#202020!important}
.effectsShapePopup .effectsShapeSegment .motionSegmentOption{height:40px!important;min-height:40px!important;min-width:0!important;padding:0 5px!important;border-radius:9px!important;font-size:13px!important;line-height:15px!important;font-weight:650!important}
.effectsShapePopup .effectsShapeInputShell{display:flex!important;align-items:center!important;gap:6px!important;width:100%!important;height:28px!important;min-height:28px!important;padding:0 8px 0 12px!important;box-sizing:border-box!important;border:1px solid #404040!important;border-radius:8px!important;background:#202020!important;font-size:14px!important;line-height:normal!important}
.effectsShapePopup .effectsShapeInput{flex:1 1 auto!important;min-width:0!important;width:0!important;height:26px!important;padding:0!important;border:0!important;background:transparent!important;color:#f5f5f5!important;text-align:right!important;font-size:14px!important;line-height:normal!important}
.effectsShapePopup .effectsShapeSuffix{flex:0 0 auto!important;color:#aaa!important;font-size:13px!important;line-height:15px!important}
.effectsShapePopup .effectsTextHexColor{display:grid!important;grid-template-columns:16px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;width:100%!important;height:28px!important;min-height:28px!important;padding:0 8px!important;box-sizing:border-box!important;border:.5px solid rgba(255,255,255,.12)!important;border-radius:8px!important;background:rgba(255,255,255,.06)!important}
.effectsShapePopup .effectsShapeColor.effectsTextColorSwatch{display:block!important;width:16px!important;height:16px!important;min-width:16px!important;padding:0!important;border:0!important;border-radius:3px!important;overflow:hidden!important;background:transparent!important}
.effectsShapePopup .effectsShapeColor.effectsTextColorSwatch::-webkit-color-swatch-wrapper{padding:0!important}
.effectsShapePopup .effectsShapeColor.effectsTextColorSwatch::-webkit-color-swatch{border:0!important;border-radius:3px!important}
.effectsShapePopup .effectsShapeHex.effectsTextHexInput{min-width:0!important;width:100%!important;height:26px!important;padding:0!important;border:0!important;background:transparent!important;color:#f5f5f5!important;font-size:14px!important;line-height:normal!important}


/* Shape control refinements: exact left-panel states and field shells. */
.effectsShapePopup .effectsShapeSegment .motionSegmentOption{padding:7px 5px!important;font-size:12px!important;line-height:normal!important;font-weight:600!important;color:#707070!important;background:transparent!important}
.effectsShapePopup .effectsShapeSegment .motionSegmentOption.isActive,
.effectsShapePopup .effectsShapeSegment .motionSegmentOption.is-active,
.effectsShapePopup .effectsShapeSegment .motionSegmentOption[aria-pressed="true"]{color:#fff!important;background:#303030!important}
.effectsShapePopup .effectsShapeInputShell:not(.effectsTextHexColor){gap:6px!important;padding:0 8px!important;border:.5px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.06)!important;font-size:13px!important}
.effectsShapePopup .effectsShapeInput{font-size:13px!important}
.effectsShapePopup .effectsTextHexColor{grid-template-columns:16px minmax(0,1fr)!important;gap:6px!important;padding:0 6px!important;font-size:13px!important}
.effectsShapePopup .effectsShapeColor.effectsTextColorSwatch{border-radius:2px!important}
.effectsShapePopup .effectsShapeColor.effectsTextColorSwatch::-webkit-color-swatch{border-radius:2px!important}
.effectsShapePopup .effectsShapeHex.effectsTextHexInput{font-size:13px!important}

/* Final Shape color field parity with left-panel controls. */
body[data-tool-mode] .effectsShapePopup .effectsTextHexColor{grid-template-columns:16px minmax(0,1fr)!important;gap:6px!important;padding:0 6px!important;height:28px!important;min-height:28px!important;border:.5px solid rgba(255,255,255,.12)!important;border-radius:8px!important;background:rgba(255,255,255,.06)!important;font-size:13px!important}
body[data-tool-mode] .effectsShapePopup .effectsTextColorSwatch{width:16px!important;height:16px!important;border-radius:2px!important}

/* Shape controls share the exact compact field geometry used by Dither. */
body[data-tool-mode] .effectsShapePopup .effectsShapeInputShell:not(.effectsTextHexColor){padding:0 6px!important;gap:4px!important;border:.5px solid rgba(255,255,255,.12)!important}
body[data-tool-mode] .effectsShapePopup .effectsTextHexColor{grid-template-columns:16px minmax(0,1fr)!important;gap:6px!important;padding:0 6px!important;border:.5px solid rgba(255,255,255,.12)!important}
.effectsShapePopup .effectsShapeSegment .motionSegmentOption svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Keep only the Dither-style visible swatch trigger; the native picker stays hidden. */
body[data-tool-mode] .effectsShapePopup .effectsTextHexColor>.codex-color-native{display:none!important}
body[data-tool-mode] .effectsShapePopup .effectsTextHexColor>.codex-color-trigger{display:block!important;width:16px!important;height:16px!important;min-width:16px!important;padding:0!important;margin:0!important;border-radius:2px!important}
body[data-tool-mode] .effectsShapePopup .effectsTextHexColor>.effectsShapeHex.effectsTextHexInput{display:block!important;width:100%!important;min-width:0!important;height:28px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;font-size:13px!important;line-height:normal!important;text-align:left!important}

/* Distinguish Shape icons from the text-based Fill control. */
.effectsShapePopup .effectsShapeSegment--shape .motionSegmentOption,.effectsShapePopup .effectsShapeSegment--fill .motionSegmentOption{display:flex!important;align-items:center!important;justify-content:center!important}
.effectsShapePopup .effectsShapeSegment--shape{justify-content:flex-start!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;overscroll-behavior-x:contain!important;touch-action:pan-x!important}
.effectsShapePopup .effectsShapeSegment--shape::-webkit-scrollbar{display:none!important}
.effectsShapePopup .effectsShapeSegment--shape .motionSegmentOption{flex:0 0 40px!important;min-width:40px!important}
.effectsShapePopup .effectsShapeSegment--shape .motionSegmentOption svg{width:22px!important;height:22px!important;margin:0 auto!important}
.effectsShapePopup .effectsShapeSegment--fill .motionSegmentOption{font-size:12px!important;text-align:center!important}
body[data-tool-mode] .effectsShapePopup .effectsShapeSuffix{padding:0!important;margin:0!important}

/* Step 7: compact independent gradient stop editor. */
.effectsShapeGradientStops{display:grid;gap:8px}
.effectsShapeStopsHeader{display:flex!important;align-items:center;justify-content:space-between}
.effectsShapeGradientStop{display:grid!important;grid-template-columns:minmax(0,1.35fr) 62px 62px 32px!important;gap:6px!important;align-items:end!important}
.effectsShapeGradientStop .effectsShapeField{min-width:0!important}
.effectsShapeGradientStop .motionControlTitle{display:none!important}
.effectsShapeGradientStop .effectsShapeInputShell{width:100%!important}
.effectsShapeGradientStop .motionGradientStopRemove{width:32px!important;height:28px!important;padding:0!important}

/* Step 7 interaction repair: native anchored color fields and four-item add menu */
.effectsShapePicker.isOpen{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;width:100%!important;margin-top:10px!important}
.effectsShapePicker.isOpen .effectsShapeIconButton{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:40px!important;min-width:0!important}
.effectsShapePicker.isOpen .effectsShapeIconButton svg{width:21px!important;height:21px!important}
.effectsShapePopup .effectsTextHexColor>.effectsShapeColor.effectsTextColorSwatch{display:block!important;position:static!important;opacity:1!important;pointer-events:auto!important;width:16px!important;height:16px!important;min-width:16px!important;margin:0!important}
/* Step 7A: parametric vector geometry and direct canvas handles. */
[data-shape-editor] .effectsShapePicker.isOpen{grid-template-columns:repeat(4,minmax(0,1fr))!important}
[data-shape-editor] .effectsShapePicker .effectsShapeIconButton{justify-content:center!important;overflow:hidden!important}
.motionCanvasWrap{position:relative}
.effectsVectorShapeOverlay{position:absolute;z-index:40;overflow:visible;pointer-events:none;touch-action:none}
.effectsVectorShapeControls{pointer-events:all}
.effectsVectorShapeBounds{fill:transparent;stroke:#fff;stroke-width:1.5;stroke-dasharray:5 4;vector-effect:non-scaling-stroke;pointer-events:all;cursor:move}
.effectsVectorShapeHandle,.effectsVectorShapeRadiusHandle,.effectsVectorShapeInnerHandle,.effectsVectorShapeRotationHandle{fill:#fff;stroke:#181818;stroke-width:1.5;vector-effect:non-scaling-stroke;pointer-events:all;touch-action:none}
.effectsVectorShapeHandle[data-handle="nw"],.effectsVectorShapeHandle[data-handle="se"]{cursor:nwse-resize}
.effectsVectorShapeHandle[data-handle="ne"],.effectsVectorShapeHandle[data-handle="sw"]{cursor:nesw-resize}
.effectsVectorShapeHandle[data-handle="n"],.effectsVectorShapeHandle[data-handle="s"]{cursor:ns-resize}
.effectsVectorShapeHandle[data-handle="e"],.effectsVectorShapeHandle[data-handle="w"]{cursor:ew-resize}
.effectsVectorShapeRotationHandle{cursor:grab;fill:#fff;stroke:#181818}
.effectsVectorShapeRadiusHandle,.effectsVectorShapeInnerHandle{cursor:crosshair;fill:#151515;stroke:#fff}
.effectsVectorShapeRotationStem{stroke:#fff;stroke-width:1.5;vector-effect:non-scaling-stroke;pointer-events:none}
.effectsVectorShapeEditablePath{fill:none;stroke:#8fc5ff;stroke-width:2;vector-effect:non-scaling-stroke;pointer-events:none}
.effectsVectorShapePathHandle{fill:#fff;stroke:#181818;stroke-width:2;vector-effect:non-scaling-stroke;pointer-events:all;cursor:crosshair;touch-action:none}
.effectsVectorShapePathHandle.is-selected{fill:#181818;stroke:#fff;stroke-width:3}
[aria-label="Dither layers"]{min-height:184px;max-height:42vh}
[aria-label="Dither layers"] [role="listbox"]{min-height:0;max-height:calc(42vh - 52px);overflow-y:auto;overscroll-behavior:contain}
.effectsShapePathTools{display:grid;gap:6px}.effectsShapePathActions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.effectsShapePathActions .motionSmallButton{height:32px;padding:0 8px;border:1px solid #3d3d3d;border-radius:8px;background:#202020;color:#fff;font-size:12px;font-weight:600}.effectsShapePathActions .motionSmallButton:disabled{opacity:.35}
@media(max-width:767px){.effectsVectorShapeOverlay{display:none!important}}
.effectsVectorSnapGuide{stroke:#fff;stroke-width:1;stroke-dasharray:4 4;opacity:.8;pointer-events:none}
.effectsPropertyPopup.effectsPopupClosed,.effectsShapePopup.effectsPopupClosed{display:none!important;pointer-events:none!important}