/* Editor chrome follows available space. Device dimensions belong to the
   iframe, never to the outer page. The scaled frame cannot pan sideways. */
.ve-location-picker {margin:22px 0;padding:16px 0;border-block:1px solid var(--stroke);min-width:0;}
.ve-location-picker h3 {margin:0 0 10px;font-size:17px;}
.ve-location-picker p {font-size:13px;line-height:1.6;overflow-wrap:anywhere;}
.ve-location-picker .saas-actions {gap:8px;}
.ve-location-picker .btn {white-space:normal;min-height:44px;}
.ve-location-map {height:300px;width:100%;border:1px solid var(--stroke);border-radius:12px;margin:14px 0;z-index:0;}
.ve-location-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.ve-location-picker summary {cursor:pointer;min-height:44px;display:flex;align-items:center;}
.ve-location-map .leaflet-control-attribution {font-size:10px;}
.ve-location-map .leaflet-control a {color:#123746;background:white;}
.ve-workspace {max-width:100%; inset:0 0 calc(54px + env(safe-area-inset-bottom));}
.ve-shell,.ve-body,.ve-top,.ve-stage {min-width:0;box-sizing:border-box;}
.ve-top {display:flex;gap:10px;padding:12px 18px;flex-wrap:wrap;flex-shrink:0;}
.ve-identity {flex:1 1 210px;min-width:0;}
.ve-name {display:block;font-size:17px;max-width:100%;}
.ve-draft-link {border:0;background:none;color:var(--marine);cursor:pointer;text-align:left;padding:5px 0;font:inherit;font-size:13px;max-width:100%;overflow-wrap:anywhere;}
.ve-tools {flex-wrap:wrap;gap:8px;}
.ve-top .btn {font-size:13px;padding:9px 14px;min-height:44px;}
.ve-save-status {flex:1 1 100%;min-width:0;font-size:13px;line-height:1.5;}
.ve-save-status:has(.ve-msg:empty) .ve-msg {display:none;}
.ve-top [hidden] {display:none!important;}
.ve-preview-toolbar {display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 16px;background:var(--ecume);border-bottom:1px solid var(--stroke);flex-shrink:0;z-index:2;}
.ve-devices {display:flex;gap:6px;flex-wrap:wrap;}
.ve-devices .btn {min-height:44px;padding:8px 12px;font-size:13px;}
.ve-return {display:none;}
.ve-mobile-extra {display:none!important;}
.ve-workspace.ve-preview-full {bottom:0;}
.ve-body {overflow:hidden;}
.ve-stage {padding:12px;overflow:hidden;touch-action:pan-y;overscroll-behavior-x:none;}
.ve-hint {font-size:13px;max-height:42px;overflow:auto;flex-shrink:0;}
.ve-frame-wrap {position:relative;contain:strict;overflow:clip;isolation:isolate;flex:0 0 auto;box-sizing:content-box;max-width:100%;overscroll-behavior:none;}
.ve-frame-wrap.ve-phone {border-width:3px;border-radius:16px;}
.ve-frame-wrap iframe {position:absolute;left:0;top:0;max-width:none;touch-action:auto;}
.ve-shell.ve-reading .ve-top,.ve-shell.ve-reading .ve-side {display:none!important;}
.ve-shell.ve-reading .ve-return {display:inline-flex;}
.ve-shell.ve-reading .ve-stage {display:flex!important;}
.ve-drafts article {padding:14px 0;border-bottom:1px solid var(--stroke);}
.ve-drafts strong,.ve-drafts small {display:block;margin-bottom:8px;overflow-wrap:anywhere;}
.ve-side [hidden] {display:none!important;}
.ve-panel-head {position:sticky;top:-14px;z-index:3;padding:10px 0 14px;background:var(--sable,#faf7ef);border-bottom:1px solid var(--stroke);margin-bottom:14px;}
.ve-panel-head h2 {font-size:21px;line-height:1.3;margin:12px 0;overflow-wrap:anywhere;}
.ve-panel-head h2:focus {outline:none;}
.ve-panel-head .btn {min-height:44px;}
.ve-panel-navigation {display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.ve-panel-navigation [data-act="panel-back"],.ve-panel-navigation [data-act="panel-forward"] {min-width:44px;font-size:20px;}
@media(min-width:1000px) {.ve-settings-preview {display:none!important;}}
.ve-panel-menu {display:grid;gap:10px;}
.ve-panel-menu>.btn {justify-content:space-between;text-align:left;white-space:normal;min-height:48px;}
.ve-panel-menu>a {display:block;padding:12px 4px;}
.ve-side .ve-group>summary {display:none;}
.ve-side .ve-group {border:0;background:none;border-radius:0;}
.ve-side .ve-gbody {padding:0;}
.ve-section-name {flex:1;min-width:100px;text-align:left;border:0;background:none;color:inherit;font:inherit;font-weight:700;font-size:15px;cursor:pointer;padding:10px 0;}
.saas-taskbar {display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:14px max(14px,calc((100vw - 1180px)/2));background:var(--ecume,#fff);border-bottom:1px solid var(--stroke);}
.saas-taskbar span {font-size:13px;overflow-wrap:anywhere;}
.ve-action-result {padding:16px;border:1px solid var(--stroke);border-radius:14px;margin:16px 0;background:var(--ecume,#fff);}
.ve-action-result p,.ve-destination-value {overflow-wrap:anywhere;line-height:1.6;}
.ve-action-result [data-action-sample] {pointer-events:none;white-space:normal;}
.ve-action-question {font-weight:700;line-height:1.5;margin:18px 0 10px;}
.ve-action-choices,.ve-button-list,.ve-secondary>div {display:grid;gap:8px;}
.ve-action-choices .btn,.ve-button-list .btn,.ve-secondary .btn {min-height:44px;white-space:normal;text-align:left;justify-content:flex-start;}
.ve-action-choices [aria-pressed="true"] {background:var(--lagon,#087f78);color:white;border-color:var(--lagon,#087f78);}
.ve-action-other,.ve-action-extra,.ve-secondary {margin:10px 0;}
.ve-action-other>summary,.ve-action-extra>summary,.ve-secondary>summary {cursor:pointer;padding:12px 0;min-height:44px;box-sizing:border-box;}
.ve-action-fixed {display:flex;align-items:center;gap:10px;min-height:44px;margin-top:14px;cursor:pointer;line-height:1.5;}
.ve-action-fixed input {width:20px;height:20px;flex-shrink:0;}
.ve-remove-action {color:#a62f25;border-color:#d9b2ad;min-height:44px;}
.ve-button-list {margin:12px 0;}
.ve-side [data-section-fields]>details {margin-top:16px;}
.ve-modal input {width:100%;box-sizing:border-box;min-height:44px;font-size:16px;}
.ve-modal .saas-actions {margin-top:12px;}
.ve-modal [data-draft-error] {color:#a62f25;}
@media(min-width:1000px) {
  .ve-shell:not(.ve-reading) .ve-side {display:block!important;width:clamp(330px,29vw,460px);max-width:42vw;flex-shrink:0;}
  .ve-shell:not(.ve-reading) .ve-stage {display:flex!important;}
  .ve-tools [data-act="view-settings"] {display:none;}
  .ve-manage {order:3;}
  .ve-manage>summary {display:block;}
  .ve-manage>div {position:absolute;display:flex;right:0;left:auto;top:calc(100% + 8px);width:290px;padding:14px;box-shadow:var(--shadow);border:1px solid var(--stroke);gap:8px;}
  .ve-manage:not([open])>div {display:none;}
  .ve-manage .ve-quota {display:none;}
  .ve-save-status {order:4;}
}
@media(max-width:999px) {
  .ve-devices {display:flex!important;gap:4px;flex:1 1 auto;}
  .ve-mobile-extra {display:inline-flex!important;}
  .ve-desktop-extra {display:none!important;}
  .ve-shell.ve-reading .ve-hint {display:none;}
  .ve-top {display:flex;padding:8px 12px;gap:6px;}
  .ve-identity {flex:1 1 170px;}
  .ve-manage>summary {font-size:12px;padding:8px;min-height:28px;height:auto;border:1px solid var(--stroke);}
  .ve-tools {flex:1 1 100%;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px;}
  .ve-top .ve-tools .btn {font-size:13px;padding:8px 12px;min-height:44px;}
  .ve-save-status {font-size:12px;}
  .ve-shell:not(.ve-reading)[data-view="preview"] .ve-side {display:none;}
  .ve-shell:not(.ve-reading)[data-view="settings"] .ve-side {display:block;width:100%;max-width:100%;}
  .ve-shell:not(.ve-reading)[data-view="settings"] .ve-stage {display:none;}
  .ve-preview-toolbar {padding:6px 10px;gap:4px 10px;}
  .ve-devices {gap:4px;}
  .ve-devices .btn {font-size:12px;padding:8px 10px;}
  .ve-side {padding:14px 14px 40px;box-sizing:border-box;}
  .ve-hint {font-size:12px;}
  .ve-tools {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));}
  .ve-top .ve-tools .btn {font-size:12px;padding:6px 4px;white-space:normal;justify-content:center;}
  .ve-preview-toolbar {gap:4px 12px;padding:4px 10px;}
  .ve-shell.ve-reading .ve-return {padding:6px 10px;font-size:13px;min-height:44px;}
}
@media(max-width:430px) {
  .ve-tools [data-live-link] {flex-basis:100%;padding:4px;min-height:28px;}
  .ve-devices {width:auto;}
  .ve-devices .btn {justify-content:center;padding:6px 8px;font-size:12px;}
  .ve-name {font-size:15px;}
}
