.auto-layout-control{outline:none}
.auto-layout-area{fill:#ff5ca8;fill-opacity:0;pointer-events:all}
.auto-layout-hit{fill:transparent;pointer-events:all}
.auto-layout-grip{fill:#ff5ca8;stroke:white;stroke-width:1px;vector-effect:non-scaling-stroke;pointer-events:none}
.auto-layout-value{opacity:0;pointer-events:none}
.auto-layout-value rect{fill:#d93282}
.auto-layout-value text{fill:white;font-family:Inter,Arial,sans-serif;font-weight:500}
.auto-layout-control:hover .auto-layout-area,.auto-layout-control:focus .auto-layout-area,.auto-layout-control.is-active .auto-layout-area{fill-opacity:.14}
.auto-layout-control:hover .auto-layout-value,.auto-layout-control:focus .auto-layout-value,.auto-layout-control.is-active .auto-layout-value{opacity:1}
.auto-layout-control:focus .auto-layout-grip{fill:#c52270}
.auto-layout-control.is-padding .auto-layout-grip,.auto-layout-control.is-padding .auto-layout-area,.auto-layout-control.is-padding .auto-layout-value rect{fill:#0d99ff}
.stage[data-gesture=spacing] #layout-overlay{pointer-events:none}
.stage[data-gesture=spacing] #layout-overlay *{pointer-events:none}
.spacing-editor{position:absolute;z-index:12;width:180px;padding:10px 12px;background:white;color:#30343c;border:1px solid #d93282;border-radius:6px;box-shadow:0 6px 18px #18263a22;font:12px/1.5 Inter,Arial,sans-serif;cursor:default}
.spacing-editor label{display:block;font-weight:600}
.spacing-editor input{display:block;width:100%;height:30px;margin:5px 0;padding:4px 8px;border:1px solid #d6dbe3;border-radius:4px;font-size:13px}
.spacing-editor input:focus-visible{outline:2px solid #d93282;outline-offset:0}
.spacing-editor>span{font-size:10px;color:#757c89}