.studio-muted { color:#696d6a; font-size:12px; line-height:1.6; margin:0; }
.studio-ui :is(button,input,select,textarea):not(.studio-render *) { font:inherit; }
.studio-ui input:not([type=checkbox]):not([type=color]):not([type=file]):not(.studio-render *),.studio-ui select:not(.studio-render *),.studio-ui textarea:not(.studio-render *) { border:1px solid #b3b7b2; border-radius:7px; padding:9px 11px; background:white; color:#222; min-width:0; }
.studio-ui textarea { resize:vertical; min-height:76px; width:100%; }
.studio-button { display:inline-flex; gap:7px; align-items:center; justify-content:center; border:1px solid #b2b6b0; background:#fff; border-radius:6px; padding:8px 13px; color:#20241f; font-size:12px; text-decoration:none; line-height:1.4; }
.studio-button:hover { background:#f0f5f7; }
.studio-button:disabled { opacity:.45; cursor:not-allowed; }
.studio-button--primary { background:#faffdf; }
.studio-button--blue { background:#d9eefb; }
.studio-button--danger { color:#973b32; }
.studio-split { padding:0; gap:0; }
.studio-split span:first-child { padding:9px 20px; }
.studio-split span:last-child { padding:9px 13px; border-left:1px solid #b2b6b0; }
.studio-icon { width:15px; height:15px; object-fit:contain; }
.studio-badge { display:inline-block; padding:3px 7px; border-radius:20px; background:#eef0eb; font-size:10px; white-space:nowrap; }
.studio-badge--blue { background:#dceffa; color:#335267; }
.studio-editor { --studio-left-width:270px; --studio-right-width:265px; width:100%; min-width:0; height:100dvh; display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:62px 48px minmax(0,1fr); background:#e4e5e2; font-size:12px; }
.studio-editor--chromeless { grid-template-rows:minmax(0,1fr); }
.studio-editor-top { display:flex; align-items:center; gap:14px; background:#fff; border-bottom:1px solid #bfc4bd; padding:9px 17px; }
.studio-editor-logo { background:#5b5b5a; border:0; border-radius:5px; padding:9px; flex:none; }
.studio-editor-logo img { display:block; width:20px; height:20px; }
.studio-project-name { flex:1; min-width:120px; }
.studio-project-name input { width:min(420px,100%); border:0!important; padding:0!important; border-radius:0!important; font-size:13px!important; font-weight:550!important; }
.studio-save-status { display:block; margin-top:4px; font-size:10px; color:#6b7269; }
.studio-save-status.is-error { color:#a6402d; }
.studio-editor-actions { display:flex; gap:7px; align-items:center; }
.studio-workspace-bar { display:flex; justify-content:space-between; align-items:center; padding:0 18px; border-bottom:1px solid #c8ccc5; background:#fbfcfa; gap:10px; }
.studio-tabs { display:flex; height:100%; gap:22px; }
.studio-tabs button { border:0; border-bottom:3px solid transparent; padding:0 5px; background:none; font-size:12px; }
.studio-tabs button[aria-selected=true] { border-bottom-color:#83b0ce; font-weight:650; }
.studio-tools { display:flex; gap:6px; align-items:center; }
.studio-editor-body { display:grid; grid-template-columns:var(--studio-left-width) minmax(0,1fr) var(--studio-right-width); overflow:hidden; }
.studio-left,.studio-inspector { min-width:0; overflow:auto; background:#fff; padding:16px; }
.studio-left { border-right:1px solid #c4c8c1; }
.studio-inspector { border-left:1px solid #c4c8c1; }
/* Unselected canvas inspector and selected objects share one compact shell. */
.studio-inspector.studio-page-inspector { display:flex; flex-direction:column; padding:0; background:#fff; color:#171717; font-size:10px; }
.studio-page-inspector-header { display:flex; align-items:center; gap:8px; min-height:38px; padding:6px 10px; flex:none; }
.studio-page-inspector .studio-inspector-identity { display:grid; place-items:center; flex:none; width:25px; height:25px; border-radius:50%; background:#dededc; font-size:9px; font-weight:650; cursor:default; }
.studio-page-inspector-actions { display:flex; align-items:center; gap:8px; margin-left:auto; }
.studio-page-inspector .studio-page-inspector-actions .studio-button { min-height:0; height:23px; border-radius:3px; padding:3px 8px; font-size:9px; line-height:15px; }
.studio-page-inspector .studio-page-inspector-actions .studio-page-preview-icon { width:26px; padding:4px; border-color:transparent; background:#fff; }
.studio-page-inspector .studio-page-preview-icon .studio-icon { width:16px; height:16px; }
.studio-page-inspector .studio-page-inspector-actions .studio-page-share { background:#f3ffbf; border-color:#9ea993; }
.studio-page-inspector-tabs { display:flex; align-items:center; gap:5px; min-height:30px; flex:none; padding:0 9px 7px; border-bottom:1px solid #d1d1ce; }
.studio-page-inspector-tabs [role=tab] { border:0; border-radius:4px; padding:4px 8px; background:#fff; color:#242424; font-size:9px; line-height:14px; }
.studio-page-inspector-tabs [role=tab][aria-selected=true] { background:#ededeb; font-weight:650; }
.studio-page-inspector-content { flex:1; min-height:0; overflow:auto; outline:none; scrollbar-width:thin; }
.studio-page-inspector .studio-page-properties { padding:14px 12px 16px; }
.studio-page-inspector .studio-page-properties h2 { margin:0 0 13px; font-size:11px; line-height:16px; font-weight:550; }
.studio-page-inspector .studio-page-fill { display:grid; grid-template-columns:minmax(0,1fr) 47px; min-width:0; height:26px; border:1px solid #d0d0ce; border-radius:5px; }
.studio-page-inspector .studio-page-fill-color { display:flex; min-width:0; align-items:center; gap:7px; padding-left:7px; }
.studio-page-inspector .studio-page-swatch { display:flex; flex:none; margin:0; width:12px; height:12px; }
.studio-page-inspector input[data-control=page-background] { display:block; width:12px; min-width:12px; height:12px; padding:0; border:1px solid #b8b8b5; border-radius:0; background:transparent; cursor:pointer; }
.studio-page-inspector input[data-control=page-background]::-webkit-color-swatch-wrapper { padding:0; }
.studio-page-inspector input[data-control=page-background]::-webkit-color-swatch { border:0; }
.studio-page-inspector input[data-control=page-background]::-moz-color-swatch { border:0; }
.studio-ui .studio-inspector.studio-page-inspector .studio-page-fill input.studio-page-hex[data-control=page-background-hex] { box-sizing:border-box; width:100%; min-width:0; height:24px; padding:0 3px 0 0; border:0; border-radius:0; background:#fff; color:#292929; font-size:9px; line-height:24px; text-transform:uppercase; }
.studio-page-inspector .studio-page-opacity-control { display:flex; align-items:center; justify-content:center; min-width:0; gap:1px; border-left:1px solid #dededc; margin:0; font-size:9px; }
.studio-ui .studio-inspector.studio-page-inspector .studio-page-fill .studio-page-opacity-control input[data-control=page-opacity] { box-sizing:border-box; width:28px; min-width:0; height:24px; padding:0; border:0; border-radius:0; background:#fff; color:#292929; font-size:9px; font-variant-numeric:tabular-nums; text-align:right; appearance:textfield; }
.studio-page-inspector input[data-control=page-opacity]::-webkit-inner-spin-button,.studio-page-inspector input[data-control=page-opacity]::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; }
.studio-page-inspector .studio-page-output { display:flex; align-items:center; gap:6px; margin:10px 0 0; font-size:10px; line-height:15px; }
.studio-page-inspector .studio-page-output input { flex:none; width:11px; height:11px; margin:0; accent-color:#e7f49e; }
.studio-page-inspector .studio-page-styles { border-top:1px solid #d1d1ce; }
.studio-page-inspector .studio-page-styles>summary { display:flex; align-items:center; gap:8px; min-height:34px; padding:8px 11px; list-style:none; font-size:10px; cursor:pointer; }
.studio-page-inspector .studio-page-styles>summary::-webkit-details-marker { display:none; }
.studio-page-inspector .studio-page-disclosure { display:block; color:#333; font-size:15px; line-height:12px; }
.studio-page-inspector details[open]>summary .studio-page-disclosure { transform:rotate(90deg); }
.studio-page-inspector .studio-page-disclosure-body { padding:0 12px 13px; }
.studio-page-inspector .studio-page-disclosure-body .studio-button { padding:5px 8px; min-height:27px; font-size:10px; }
.studio-page-inspector .studio-page-disclosure-body p { margin:9px 0 0; color:#6a6a66; font-size:9px; line-height:1.5; }
.studio-page-inspector .studio-page-export { padding:10px 12px 14px; border-top:1px solid #d1d1ce; min-width:0; }
.studio-page-inspector .studio-export-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:9px; }
.studio-page-inspector .studio-export-heading h2 { margin:0; font-size:11px; line-height:20px; font-weight:550; }
.studio-page-inspector .studio-page-export .studio-export-icon-button { display:inline-flex; align-items:center; justify-content:center; width:22px; height:24px; min-height:0; flex:none; padding:0; border:0; border-radius:3px; background:transparent; font-size:17px; line-height:1; }
.studio-page-inspector .studio-export-icon-button:hover:not(:disabled) { background:#efefed; }
.studio-page-inspector .studio-export-presets { display:grid; gap:7px; }
.studio-page-inspector .studio-export-preset { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) 22px; gap:5px; min-width:0; align-items:start; }
.studio-page-inspector .studio-page-export .studio-export-select { width:100%; min-width:0; margin:0; gap:0; }
.studio-page-inspector .studio-export-select .import-data-select__toggle { box-sizing:border-box; width:100%; min-width:0; height:26px; min-height:0; margin:0; padding:3px 7px; gap:6px; border:1px solid #c8c8c5; border-radius:3px; color:#242424; font-size:10px; line-height:18px; }
.studio-page-inspector .studio-export-select .contact-create-multiselect__caret { width:6px; height:4px; }
.studio-page-inspector .studio-export-select .import-data-select__menu { top:auto; bottom:calc(100% + 4px); left:0; right:0; min-width:0; max-width:100%; max-height:154px; padding:3px; gap:2px; overflow:auto; z-index:30; font-size:10px; }
.studio-page-inspector .studio-export-select .import-data-select__menu [role=option] { min-height:26px; padding:4px 6px; font-size:10px; }
.studio-page-inspector .studio-export-button { display:flex; width:100%; min-width:0; min-height:30px; margin-top:10px; padding:6px 9px; border:1px solid #bbbcb8; border-radius:4px; background:#fff; color:#242424; font-size:10px; line-height:16px; }
.studio-page-inspector .studio-export-button>span { display:block; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.studio-page-inspector .studio-export-empty,.studio-page-inspector .studio-export-status { margin:0; color:#666a65; font-size:9px; line-height:1.5; overflow-wrap:anywhere; }
.studio-page-inspector .studio-export-status:not([hidden]) { margin-top:9px; }
.studio-page-inspector .studio-export-status.is-error { color:#973b32; }
.studio-page-inspector .studio-page-branding { padding:15px 12px; font-size:12px; }
.studio-page-inspector .studio-page-prototype { min-width:0; font-size:10px; }
.studio-page-inspector .studio-page-back { margin-bottom:18px; padding:4px 7px; font-size:10px; }
.studio-page-inspector .studio-prototype-properties { padding:13px 12px 4px; border-bottom:1px solid #d1d1ce; }
.studio-page-inspector .studio-prototype-properties>h2 { margin:0 0 13px; font-size:11px; line-height:16px; font-weight:550; }
.studio-page-inspector .studio-info-circle { display:inline-grid; place-items:center; width:16px; height:16px; min-width:16px; min-height:16px; flex:none; padding:0; border:0; border-radius:50%; background:transparent; cursor:help; }
.studio-page-inspector .studio-info-circle .studio-icon { width:10px; height:10px; }
.studio-page-inspector .studio-info-circle:hover,.studio-page-inspector .studio-info-circle:focus-visible { background:#d9eefb; }
.studio-page-inspector .studio-prototype-properties .studio-field { margin:0 0 10px; font-size:10px; }
.studio-page-inspector .studio-prototype-properties .studio-field>span,.studio-page-inspector .studio-prototype-properties .import-data-select>label { color:#737672; font-size:9px; line-height:14px; font-weight:400; }
.studio-ui .studio-page-inspector .studio-prototype-properties .studio-field :is(input:not([type=color]):not([type=file]),textarea) { box-sizing:border-box; width:100%; min-width:0; min-height:28px; padding:5px 7px; border:1px solid #dededb; border-radius:5px; background:#f5f5f3; color:#242424; font-size:10px; line-height:16px; }
.studio-ui .studio-page-inspector .studio-prototype-properties .studio-field textarea { min-height:62px; background:#fff; }
.studio-page-inspector .studio-prototype-properties [data-control-group] { min-width:0; }
.studio-page-inspector .studio-prototype-properties .import-data-select { width:100%; min-width:0; margin:0 0 10px; gap:5px; }
.studio-page-inspector .studio-prototype-properties .import-data-select__toggle { width:100%; min-width:0; min-height:28px; padding:5px 7px; gap:5px; border-color:#c8c8c5; border-radius:5px; background:#fff; font-size:10px; line-height:16px; }
.studio-page-inspector .studio-prototype-properties .import-data-select__toggle>span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.studio-page-inspector .studio-prototype-properties .contact-create-multiselect__caret { width:6px; height:4px; flex:none; }
.studio-page-inspector .studio-prototype-properties .import-data-select__menu { min-width:100%; max-height:175px; padding:3px; gap:2px; font-size:10px; }
.studio-page-inspector .studio-prototype-properties .import-data-select__menu [role=option] { min-height:28px; padding:5px 7px; font-size:10px; }
.studio-page-inspector .studio-prototype-properties .studio-check { gap:6px; min-height:28px; margin:4px 0 10px; font-size:10px; }
.studio-page-inspector .studio-prototype-properties .studio-check input { accent-color:#e7f49e; }
.studio-page-inspector .studio-form-help { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:24px; margin:1px 0 7px; color:#737672; font-size:9px; line-height:14px; }
.studio-page-inspector .studio-prototype-actions { display:grid; padding:12px; }
.studio-page-inspector .studio-prototype-actions .studio-button { width:100%; min-height:28px; padding:5px 8px; background:#faffdf; font-size:10px; }
.studio-page-inspector :is(button,input,select,summary):focus-visible { outline:2px solid #80aed0; outline-offset:2px; }
.studio-page-inspector [role=tabpanel]:focus-visible { outline:2px solid #80aed0; outline-offset:-2px; }
@media(pointer:coarse) {
  .studio-page-inspector .studio-page-inspector-actions .studio-button { min-width:44px; height:44px; font-size:11px; }
  .studio-page-inspector-tabs [role=tab] { min-width:64px; min-height:44px; font-size:11px; }
  .studio-page-inspector .studio-page-fill { grid-template-columns:minmax(0,1fr) 56px; height:44px; }
  .studio-page-inspector .studio-page-swatch { align-items:center; justify-content:center; width:44px; height:42px; }
  .studio-page-inspector input[data-control=page-background] { width:28px; height:28px; }
  .studio-ui .studio-inspector.studio-page-inspector .studio-page-fill input.studio-page-hex[data-control=page-background-hex],.studio-ui .studio-inspector.studio-page-inspector .studio-page-fill .studio-page-opacity-control input[data-control=page-opacity] { height:42px; font-size:12px; }
  .studio-page-inspector .studio-page-output { min-height:44px; }
  .studio-page-inspector .studio-page-styles>summary,.studio-page-inspector .studio-page-disclosure-body .studio-button { min-height:44px; }
  .studio-page-inspector .studio-page-export .studio-export-icon-button { min-width:36px; width:36px; height:44px; }
  .studio-page-inspector .studio-export-preset { grid-template-columns:minmax(0,1fr) minmax(0,1fr) 36px; gap:4px; }
  .studio-page-inspector .studio-export-select .import-data-select__toggle { height:44px; font-size:12px; }
  .studio-page-inspector .studio-export-select .import-data-select__menu [role=option] { min-height:44px; font-size:12px; }
  .studio-page-inspector .studio-export-button { min-height:44px; font-size:12px; }
  .studio-ui .studio-page-inspector .studio-prototype-properties .studio-field :is(input:not([type=color]):not([type=file]),textarea),.studio-page-inspector .studio-prototype-properties .import-data-select__toggle,.studio-page-inspector .studio-prototype-properties .import-data-select__menu [role=option],.studio-page-inspector .studio-prototype-actions .studio-button { min-height:44px; font-size:12px; }
  .studio-page-inspector .studio-prototype-properties .studio-field textarea { min-height:88px; }
  .studio-page-inspector .studio-prototype-properties .studio-check { min-height:44px; font-size:12px; }
  .studio-page-inspector .studio-info-circle { width:44px; height:44px; min-width:44px; min-height:44px; }
  .studio-page-inspector .studio-info-circle .studio-icon { width:13px; height:13px; }
  .studio-page-inspector .studio-form-help { min-height:44px; font-size:11px; }
}
.studio-panel-title { font-size:12px; margin:0 0 16px; display:flex; justify-content:space-between; align-items:center; }
.studio-panel-tabs { display:flex; border-bottom:1px solid #ddd; margin:-4px -4px 18px; }
.studio-panel-tabs button { flex:1; padding:9px 2px; border:0; background:none; font-size:11px; }
.studio-panel-tabs button[aria-selected=true] { background:#e0eff9; }
.studio-tree-row { display:flex; gap:4px; align-items:center; margin:3px -6px; padding:3px; border-radius:4px; }
.studio-tree-row.is-selected { background:#d9edfd; }
.studio-tree-row > button { text-align:left; border:0; background:none; font-size:11px; padding:6px 3px; flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.studio-tree-row .studio-drag { cursor:grab; font-size:15px; color:#899087; }
.studio-tree-field { margin-left:17px; }
.studio-tree-field button { font-size:10px; }
.studio-add-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.studio-add-grid button { padding:16px 6px; min-height:62px; flex-direction:column; text-align:center; font-size:10px; }
.studio-canvas-space { overflow:auto; padding:28px 28px 70px; position:relative; }
.studio-canvas-label { color:#656e61; font-size:10px; margin:0 auto 10px; max-width:960px; display:flex; justify-content:space-between; }
.studio-canvas-frame-select { max-width:min(70%,720px); margin:-3px 0; padding:3px 5px; overflow:hidden; border:0; border-radius:4px; background:transparent; color:inherit; font:inherit; line-height:inherit; text-align:left; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; }
.studio-canvas-frame-select:hover { background:#ffffff80; color:#34475a; }
.studio-canvas-frame-select[aria-pressed=true] { background:#d9edfd; color:#254f6e; box-shadow:inset 0 0 0 1px #9bc5e3; }
.studio-canvas-frame-select:focus-visible { outline:2px solid #7eb4d9; outline-offset:2px; }
.studio-canvas { background:white; max-width:960px; margin:auto; box-shadow:0 0 0 1px #c6cbc2,0 8px 25px #2635220b; }
.studio-canvas.is-frame-selected { outline:2px solid #7eb4d9; outline-offset:2px; }
.studio-canvas.is-mobile { max-width:390px; }
.studio-canvas-label--email { max-width:768px; }
.studio-email-preview { box-sizing:border-box; width:100%; margin-inline:auto; background:#e7e9e6; transition:max-width .15s ease,padding .15s ease; }
.studio-email-preview--desktop { max-width:600px; }
.studio-email-preview--tablet { max-width:768px; padding:24px 84px; }
.studio-email-preview--mobile { max-width:390px; }
.studio-email-preview .studio-canvas.is-email { width:100%; max-width:none; margin:0; }
.studio-email-inbox-preview { box-sizing:border-box; display:grid; gap:3px; width:100%; padding:12px 16px; border-bottom:1px solid #c7cbc5; background:#f8f9f7; color:#252725; font-size:11px; line-height:1.35; }
.studio-email-inbox-preview>span { color:#626760; font-size:9px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.studio-email-inbox-preview>strong,.studio-email-inbox-preview>small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.studio-email-inbox-preview>strong { font-size:12px; }
.studio-email-inbox-preview>small { color:#555b54; font-size:10px; }
.studio-canvas-footer { max-width:960px; margin:16px auto 0; }
.studio-canvas-footer--email { max-width:768px; }
.studio-canvas-footer button { width:100%; background:#ffffff80; border-style:dashed; }
.studio-canvas-viewport { position:relative; min-width:0; min-height:0; overflow:hidden; background:#ddd; }
.studio-canvas-viewport > .studio-canvas-space { height:100%; min-width:0; min-height:0; padding-bottom:115px; scroll-padding-bottom:115px; }
.studio-history-controls { position:absolute; right:10px; bottom:max(10px,env(safe-area-inset-bottom)); z-index:8; display:flex; overflow:hidden; border:1px solid #d7d8d5; border-radius:13px; background:#fff; box-shadow:0 2px 7px #172b3a14; }
.studio-ui .studio-history-controls .studio-history-controls__button { display:grid; place-items:center; width:42px; height:42px; min-width:42px; min-height:42px; padding:0; border:0; border-radius:0; background:#fff; }
.studio-ui .studio-history-controls .studio-history-controls__button + .studio-history-controls__button { border-left:1px solid #d7d8d5; }
.studio-ui .studio-history-controls .studio-history-controls__button:hover:not(:disabled) { background:#d8efff; }
.studio-ui .studio-history-controls .studio-history-controls__button:focus-visible { position:relative; z-index:1; outline:2px solid #528fbd; outline-offset:-2px; }
.studio-history-controls__icon { width:20px; height:20px; object-fit:contain; }
.studio-canvas-space.is-pan-tool,.studio-canvas-space.is-pan-tool * { cursor:grab!important; }
.studio-canvas-space.is-panning,.studio-canvas-space.is-panning * { cursor:grabbing!important; user-select:none; }
.studio-canvas-space.is-pan-tool { touch-action:none; }
.studio-field { display:block; margin:0 0 15px; }
.studio-field > span,.studio-field > label { display:block; font-size:11px; margin-bottom:7px; }
.studio-field > input:not([type=checkbox]),.studio-field > select,.studio-field > textarea { width:100%; font-size:12px; }
.studio-field small { display:block; color:#6d7569; font-size:10px; margin-top:6px; line-height:1.5; }
.studio-check { display:flex; align-items:center; gap:8px; margin:10px 0 17px; font-size:12px; }
.studio-check input { accent-color:#729fc0; }
/* Selected-object controls reuse the Page inspector's sizes, separators and
   Pragtical dropdown menus. These rules never target customer document nodes. */
.studio-object-inspector .studio-object-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:12px; min-width:0; }
.studio-object-inspector .studio-object-heading h2 { margin:0; min-width:0; font-size:12px; font-weight:600; overflow-wrap:anywhere; }
.studio-object-inspector .studio-object-heading>div { display:flex; flex:none; gap:3px; }
.studio-frame-inspector .studio-frame-heading>div { display:flex; min-width:0; flex:1; align-items:center; justify-content:space-between; gap:8px; }
.studio-frame-selection-badge { flex:none; padding:3px 6px; border-radius:999px; background:#e8f3fa; color:#315f7f; font-size:8px; font-weight:550; line-height:12px; }
.studio-frame-type-status { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px; margin:0 0 8px; padding:7px 8px; border-radius:5px; background:#f5f5f3; font-size:9px; line-height:14px; }
.studio-frame-type-status span { color:#737672; }
.studio-frame-type-status strong { min-width:0; font-weight:550; text-align:right; overflow-wrap:anywhere; }
.studio-frame-type-action { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:7px; margin-top:12px; }
.studio-frame-type-action .studio-field { margin:0; }
.studio-frame-type-action .studio-button { min-height:28px; padding:5px 8px; white-space:nowrap; font-size:9px; }
.studio-frame-reset-actions { display:grid; gap:6px; margin-top:12px; }
.studio-object-inspector .studio-object-icon-button { width:24px; min-height:24px; padding:4px; border:0; background:transparent; border-radius:4px; }
.studio-object-inspector .studio-object-icon-button .studio-icon { width:13px; height:13px; }
.studio-object-inspector .studio-object-group { border-top:1px solid #d1d1ce; }
.studio-object-inspector .studio-object-group>summary { display:flex; align-items:center; justify-content:space-between; gap:8px; list-style:none; min-height:39px; padding:10px 12px; cursor:pointer; }
.studio-object-inspector .studio-object-group>summary::-webkit-details-marker { display:none; }
.studio-object-inspector .studio-object-group>summary h3 { margin:0; font-size:11px; line-height:17px; font-weight:550; }
.studio-object-inspector .studio-object-group>summary .studio-icon { width:7px; height:5px; transform:rotate(-90deg); }
.studio-object-inspector .studio-object-group[open]>summary .studio-icon { transform:none; }
.studio-object-inspector .studio-object-group-body { padding:0 12px 14px; min-width:0; }
.studio-object-inspector .studio-object-group-body>.studio-panel-title:first-child,.studio-object-inspector .studio-object-group-body>hr:first-child { display:none; }
.studio-object-inspector .studio-field { gap:5px; margin:0 0 10px; font-size:10px; }
.studio-object-inspector .studio-field>span,.studio-object-inspector .studio-object-label,.studio-object-inspector .import-data-select>label { color:#737672; font-size:9px; line-height:14px; font-weight:400; }
.studio-object-inspector .studio-object-label { display:block; margin:0 0 5px; }
.studio-ui .studio-object-inspector .studio-field :is(input:not([type=color]):not([type=file]),textarea) { box-sizing:border-box; width:100%; min-width:0; min-height:28px; padding:5px 7px; border:1px solid #dededb; border-radius:5px; background:#f5f5f3; color:#242424; font-size:10px; line-height:16px; }
.studio-ui .studio-object-inspector .studio-field textarea { min-height:62px; background:#fff; }
.studio-object-inspector .studio-field input[type=file] { width:100%; font-size:9px; }
.studio-object-inspector .studio-object-group-body .import-data-select { width:100%; min-width:0; margin:0 0 10px; gap:5px; }
.studio-object-inspector .import-data-select .import-data-select__toggle { width:100%; min-width:0; min-height:28px; padding:5px 7px; gap:5px; border-color:#c8c8c5; border-radius:5px; background:#fff; font-size:10px; line-height:16px; }
.studio-object-inspector .import-data-select .import-data-select__toggle>span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.studio-object-inspector .import-data-select .contact-create-multiselect__caret { width:6px; height:4px; flex:none; }
.studio-object-inspector .import-data-select .import-data-select__menu { min-width:100%; max-height:175px; padding:3px; gap:2px; font-size:10px; }
.studio-object-inspector .import-data-select .import-data-select__menu [role=option] { min-height:28px; padding:5px 7px; font-size:10px; }
.studio-object-inspector .studio-object-pair { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:8px; }
.studio-field-selection-toolbar { position:absolute; z-index:9; bottom:76px; left:50%; transform:translateX(-50%); display:flex; align-items:center; justify-content:center; gap:8px; width:max-content; max-width:calc(100% - 24px); margin:0; padding:4px 8px; border:1px solid #c4cac0; border-radius:6px; background:#fffffff2; color:#60685b; font-size:11px; box-shadow:0 2px 6px #20394b12; }
.studio-field-selection-toolbar > span { min-width:0; }
.studio-field-selection-toolbar > button { flex-shrink:0; }
.studio-field-selection-toolbar[hidden] { display:none; }
.studio-field-selection-toolbar button[aria-pressed="true"] { background:#d9eefb; border-color:#7eaccd; }
.studio-object-inspector .studio-object-pair>:is(.studio-field,[data-control-group]) { min-width:0; margin-bottom:0; }
.studio-object-inspector .studio-object-pair .import-data-select { margin-bottom:0; }
.studio-object-inspector .studio-object-pair+.studio-object-pair { margin-top:10px; }
.studio-object-inspector .studio-object-pair+[data-control-group] { margin-top:10px; }
.studio-object-inspector .studio-object-static { display:grid; gap:5px; align-content:start; }
.studio-object-inspector .studio-object-static>span:first-child { color:#737672; font-size:9px; line-height:14px; }
.studio-object-inspector .studio-object-static>span:last-child { display:flex; align-items:center; min-height:28px; padding:5px 7px; border-radius:5px; background:#f5f5f3; font-size:10px; }
.studio-object-inspector .studio-object-alignment { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); overflow:hidden; border-radius:5px; background:#f5f5f3; }
.studio-object-inspector .studio-object-alignment .studio-button { min-height:28px; padding:5px; border:0; border-radius:0; background:transparent; }
.studio-object-inspector .studio-object-alignment .studio-button+.studio-button { border-left:1px solid #fff; }
.studio-object-inspector .studio-object-alignment .studio-button[aria-pressed=true] { background:#d9eefb; }
.studio-object-inspector .studio-object-alignment .studio-icon { width:16px; height:16px; }
.studio-object-inspector .studio-object-order { display:flex; gap:6px; margin-top:10px; }
.studio-object-inspector .studio-object-order .studio-button { flex:1; min-height:26px; padding:4px; border-radius:5px; font-size:9px; }
.studio-object-inspector .studio-object-hint,.studio-object-inspector .studio-object-export-note { margin:9px 0 0; color:#737672; font-size:9px; line-height:1.5; }
.studio-object-inspector .studio-object-export-note { margin:0; padding:10px 12px; border-top:1px solid #d1d1ce; }
.studio-object-inspector .studio-object-selection-scope { padding:12px; border-top:1px solid #d1d1ce; }
.studio-object-inspector .studio-object-paint { display:flex; align-items:center; min-width:0; gap:7px; height:28px; padding:0 7px; border:1px solid #d0d0ce; border-radius:5px; background:#fff; margin-bottom:10px; }
.studio-object-inspector .studio-object-paint input[type=color] { width:14px; height:14px; flex:none; padding:0; border:1px solid #b8b8b5; border-radius:2px; cursor:pointer; background:transparent; }
.studio-object-inspector .studio-object-paint input[type=color]::-webkit-color-swatch-wrapper { padding:0; }
.studio-object-inspector .studio-object-paint input[type=color]::-webkit-color-swatch { border:0; }
.studio-object-inspector .studio-object-paint input[type=color]::-moz-color-swatch { border:0; }
.studio-ui .studio-inspector.studio-object-inspector .studio-object-paint input[type=text] { width:100%; min-width:0; height:26px; padding:0; border:0; border-radius:0; background:transparent; font-size:10px; text-transform:uppercase; }
.studio-object-inspector .studio-object-format { width:100%; min-height:29px; padding:5px 7px; font-size:10px; background:#faffdf; }
.studio-object-inspector .studio-object-reset { min-height:24px; padding:3px 7px; font-size:9px; }
.studio-object-inspector .studio-check { gap:6px; margin:8px 0; font-size:10px; }
.studio-object-inspector .studio-check input { accent-color:#e7f49e; }
.studio-object-inspector .studio-notice,.studio-object-inspector .studio-muted { font-size:9px; line-height:1.5; }
.studio-object-inspector .studio-object-group-body>.studio-button:not(.studio-object-format):not(.studio-object-reset) { min-height:28px; padding:5px 7px; font-size:10px; }
@media(pointer:coarse) {
  .studio-object-inspector .studio-object-group>summary { min-height:44px; }
  .studio-ui .studio-object-inspector .studio-field :is(input:not([type=color]):not([type=file]),textarea),.studio-object-inspector .import-data-select .import-data-select__toggle,.studio-object-inspector .import-data-select .import-data-select__menu [role=option],.studio-object-inspector .studio-object-order .studio-button,.studio-object-inspector .studio-object-alignment .studio-button,.studio-object-inspector .studio-object-format,.studio-object-inspector .studio-object-reset,.studio-object-inspector .studio-object-icon-button { min-height:44px; font-size:12px; }
  .studio-object-inspector .studio-object-icon-button { width:36px; }
  .studio-object-inspector .studio-object-paint { height:44px; }
  .studio-object-inspector .studio-object-paint input[type=color] { width:26px; height:26px; }
}
.studio-inspector hr,.studio-left hr { border:0; border-top:1px solid #e1e4dd; margin:21px 0; }
.studio-inspector .import-data-select { margin-bottom:14px; width:100%; }
.studio-ui .import-data-select__toggle { font-size:12px; min-height:36px; padding:8px 10px; border-radius:6px; }
.studio-ui .import-data-select__menu { max-height:240px; overflow:auto; z-index:20; }
.studio-inline-actions { display:flex; flex-wrap:wrap; gap:6px; margin:12px 0; }
.studio-inline-actions button { font-size:11px; padding:6px 9px; }
.studio-notice { background:#f4f7ef; border:1px solid #dce2d4; border-radius:6px; padding:12px; font-size:11px; line-height:1.65; color:#53604c; margin:13px 0; }
.studio-notice--blue { background:#edf7fe; border-color:#d3e7f3; color:#3e6175; }
.studio-notice--error { background:#fff0ed; color:#9e3c28; border-color:#e7c3b9; }
.studio-wide-workspace { grid-column:1/-1; overflow:auto; padding:28px; background:#f6f7f4; }
.studio-workspace-content { max-width:1000px; margin:auto; }
.studio-workspace-content h1 { font-size:22px; font-weight:500; }
.studio-panel { padding:24px; background:white; border:1px solid #cfd5c9; border-radius:8px; margin:18px 0; }
.studio-panel h2 { font-size:15px; margin:0 0 16px; }
.studio-mapping-row { display:grid; grid-template-columns:minmax(130px,1fr) minmax(140px,1fr); align-items:center; gap:20px; border-bottom:1px solid #eef0eb; padding:12px 0; }
.studio-mapping-row strong { display:block; font-size:12px; }
.studio-mapping-row small { color:#70796a; font-size:10px; }
.studio-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.studio-metric { padding:22px; border:1px solid #d1d8ca; background:white; border-radius:7px; }
.studio-metric strong { display:block; font-size:29px; font-weight:500; margin:7px 0; }
.studio-metric span { color:#66705f; font-size:12px; }
.studio-result { display:flex; justify-content:space-between; align-items:center; padding:15px 0; gap:14px; border-bottom:1px solid #e7eae2; }
.studio-result strong { display:block; font-size:13px; margin-bottom:6px; }
.studio-result small { color:#6f7769; }
.studio-dialog { border:1px solid #9ea89a; border-radius:14px; padding:0; width:min(650px,calc(100vw - 28px)); max-height:calc(100dvh - 40px); color:#232a20; box-shadow:0 18px 80px #1114; font-size:13px; }
.studio-dialog::backdrop { background:#18211755; backdrop-filter:blur(2px); }
.studio-dialog-header { display:flex; justify-content:space-between; align-items:center; padding:18px 22px; border-bottom:1px solid #d8ded2; }
.studio-dialog-header h2 { font-size:17px; font-weight:550; margin:0; }
.studio-dialog-body { padding:22px; overflow:auto; }
.studio-dialog-footer { display:flex; justify-content:flex-end; gap:8px; margin-top:22px; }
.studio-automation-step-dialog { overflow:visible; }
.studio-automation-step-dialog .studio-automation-step-dialog__content { padding:14px; }
.studio-automation-step-dialog .data-values-form__fields { gap:12px; padding-bottom:0; overflow:visible; }
.studio-automation-step-dialog__help { color:#696d6a; font-size:10px; line-height:1.4; }
.studio-automation-step-dialog .import-data-select__menu { max-height:260px; overflow-y:auto; }
/* Calendar rich-text editor reused in a Studio-scoped, right-hand drawer. */
.studio-dialog.studio-text-drawer { position:fixed; inset:0 0 0 auto; margin:0; width:min(850px,100vw); max-width:100vw; height:100dvh; max-height:100dvh; border-radius:8px 0 0 8px; display:flex; flex-direction:column; overflow:hidden; }
.studio-text-drawer .studio-dialog-header { flex:none; padding:16px 18px; }
.studio-text-drawer .studio-dialog-header h2 { font-size:15px; }
.studio-text-drawer .studio-dialog-body { flex:1; min-height:0; display:flex; flex-direction:column; padding:18px; }
.studio-text-drawer .studio-text-drawer-note { margin:0 0 14px; font-size:11px; line-height:1.5; color:#646963; }
.studio-text-drawer .service-rich-text { flex:1; min-height:0; grid-template-columns:minmax(0,1fr) 265px; background:#fff; }
.studio-text-drawer .service-rich-text__document { min-height:270px; max-height:calc(100dvh - 180px); padding:16px; }
.studio-text-drawer .service-rich-text__inspector { padding:12px; gap:12px; overflow:auto; font-size:11px; }
.studio-text-drawer .service-rich-text__inspector-top,.studio-text-drawer .service-rich-text__paint-heading { font-size:12px; }
.studio-text-drawer .service-rich-text__inspector .import-data-select__toggle { height:29px; min-height:29px; padding:4px 7px; border-radius:5px; font-size:11px; }
.studio-text-drawer .service-rich-text__inspector .service-rich-text__select .import-data-select__menu { font-size:11px; }
.studio-text-drawer .service-rich-text__inspector .import-data-select__menu [role=option] { font-size:11px; min-height:28px; }
.studio-text-drawer .service-rich-text__inspector .service-rich-text__segments button { width:35px; min-width:35px; height:30px; min-height:30px; padding:6px; }
.studio-text-drawer .service-rich-text__inspector-top button { width:27px; min-height:27px; height:27px; }
.studio-text-drawer .service-rich-text__inspector button img { width:15px; height:15px; }
.studio-text-drawer .service-rich-text__color-controls { margin:0 -12px; padding:12px 12px 0; width:calc(100% + 24px); }
.studio-text-drawer .service-rich-text__paint-row { width:100%; }
.studio-text-drawer .service-rich-text__paint-heading { margin-bottom:8px; }
.studio-ui.studio-text-drawer .service-rich-text .service-rich-text__paint-row input.service-rich-text__hex { width:72px; min-width:0; flex:1; height:32px; padding:5px; border:1px solid #a8aaa8; border-left:0; border-right:0; border-radius:0; background:#fff; font-size:11px; }
.studio-text-drawer .service-rich-text__opacity { width:61px; flex-basis:61px; }
.studio-ui.studio-text-drawer .service-rich-text .service-rich-text__opacity input[type=number] { width:35px; min-width:0; height:30px; min-height:30px; padding:3px 0 3px 4px; border:0; border-radius:0; background:#fff; appearance:textfield; font-size:11px; }
.studio-text-drawer .service-rich-text__opacity input::-webkit-inner-spin-button,.studio-text-drawer .service-rich-text__opacity input::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; }
.studio-text-drawer .service-rich-text__swatch { flex-basis:28px; }
.studio-text-drawer .sce-color-popover { position:absolute; z-index:12; top:calc(100% + 6px); left:0; width:220px; padding:9px; border:1px solid #aaa; border-radius:6px; background:#fff; box-shadow:0 8px 22px #0003; }
.studio-text-drawer .sce-color-popover[hidden] { display:none; }
.studio-text-drawer .sce-color-plane { position:relative; height:130px; overflow:hidden; border-radius:5px; background:linear-gradient(#fff0,#000),linear-gradient(90deg,#fff,hsl(var(--sce-color-hue,0) 100% 50%)); cursor:crosshair; }
.studio-text-drawer .sce-color-plane__handle { position:absolute; left:calc(var(--sce-color-saturation,0) * 1%); top:calc((100 - var(--sce-color-value,100)) * 1%); width:12px; height:12px; border:2px solid #fff; border-radius:50%; box-shadow:0 0 0 1px #111; transform:translate(-50%,-50%); pointer-events:none; }
.studio-text-drawer .sce-color-hue-row { display:grid; grid-template-columns:20px minmax(0,1fr); gap:8px; align-items:center; margin:10px 0; }
.studio-text-drawer .sce-color-hue-row input[type=range] { width:100%; height:14px; min-height:0; margin:0; padding:0; appearance:none; border:0; border-radius:8px; background:linear-gradient(90deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00); }
.studio-text-drawer .sce-color-hue-row input[type=range]::-webkit-slider-thumb { width:16px; height:16px; appearance:none; border:2px solid #fff; border-radius:50%; background:transparent; box-shadow:0 0 0 1px #111; }
.studio-text-drawer .sce-color-hue-row input[type=range]::-moz-range-thumb { width:12px; height:12px; border:2px solid #fff; border-radius:50%; background:transparent; box-shadow:0 0 0 1px #111; }
.studio-text-drawer .sce-color-opacity { display:none; }
.studio-text-drawer .sce-color-values { display:grid; grid-template-columns:28px minmax(0,1fr) 33px; align-items:center; gap:4px; font-size:10px; }
.studio-text-drawer .sce-color-values input { width:100%; min-width:0; }
.studio-text-drawer .studio-dialog-footer { position:sticky; bottom:0; flex:none; margin-top:16px; padding-top:4px; background:white; }
@media(max-width:600px) {
  .studio-dialog.studio-text-drawer { border-radius:0; }
  .studio-text-drawer .studio-dialog-body { display:block; padding:12px; }
  .studio-text-drawer .service-rich-text { display:flex; flex-direction:column; }
  .studio-text-drawer .service-rich-text__document { min-height:180px; max-height:250px; border-radius:5px 5px 0 0; }
  .studio-text-drawer .service-rich-text__inspector { border-left:0; border-top:1px solid #c8c8c5; overflow:visible; }
  .studio-text-drawer .service-rich-text__inspector .import-data-select__toggle,.studio-text-drawer .service-rich-text__inspector .import-data-select__menu [role=option],.studio-text-drawer .service-rich-text__inspector .service-rich-text__segments button,.studio-text-drawer .studio-dialog-footer .studio-button { min-height:44px; }
}
.studio-choice-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.studio-choice-grid button { text-align:left; display:block; padding:20px; }
.studio-choice-grid strong { display:block; margin-bottom:6px; font-size:14px; }
.studio-template-option { display:block; padding:14px; border:1px solid #cbd3c4; border-radius:7px; margin:10px 0; cursor:pointer; }
.studio-template-option:has(input:checked) { background:#eef7fd; border-color:#91bbd7; }
.studio-template-option small { display:block; padding-left:24px; margin-top:5px; color:#6e7867; }
.studio-home .studio-template-details { padding-top:5px; font-size:10px; line-height:1.4; text-align:center; }
.studio-home .studio-template-details > span { color:#596368; }
.studio-home .studio-template-details p { margin:5px 0 8px; }
.studio-home .studio-template-details .studio-button { position:relative; z-index:3; padding:3px 7px; font-size:10px; border-radius:3px; background:var(--pale-lime); }
.studio-home .studio-template-details--compact > span { display:block; }
.studio-home .studio-template-details--compact .studio-button { margin-top:7px; }
.studio-home .studio-list .studio-template-details { grid-column:2; text-align:left; margin-top:-12px; }
.studio-property-group { border-block:1px solid #e0e2df; padding:10px 0; margin:14px 0; }
.studio-property-group summary { cursor:pointer; margin-bottom:8px; }
.studio-inspector .studio-check { align-items:flex-start; }
.studio-preview-page { background:#e9ede6; min-height:100dvh; padding:0 20px 40px; font-size:13px; }
.studio-preview-bar { position:sticky; top:0; z-index:5; background:#f9fbf6ed; border-bottom:1px solid #cdd5c6; margin:0 -20px 28px; padding:12px 20px; display:flex; align-items:center; justify-content:space-between; gap:12px; backdrop-filter:blur(10px); }
.studio-preview-document { max-width:1000px; margin:auto; background:white; box-shadow:0 2px 16px #14241112; }
.studio-preview-document.is-mobile { max-width:390px; }
.studio-preview-document.is-email { box-sizing:border-box; width:100%; background:#e7e9e6; }
.studio-preview-document.is-email-desktop { max-width:600px; }
.studio-preview-document.is-email-tablet { max-width:768px; padding:24px 84px; }
.studio-preview-document.is-email-mobile { max-width:390px; }
.studio-preview-document.is-email>[data-preview-document] { background:#fff; }
.studio-preview-message { max-width:900px; margin:20px auto; }
.studio-preview-errors { color:#973d29; margin:16px auto; max-width:900px; }
.studio-submission-detail dl { display:grid; grid-template-columns:1fr 1fr; gap:10px; font-size:12px; }
.studio-submission-detail dt { color:#64715b; }
.studio-submission-detail dd { margin:0; overflow-wrap:anywhere; }
.studio-toast { position:fixed; z-index:100; right:22px; bottom:20px; background:#2f3b2b; color:white; border-radius:8px; padding:12px 18px; max-width:min(500px,calc(100vw - 30px)); font-size:12px; box-shadow:0 3px 15px #0002; }
.studio-toast:empty { display:none; }
.studio-loading { padding:50px; background:#fff; margin:0; }
.studio-error-page { margin:40px auto; max-width:640px; padding:30px; background:white; }
.studio-ai-suggestion { width:100%; text-align:left; margin:5px 0; font-size:11px; }
.studio-property-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.studio-ui [hidden] { display:none!important; }
.studio-editor.left-collapsed .studio-editor-body { grid-template-columns:0 minmax(0,1fr) var(--studio-right-width); }
.studio-editor.right-collapsed .studio-editor-body { grid-template-columns:var(--studio-left-width) minmax(0,1fr) 0; }
.studio-editor.left-collapsed.right-collapsed .studio-editor-body { grid-template-columns:0 minmax(0,1fr) 0; }
.studio-editor.left-collapsed .studio-left,.studio-editor.right-collapsed .studio-inspector { visibility:hidden; padding:0; }
@media(max-width:1280px) { .studio-editor { --studio-left-width:250px; --studio-right-width:235px; } .studio-canvas-space { padding:23px 18px 60px; } }
@media(max-width:950px) { .studio-editor { --studio-left-width:235px; --studio-right-width:220px; } .studio-editor-top { gap:8px; } .studio-editor-actions .studio-secondary-action { display:none; } }
@media(max-width:700px) { .studio-editor-body { grid-template-columns:165px minmax(0,1fr); } .studio-inspector { position:fixed; z-index:8; right:0; top:110px; bottom:0; width:245px; box-shadow:-4px 0 20px #0002; } .studio-editor.right-collapsed .studio-editor-body { grid-template-columns:165px minmax(0,1fr); } .studio-editor.left-collapsed .studio-editor-body,.studio-editor.left-collapsed.right-collapsed .studio-editor-body { grid-template-columns:0 minmax(0,1fr); } .studio-project-name { min-width:60px; } .studio-editor-actions { gap:4px; } .studio-editor-actions button { font-size:10px; padding:7px; } .studio-tabs { gap:12px; } .studio-tools .studio-device-label { display:none; } .studio-canvas-space { padding:20px 10px; } .studio-metrics { gap:6px; } .studio-metric { padding:12px; } .studio-metric strong { font-size:23px; } .studio-wide-workspace { padding:14px; } .studio-choice-grid { grid-template-columns:1fr; } .studio-preview-page { padding:0 0 20px; } .studio-preview-bar { margin:0 0 18px; padding:10px; flex-wrap:wrap; } .studio-preview-document { box-shadow:none; } .studio-result { align-items:flex-start; flex-direction:column; } }
@media(max-width:700px) { .studio-editor:not(.right-collapsed) .studio-history-controls { right:255px; } }

@media(max-width:700px) {
  .studio-editor { --studio-left-width:min(280px,calc(100vw - 44px)); }
  .studio-editor:not(.left-collapsed) .studio-editor-body { grid-template-columns:0 minmax(0,1fr); }
  .studio-editor .studio-canvas-viewport { grid-column:1/-1; }
  .studio-editor .studio-left.studio-navigation { position:fixed; z-index:9; inset:110px auto 0 0; width:var(--studio-left-width); box-shadow:4px 0 18px #0002; }
}

/* Directory calibration is local to this page. The shell and editor retain their
   established typography. Only miniature customer-page thumbnails are scaled. */
.studio-shell { height:100dvh; min-height:0; overflow:hidden; }
.studio-home {
  --studio-directory-border:#cdd0cd;
  --studio-control-height:22px;
  --studio-preview-width:138px;
  --studio-preview-height:158px;
  grid-column:2; grid-row:2; display:flex; flex-direction:column;
  min-width:0; min-height:0; padding:22px 22px 32px;
  overflow:hidden; background:#fff; border-radius:28px 0 0;
  font-size:10px; font-weight:400; line-height:1.4;
}
.studio-home .studio-heading { flex:none; margin:0 0 14px; padding:0 4px; }
.studio-home .studio-heading h1 { margin:0 0 2px; font-size:16px; font-weight:400; line-height:22px; }
.studio-home .studio-heading p { margin:0; font-size:12px; line-height:16px; color:var(--ink); }
.studio-home .studio-home-layout { display:grid; grid-template-columns:212px minmax(0,1fr); gap:13px; width:100%; max-width:1130px; flex:1; min-width:0; min-height:0; }
.studio-home .studio-directory,.studio-home .studio-projects { min-width:0; min-height:0; border:1px solid var(--studio-directory-border); border-radius:4px; background:#fdfdfd; }
/* A bounded directory scrolls independently even when all groups are expanded. */
.studio-home .studio-home-layout { grid-template-rows:minmax(0,1fr); }
.studio-home .studio-directory { max-height:100%; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#666 transparent; scrollbar-gutter:stable; padding:0 0 12px; }
.studio-home .studio-directory-search { display:flex; align-items:center; gap:6px; min-width:0; height:var(--studio-control-height); padding:0 8px; border:1px solid #b8bcb8; border-radius:6px; background:#fff; }
.studio-home .studio-directory-search .studio-icon { width:9px; height:9px; flex:none; }
.studio-home.studio-ui .studio-directory-search input[type=search][data-control] { width:100%; min-width:0; height:100%; margin:0; padding:0; border:0; border-radius:0; background:transparent; font-size:10px; line-height:20px; }
.studio-home .studio-directory-search input::placeholder { color:var(--ink); opacity:1; }
.studio-home .studio-directory-search:focus-within { outline:2px solid var(--focus); outline-offset:1px; }
.studio-home .studio-directory-search input:focus-visible { outline:0; }
.studio-home .studio-base-search { margin:8px 9px 10px; }
.studio-home .studio-directory-group-toggle { display:flex; align-items:center; gap:5px; width:100%; min-height:24px; padding:0 9px; border:0; background:none; font-size:10px; font-weight:500; text-align:left; }
.studio-home .studio-directory-group-toggle span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.studio-home .studio-directory-group-toggle .studio-icon { width:6px; height:5px; }
.studio-home .studio-directory-group-toggle[aria-expanded=true] .studio-icon { transform:rotate(180deg); }
.studio-home .studio-directory-group-toggle[aria-expanded=false][data-contains-current=true] { background:var(--blue-strong); }
.studio-home :is(.studio-template-directory-items,.studio-directory-items) { margin:3px 0 7px; }
.studio-home .studio-template-directory-items > button,.studio-home .studio-directory-items > button { display:block; width:100%; min-height:22px; margin:0 0 2px; padding:4px 12px; font-size:10px; line-height:14px; text-align:left; border:0; background:none; }
.studio-home :is(.studio-template-directory-items,.studio-directory-items) > button { padding-left:33px; }
.studio-home :is(.studio-template-directory-items,.studio-directory-items) > button[aria-current=page] { background:var(--blue-strong); }
.studio-home .studio-directory-group-toggle:focus-visible,.studio-home :is(.studio-template-directory-items,.studio-directory-items) > button:focus-visible:not([aria-current=page]) { background:#eef3ef; }
.studio-home .studio-navigation-empty { padding:0 9px; color:var(--muted); }
.studio-home .studio-projects { display:flex; flex-direction:column; padding:0; container-type:inline-size; }
.studio-home .studio-toolbar { display:flex; align-items:center; gap:10px; flex:none; min-width:0; padding:9px 16px 0 12px; }
.studio-home .studio-search { flex:0 1 257px; width:257px; min-width:120px; }
.studio-home .studio-toolbar .import-data-select { flex:none; width:auto; min-width:0; margin:0; }
.studio-home .studio-directory-type { width:69px!important; }
.studio-home .studio-directory-view { position:relative; flex:none; width:84px; min-width:0; }
.studio-home .studio-directory-view > .studio-icon { position:absolute; left:6px; top:7px; z-index:1; width:8px; height:8px; pointer-events:none; }
.studio-home .import-data-select__toggle { width:100%; min-width:0; min-height:0; height:var(--studio-control-height); padding:2px 6px; gap:7px; border:1px solid #b8bcb8; border-radius:4px; background:#fff; font-size:10px; line-height:16px; }
.studio-home .studio-directory-view .import-data-select__toggle { padding-left:18px; }
.studio-home .import-data-select__toggle .contact-create-multiselect__caret { width:6px; height:4px; }
.studio-home .import-data-select__menu { top:calc(100% + 3px); z-index:15; min-width:110px; max-width:min(220px,80vw); font-size:10px; }
.studio-home .import-data-select__menu button { font-size:10px; min-height:24px; }
.studio-home .studio-button { min-height:0; height:var(--studio-control-height); padding:2px 8px; border:1px solid #aeb4a7; border-radius:3px; font-size:10px; font-weight:400; line-height:16px; }
.studio-home .studio-new-project { flex:none; margin-left:auto; padding:0; gap:0; background:var(--pale-lime); }
.studio-home .studio-new-project span:first-child { padding:2px 8px; min-width:97px; text-align:left; }
.studio-home .studio-new-project span:last-child { display:grid; place-items:center; width:24px; height:100%; padding:0; border-left:1px solid #aeb4a7; }
.studio-home .studio-new-project .studio-icon { width:10px; height:10px; }
.studio-home .studio-project-scroll { flex:1; min-width:0; min-height:0; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#555 transparent; padding:22px 24px 24px; }
.studio-home .studio-project-scroll::-webkit-scrollbar { width:8px; height:8px; }
.studio-home .studio-project-scroll::-webkit-scrollbar-thumb { background:#555; border:2px solid #fdfdfd; border-radius:8px; }
.studio-home .studio-grid { display:grid; grid-template-columns:repeat(auto-fill,var(--studio-preview-width)); gap:26px 34px; align-content:start; justify-content:start; }
.studio-home .studio-card { position:relative; min-width:0; width:var(--studio-preview-width); }
.studio-home .studio-card-thumb { position:relative; width:var(--studio-preview-width); height:var(--studio-preview-height); overflow:hidden; border:1px solid var(--studio-directory-border); border-radius:3px; background:white; }
.studio-home .studio-card-thumbnail { width:100%; height:100%; overflow:hidden; pointer-events:none; }
.studio-home .studio-card-thumbnail > .studio-render { width:800px; transform:scale(.17); transform-origin:top left; pointer-events:none; }
.studio-home .studio-card h3 { margin:9px 0 0; font-size:10px; font-weight:400; line-height:15px; text-align:center; }
.studio-home .studio-card-open { display:block; width:100%; padding:0; border:0; background:none; color:var(--ink); font-size:10px; line-height:15px; text-align:center; overflow-wrap:anywhere; }
.studio-home .studio-card-open::after { content:""; position:absolute; inset:0; z-index:2; border-radius:3px; }
.studio-home .studio-card-open:focus-visible::after { outline:2px solid var(--focus); outline-offset:2px; }
.studio-home .studio-card:has(.studio-card-open:hover) .studio-card-thumb { border-color:#7b9cb0; }
.studio-home .studio-card-actions { position:absolute; top:4px; right:4px; z-index:3; display:flex; align-items:center; }
.studio-home .studio-card-preview { position:relative; z-index:1; display:flex; align-items:center; gap:3px; height:14px; padding:0 3px; border:1px solid #a7b8c3; border-radius:2px; background:var(--blue-strong); color:var(--ink); font-size:8px; line-height:12px; }
.studio-home .studio-card-preview .studio-icon { width:7px; height:7px; }
.studio-home .studio-card-delete { position:absolute; right:4px; bottom:4px; z-index:3; display:grid; place-items:center; width:18px; height:16.8px; margin:0; padding:0; border:1px solid #a7b8c3; border-radius:2.4px; background:#fff; color:var(--ink); opacity:0; pointer-events:none; transform:translateY(2px); transition:opacity .12s ease,transform .12s ease; }
.studio-home .studio-card-delete .studio-icon { width:9.6px; height:9.6px; }
.studio-home .studio-card--deletable:is(:hover,:focus-within) .studio-card-delete { opacity:1; pointer-events:auto; transform:none; }
.studio-home .studio-card-delete:focus-visible { outline:2px solid var(--focus); outline-offset:2px; }
.studio-home .studio-card-type { position:absolute; left:5px; top:6px; display:block; }
.studio-home .studio-card-type .studio-icon { width:10px; height:11px; }
.studio-home .studio-list { display:flex; flex-direction:column; gap:14px; }
.studio-home .studio-list .studio-card { display:grid; grid-template-columns:var(--studio-preview-width) minmax(0,1fr); align-items:center; gap:18px; width:100%; }
.studio-home .studio-list .studio-card h3,.studio-home .studio-list .studio-card-open { margin:0; text-align:left; }
.studio-home .studio-list .studio-card-actions { right:auto; left:84px; }
@media(hover:none) {
  .studio-home .studio-card--deletable .studio-card-delete { opacity:1; pointer-events:auto; transform:none; }
}
.studio-home .studio-empty { padding:0; font-size:11px; line-height:17px; color:var(--muted); text-align:left; }
.studio-home .studio-empty p { margin:0 0 6px; font-size:11px; }
.studio-home .studio-empty p:first-child { color:var(--ink); }
.studio-home .studio-empty .studio-button { margin-top:5px; }
.studio-home .studio-local-navigation-toggle { display:none; }
.studio-directory-preview { max-height:65dvh; overflow:auto; overscroll-behavior:contain; border:1px solid var(--line-soft); }
.studio-directory-preview .studio-render { pointer-events:auto; }
/* Long page previews use one isolated scroll surface. Avoiding a second
   scrolling modal body prevents scroll chaining and expensive repaint flashes
   through the dialog backdrop on image-heavy templates. */
.studio-dialog.studio-preview-dialog { display:flex; flex-direction:column; height:min(900px,calc(100dvh - 28px)); max-height:calc(100dvh - 28px); overflow:hidden; }
.studio-preview-dialog::backdrop { background:#18211770; backdrop-filter:none; }
.studio-preview-dialog > .studio-dialog-header { flex:none; }
.studio-preview-dialog > .studio-dialog-body { display:flex; flex:1 1 auto; flex-direction:column; min-height:0; overflow:hidden; }
.studio-preview-dialog .studio-notice { flex:none; }
.studio-preview-dialog .studio-directory-preview { flex:1 1 auto; min-height:0; max-height:none; overflow:auto; overscroll-behavior:contain; scrollbar-gutter:stable; contain:paint; isolation:isolate; }
.studio-preview-dialog .studio-dialog-footer { flex:none; }
.studio-home .studio-publication-context { margin:0 0 18px; font-size:11px; color:var(--muted); }
.studio-home .studio-publication-card-details { display:flex; flex-direction:column; align-items:center; gap:7px; margin-top:5px; font-size:10px; text-align:center; color:var(--muted); }
.studio-home .studio-publication-card-details .studio-button { position:relative; z-index:3; }
.studio-home .studio-draft-status { margin:5px 0 0; font-size:10px; text-align:center; color:var(--muted); }
.studio-home .studio-list .studio-publication-card-details,.studio-home .studio-list .studio-draft-status { grid-column:2; align-items:flex-start; margin:0; text-align:left; }
/* Studio settings use the same shell, titlebar, directory rows, and footer as
   Calendar/List settings. These rules only adapt the Studio-specific content. */
.studio-settings-dialog::backdrop { background:rgb(255 255 255 / 8%); backdrop-filter:none; }
.contact-create-drawer.studio-settings-drawer { overflow:hidden; font-size:11px; line-height:1.4; }
.studio-settings-drawer .studio-settings-body { min-width:0; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; }
.studio-settings-drawer .studio-settings-status { display:flex; align-items:center; flex-wrap:wrap; gap:5px 8px; margin:9px 2px 0; color:var(--muted); font-size:10px; }
.studio-settings-drawer .studio-badge { max-width:100%; padding:2px 6px; font-size:9px; white-space:normal; color:var(--ink); }
.studio-settings-drawer .studio-settings-scope { margin:7px 2px 0; color:var(--muted); font-size:10px; }
.studio-settings-drawer .contact-list-create-drawer__directory { margin-top:12px; }
.studio-settings-drawer .studio-settings-section { min-width:0; }
.studio-settings-drawer .studio-settings-section > summary { cursor:pointer; list-style:none; }
.studio-settings-drawer .studio-settings-section > summary::-webkit-details-marker { display:none; }
.studio-settings-drawer .studio-settings-section[open] > summary { background:var(--blue-strong); }
.studio-settings-drawer .studio-settings-section[open] > summary .contact-list-drawer__chevron { transform:rotate(90deg); }
.studio-settings-drawer .studio-settings-count { flex:none; margin-left:7px; padding:0 5px; border-radius:3px; background:#e7e7e3; font-size:9px; }
.studio-settings-drawer .studio-settings-section-body { margin:5px 4px 8px; padding:8px; border:.5px solid #ccc; border-radius:4px; background:#fff; overflow-wrap:anywhere; font-size:10px; }
.studio-settings-drawer .studio-settings-section-body p { margin:7px 0; color:var(--muted); }
.studio-settings-drawer .studio-settings-facts { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.6fr); gap:7px 10px; margin:0; }
.studio-settings-drawer .studio-settings-facts dt { color:var(--muted); }
.studio-settings-drawer .studio-settings-facts dd { margin:0; white-space:pre-wrap; }
.studio-settings-drawer .studio-settings-usages,.studio-settings-drawer .studio-settings-mappings { list-style:none; margin:0; padding:0; }
.studio-settings-drawer .studio-settings-usages li + li { margin-top:9px; padding-top:9px; border-top:.5px solid #ddd; }
.studio-settings-drawer .studio-settings-usages strong { font-size:11px; font-weight:500; }
.studio-settings-drawer .studio-settings-usages :is(strong,span,small) { display:block; overflow-wrap:anywhere; }
.studio-settings-drawer .studio-settings-usages small { font-size:9px; color:var(--muted); margin-top:3px; }
.studio-settings-drawer .studio-settings-reference { margin-top:6px; }
.studio-settings-drawer .studio-settings-reference > summary { color:#41637b; font-size:10px; cursor:pointer; }
.studio-settings-drawer .studio-settings-mappings li { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:8px; padding:6px 0; border-bottom:.5px solid #eee; }
.studio-settings-drawer .studio-settings-mappings small { display:block; color:var(--muted); font-size:9px; }
.studio-settings-drawer .studio-settings-management { text-decoration:none; }
.studio-settings-drawer .studio-settings-hint { margin:12px 4px 0; color:var(--muted); font-size:10px; }
.studio-settings-drawer .studio-settings-warning { padding:8px; background:#fff5ed; border:.5px solid #ddbea8; border-radius:4px; color:#723917; font-size:10px; overflow-wrap:anywhere; }
.studio-settings-drawer .studio-settings-footer { justify-content:flex-end; padding:12px 13px; }
.studio-settings-drawer :is(summary,a,button):focus-visible { outline:2px solid var(--focus); outline-offset:-2px; }
@media(max-width:767px) {
  .studio-settings-drawer .contact-list-create-drawer__directory-row { min-height:34px; }
  .studio-settings-drawer .studio-settings-footer button { min-height:36px; }
}
@container (max-width:640px) {
  .studio-home .studio-toolbar { flex-wrap:wrap; gap:7px; }
  .studio-home .studio-search { flex:1 1 100%; width:auto; }
}
@media(max-width:1179px) { .studio-home { grid-column:1; } }
@media(max-width:760px) {
  .studio-home { padding:18px 16px; border-radius:18px 0 0; }
  .studio-home .studio-heading { padding:0; margin-bottom:12px; }
  .studio-home .studio-heading p { font-size:11px; }
  .studio-home .studio-home-layout { grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr); gap:10px; }
  .studio-home .studio-directory { display:none; }
  .studio-home .studio-home-layout.is-local-navigation-open { grid-template-rows:auto minmax(0,1fr); }
  .studio-home .is-local-navigation-open .studio-directory { display:block; max-height:min(70dvh,330px); }
  .studio-home .studio-local-navigation-toggle { display:inline-flex; align-self:flex-start; margin:0 0 10px; }
  .studio-home .studio-project-scroll { padding:18px 12px; }
  .studio-home .studio-grid { column-gap:22px; }
  .studio-home .studio-toolbar { padding-inline:10px; }
}

/* Stage A1 workspace chrome. Splitter widths are view preferences, independent
   of responsive document geometry and the authored operation history. */
.studio-editor { position:relative; grid-template-rows:58px 40px minmax(0,1fr); }
.studio-editor-top { gap:12px; padding:7px 12px; }
.studio-editor-top .studio-history-controls { position:static; flex:none; border-radius:6px; box-shadow:none; }
.studio-editor-top .studio-history-controls__button { width:30px; height:30px; min-width:30px; min-height:30px; }
.studio-editor-top .studio-history-controls__icon { width:16px; height:16px; }
.studio-editor-actions > .studio-button { min-height:30px; padding:6px 10px; font-size:11px; }
.studio-editing-workspace { display:grid; grid-template-columns:48px minmax(0,1fr); min-width:0; min-height:0; overflow:hidden; }
.studio-workspace-rail { display:flex; flex-direction:column; align-items:center; gap:12px; padding:14px 4px; background:#5b5b5a; border-right:1px solid #494b48; }
.studio-workspace-rail .studio-button { flex:none; width:36px; height:38px; min-height:38px; padding:9px; border-color:transparent; background:transparent; }
.studio-workspace-rail .studio-icon { filter:brightness(0) invert(1); width:18px; height:18px; }
.studio-workspace-rail .studio-button:hover,.studio-workspace-rail .studio-button:focus-visible { background:#737571; border-color:#cfe8fc; }
.studio-workspace-rail .studio-workspace-rail-ai { margin-top:auto; }
.studio-editor .studio-left,.studio-editor .studio-inspector { overscroll-behavior:contain; scrollbar-width:thin; }
.studio-canvas-viewport > .studio-history-controls { display:none; }
.studio-panel-splitter { position:absolute; top:98px; bottom:0; z-index:20; width:7px; cursor:col-resize; touch-action:none; }
.studio-panel-splitter--left { left:calc(48px + var(--studio-left-width) - 4px); }
.studio-panel-splitter--right { right:calc(var(--studio-right-width) - 4px); }
.studio-panel-splitter:hover,.studio-panel-splitter:focus-visible { background:#80aed088; outline:1px solid #80aed0; outline-offset:-1px; }
.studio-editor :is(button,[role=separator]):focus-visible { outline:2px solid #80aed0; outline-offset:2px; }
@media(max-width:1100px) {
  .studio-editor-actions { gap:5px; }
  .studio-editor-actions > .studio-button { padding:6px 7px; }
}
@media(max-width:700px) {
  .studio-editor { grid-template-rows:96px 40px minmax(0,1fr); }
  .studio-editor-top { flex-wrap:wrap; gap:7px; align-content:center; }
  .studio-editor-top .studio-project-name { flex:1; min-width:80px; }
  .studio-editor-actions { width:100%; justify-content:flex-start; overflow-x:auto; }
  .studio-editor-actions > .studio-button { flex:none; font-size:10px; }
  .studio-editing-workspace { grid-template-columns:44px minmax(0,1fr); }
  .studio-workspace-rail { padding:12px 2px; }
  .studio-editor .studio-left { position:fixed; z-index:9; inset:136px auto 0 44px; width:min(var(--studio-left-width),calc(100vw - 44px)); box-shadow:4px 0 18px #0002; }
  .studio-editor .studio-left.studio-navigation { inset:136px auto 0 44px; width:min(var(--studio-left-width),calc(100vw - 44px)); }
  .studio-editor .studio-inspector { top:136px; width:min(var(--studio-right-width),calc(100vw - 44px)); }
  .studio-editor .studio-editor-body,.studio-editor.right-collapsed .studio-editor-body { grid-template-columns:0 minmax(0,1fr); }
  .studio-editor .studio-canvas-viewport { grid-column:1/-1; }
}
.studio-editor--chromeless { grid-template-rows:minmax(0,1fr); }
.studio-editor .studio-ad-tool-palette { position:absolute; z-index:8; bottom:16px; left:50%; transform:translateX(-50%); display:flex; gap:3px; padding:6px; border-radius:12px; background:#5b5b5a; box-shadow:0 3px 9px #0002; }
.studio-ad-tool-palette .studio-button { width:38px; height:38px; padding:9px; border:0; background:transparent; color:white; }
.studio-ad-tool-palette .studio-button:hover { background:#737571; }
.studio-ad-tool-palette .studio-icon { filter:brightness(0) invert(1); width:18px; height:18px; }
.studio-workspace-rail .studio-button[aria-pressed=true] { background:#cfe8fc; border-color:#cfe8fc; }
.studio-workspace-rail .studio-button[aria-pressed=true] .studio-icon { filter:brightness(0); }
.studio-editor .studio-editor-top .studio-history-controls__button { width:30px; height:30px; min-width:30px; min-height:30px; }

.studio-editor-logo { color:#fff; gap:7px; font-size:11px; }