/* Shares composition-section/action with Text; customer pixels remain in the canvas. */
.motion-logo-editor{min-width:0}.motion-logo-toolbar{display:flex;align-items:center;gap:8px;margin:12px 0;min-width:0}.motion-logo-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ui-muted);font-size:12px}
body.site-design .motion-logo-toolbar button{background:var(--ui-field);color:var(--ui-text);border:1px solid var(--ui-border);border-radius:6px;padding:6px 8px;min-height:32px;font-size:12px;--action-hover-bg:var(--ui-raised);--action-hover-ink:var(--ui-text)}
.motion-logo-unit{position:relative;display:block;min-width:0;width:100%}.motion-logo-unit>span{position:absolute;right:11px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--ui-muted);pointer-events:none}body.site-design .studio-settings .motion-logo-unit input{padding-right:34px!important}.motion-logo-unit input[type=number]{appearance:textfield;-moz-appearance:textfield}.motion-logo-unit input::-webkit-inner-spin-button,.motion-logo-unit input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.motion-logo-opacity{display:flex;align-items:center;gap:9px;min-width:0;min-height:36px}.motion-logo-opacity input{width:100%;min-width:0;padding:0;margin:0;accent-color:var(--ui-text)}.motion-logo-opacity output{font-size:12px;color:var(--ui-muted);min-width:34px;text-align:right;font-variant-numeric:tabular-nums}
.motion-logo-more{border-top:1px solid var(--ui-border);margin-top:12px}.motion-logo-more>summary{min-height:40px;padding:10px 0;cursor:pointer;font-size:13px;color:var(--ui-text)}body.site-design .motion-logo-center{background:transparent;color:var(--ui-muted);min-height:36px;padding:6px 0;border:0;text-decoration:underline;text-underline-offset:3px;font-size:12px;--action-hover-bg:transparent;--action-hover-ink:var(--ui-text)}
.motion-logo-help,.motion-logo-status{margin:8px 0 12px;font-size:12px;line-height:1.5;color:var(--ui-muted)}.motion-logo-status:empty{display:none}.motion-logo-status{margin-bottom:0;overflow-wrap:anywhere;color:var(--ui-text)}.motion-logo-editor :is(button,summary):focus-visible{outline:2px solid var(--ui-text);outline-offset:3px}.motion-logo-editor button:disabled{opacity:.4;cursor:default}
.motion-logo-stage{position:relative}.motion-logo-overlay{position:absolute;pointer-events:none;overflow:hidden;z-index:3;isolation:isolate}.motion-logo-selection{position:absolute;transform-origin:center;pointer-events:none}
body.site-design .motion-logo-overlay .motion-logo-hit{position:absolute;inset:0;display:block;min-width:0;min-height:0;width:100%;height:100%;margin:0;padding:0;border:1px solid transparent;border-radius:0;background:transparent!important;color:transparent!important;box-shadow:none;cursor:move;pointer-events:auto;touch-action:none;outline:none;--action-hover-bg:transparent;--action-hover-ink:transparent}
body.site-design .motion-logo-overlay .motion-logo-hit:hover{border-color:#fff8}body.site-design .motion-logo-overlay .is-selected .motion-logo-hit{border-color:#2389ff!important;box-shadow:0 0 0 1px #0005}body.site-design .motion-logo-overlay .motion-logo-hit:focus-visible{outline:2px solid #fff;outline-offset:3px}
body.site-design .motion-logo-overlay .motion-logo-handle{position:absolute;display:flex;align-items:center;justify-content:center;width:26px;height:26px;min-width:26px;min-height:26px;margin:0;padding:4px;border:1px solid #fff!important;border-radius:5px;background:#2389ff;color:#fff;pointer-events:auto;touch-action:none;box-shadow:0 1px 4px #0006;z-index:2;--action-hover-bg:#2389ff;--action-hover-ink:#fff}body.site-design .motion-logo-overlay .motion-logo-handle:focus-visible{outline:2px solid #fff;outline-offset:3px}
body.site-design .motion-logo-overlay .motion-logo-rotate{top:-37px;left:50%;margin-left:-13px;border-radius:50%;cursor:grab}.motion-logo-rotate::after{content:'';position:absolute;top:25px;left:11px;height:11px;width:1px;background:#2389ff;pointer-events:none}body.site-design .motion-logo-overlay .motion-logo-resize{bottom:-13px;right:-13px;cursor:nwse-resize}
.motion-logo-overlay[hidden],.motion-logo-editor[hidden],.motion-logo-properties[hidden],.motion-logo-handle[hidden],.motion-logo-file[hidden]{display:none!important}
@media(max-width:760px){body.site-design .motion-logo-toolbar button{min-height:44px;min-width:44px;padding:10px}.motion-logo-editor .field{display:flex;flex-direction:column;align-items:stretch;gap:7px}.motion-logo-position{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.motion-logo-more>summary,.motion-logo-opacity,body.site-design .motion-logo-center{min-height:44px}body.site-design .motion-logo-overlay .motion-logo-handle{width:44px;height:44px;min-width:44px;min-height:44px;padding:13px;border:0!important;background:transparent;box-shadow:none;isolation:isolate;--action-hover-bg:transparent}.motion-logo-overlay .motion-logo-handle::before{content:'';position:absolute;inset:6px;border:1px solid #fff;border-radius:5px;background:#2389ff;box-shadow:0 1px 4px #0006;z-index:-1}.motion-logo-overlay .motion-logo-rotate::before{border-radius:50%}body.site-design .motion-logo-overlay .motion-logo-rotate{top:-54px;margin-left:-22px}.motion-logo-rotate::after{top:38px;left:21px;height:16px}body.site-design .motion-logo-overlay .motion-logo-resize{bottom:-22px;right:-22px}}