/* Selection chrome only: this sibling overlay never enters customer output. */
.studio-canvas-quick-actions { position: absolute; z-index: 12; width: max-content; max-width: calc(100% - 16px); color: #252525; font: 12px/1.3 "DM Sans",Arial,sans-serif; pointer-events: auto; }
.studio-canvas-quick-actions[hidden], .studio-canvas-quick-actions [hidden] { display: none !important; }
.studio-canvas-quick-actions .studio-quick-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 2px; width: max-content; max-width: 100%; padding: 3px; border: 1px solid #b9c3cb; border-radius: 7px; background: #fff; box-shadow: 0 3px 12px #20394b26; }
.studio-canvas-quick-actions button { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; min-width: 30px; min-height: 30px; width: auto; height: auto; margin: 0; padding: 5px; border: 1px solid transparent; border-radius: 4px; background: transparent; color: inherit; font: inherit; line-height: 1.3; cursor: pointer; }
.studio-canvas-quick-actions button:hover:not(:disabled):not([role=option]), .studio-canvas-quick-actions button[aria-expanded=true], .studio-canvas-quick-actions button[aria-pressed=true] { background: #dceefb; }
.studio-canvas-quick-actions button:disabled { opacity: .35; cursor: default; }
.studio-canvas-quick-actions :is(button,input):focus-visible { outline: 2px solid #528fbd !important; outline-offset: 2px !important; }
.studio-canvas-quick-actions [data-quick-action=delete]:hover { color: #9b2937; background: #fbe9ec; }
.studio-canvas-quick-actions button.studio-quick-off-margin { gap: 6px; padding: 3px 4px 3px 6px; white-space: nowrap; }
.studio-quick-off-margin__label { font-size: 11px; font-weight: 500; }
.studio-quick-off-margin__track { display: grid; grid-template-columns: 1fr 1fr; flex: 0 0 35px; width: 35px; height: 18px; overflow: hidden; border-radius: 6px; background: #111; }
.studio-quick-off-margin__off, .studio-quick-off-margin__on { display: flex; align-items: center; justify-content: center; min-width: 0; height: 100%; font-size: 10px; }
.studio-quick-off-margin__off { color: transparent; }
.studio-quick-off-margin__on { background: #ecf8b0; color: #111; }
.studio-quick-off-margin__on .studio-quick-icon { width: 9px; height: 9px; flex-basis: 9px; }
.studio-quick-off-margin[aria-checked=false] .studio-quick-off-margin__off { background: #e5e5e5; color: #555; }
.studio-quick-off-margin[aria-checked=false] .studio-quick-off-margin__on { background: #111; }
.studio-quick-off-margin[aria-checked=false] .studio-quick-off-margin__on .studio-quick-icon { visibility: hidden; }
.studio-quick-icon { display: block; width: 17px; height: 17px; flex: 0 0 17px; background: currentColor; -webkit-mask: var(--studio-quick-icon) center / contain no-repeat; mask: var(--studio-quick-icon) center / contain no-repeat; pointer-events: none; }
.studio-quick-arrow--up { transform: rotate(-45deg); }
.studio-quick-arrow--right { transform: rotate(45deg); }
.studio-quick-arrow--down { transform: rotate(135deg); }
.studio-quick-arrow--left { transform: rotate(225deg); }
.studio-quick-icon--swap-horizontal { transform: rotate(90deg); }
.studio-quick-divider { width: 1px; height: 18px; margin-inline: 2px; background: #d9dde0; }
.studio-canvas-quick-actions .studio-quick-text-panel { position: absolute; box-sizing: border-box; width: 270px; max-width: min(var(--studio-quick-panel-max-width,270px),calc(100vw - 24px)); padding: 10px; border: 1px solid #b9c3cb; border-radius: 7px; background: #fff; box-shadow: 0 5px 20px #20394b26; }
.studio-quick-text-heading { display: flex; align-items: baseline; gap: 8px; margin-bottom: 8px; font-weight: 600; }
.studio-quick-text-heading [data-quick-selection-label] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; font-weight: 400; color: #707070; }
.studio-quick-font-row { display: grid; grid-template-columns: minmax(0,1fr) 66px; align-items: center; gap: 6px; }
.studio-canvas-quick-actions .import-data-select { position: relative; min-width: 0; width: 100%; margin: 0; gap: 0; }
.studio-canvas-quick-actions .import-data-select > label { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.studio-canvas-quick-actions .import-data-select__toggle { display: flex; justify-content: space-between; gap: 6px; width: 100%; min-width: 0; min-height: 32px; height: 32px; padding: 5px 8px; border: 1px solid #b9c3cb; border-radius: 4px; background: #fff; text-align: left; }
.studio-canvas-quick-actions [data-import-select-summary] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.studio-canvas-quick-actions .contact-create-multiselect__caret { width: 6px; height: 4px; flex: 0 0 6px; }
.studio-canvas-quick-actions .import-data-select__menu { z-index: 3; top: calc(100% + 4px); bottom: auto; right: auto; left: 0; min-width: 100%; width: max-content; max-width: 240px; max-height: var(--studio-quick-menu-height,190px); overflow-y: auto; }
.studio-canvas-quick-actions[data-font-menu-side=up] .import-data-select__menu { top: auto; bottom: calc(100% + 4px); }
.studio-canvas-quick-actions .import-data-select__menu [role=option] { display: flex; justify-content: space-between; width: 100%; min-height: 32px; padding: 6px 10px; border: 0; border-radius: 0; font-size: 12px; text-align: left; }
.studio-canvas-quick-actions .studio-quick-size { display: block; margin: 0; }
.studio-ui .studio-canvas-quick-actions .studio-quick-text-panel .studio-quick-size input[data-quick-font-size] { box-sizing: border-box; width: 100%; min-width: 0; height: 32px; min-height: 32px; margin: 0; padding: 4px 5px; border: 1px solid #b9c3cb; border-radius: 4px; background: #fff; color: inherit; font: inherit; }
.studio-quick-text-bottom { display: flex; align-items: center; justify-content: space-between; margin-top: 7px; }
.studio-quick-alignments { display: flex; gap: 3px; }
.studio-canvas-quick-actions .studio-quick-reset { min-height: 28px; padding: 4px 6px; font-size: 11px; }
.studio-quick-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (pointer: coarse) {
  .studio-canvas-quick-actions button { min-width: 40px; min-height: 40px; }
  .studio-canvas-quick-actions .studio-quick-toolbar { gap: 0; }
  .studio-canvas-quick-actions .studio-quick-text-panel { width: 286px; }
  .studio-canvas-quick-actions .import-data-select__toggle, .studio-ui .studio-canvas-quick-actions .studio-quick-text-panel .studio-quick-size input[data-quick-font-size] { min-height: 40px; height: 40px; }
}