.visual-stage{position:relative;isolation:isolate}
.visual-board{position:relative;overflow:hidden;background-size:cover;background-position:center;background-color:#131921}
.visual-layer{position:absolute;z-index:5;box-sizing:border-box;min-width:0;line-height:1.25;overflow-wrap:anywhere}
.visual-layer img{display:block;width:100%;height:auto;max-height:none;margin:0;user-select:none}
.visual-layer .layer-text-content{font-size:clamp(12px,calc(var(--layer-font)*.8px),120px);white-space:pre-wrap;line-height:1.25;color:inherit;font-family:inherit}
.visual-image{line-height:0}
.layer-move,.layer-resize,.live-copy-move,.direct-image-button{display:none}
.preview-radio .visual-layer .layer-text-content{font-size:clamp(12px,calc(var(--layer-font)*.8px),120px)}
.preview-radio .visual-layer{outline:1px dashed #ffffff55}
.preview-radio .visual-layer:hover,.preview-radio .visual-layer.selected-layer{outline:2px solid var(--accent)}
.preview-radio .layer-move,.preview-radio .layer-resize,.preview-radio .live-copy-move{display:block;position:absolute;z-index:15;background:#d0f56b;color:#13200f;border:1px solid #142010;border-radius:5px;font-size:18px;padding:3px 7px;line-height:1.2;touch-action:none;cursor:move}
.preview-radio .layer-move{top:0;left:0;transform:translateY(-100%)}
.preview-radio .layer-resize{bottom:0;right:0;transform:translate(30%,30%);cursor:nwse-resize}
.preview-radio .live-copy-move{top:0;left:0;transform:translateY(-100%);font-size:11px}
.preview-radio .direct-image-button{display:block;position:absolute;right:15px;top:15px;z-index:15;background:#121b20ee;color:white;border:1px solid #ffffff70;border-radius:9px;padding:11px 14px;font-size:12px}
.direct-live-note{position:absolute;bottom:0;left:0;right:0;z-index:12;padding:8px 12px;background:#101719df;color:#d7dfdc;font-size:10px;pointer-events:none}
.preview-radio [data-direct-text],.preview-radio .layer-text-content{cursor:text;outline:1px dashed transparent;min-height:1em;white-space:pre-wrap}
.preview-radio [data-direct-text]:hover,.preview-radio [data-direct-text]:focus,.preview-radio .layer-text-content:focus{outline:2px dashed var(--accent);outline-offset:5px}
.direct-editor{grid-template-columns:160px minmax(0,1fr)!important}
.direct-editor>.properties{display:none}
.direct-editor.show-properties{grid-template-columns:160px minmax(0,1fr) 260px!important}
.direct-editor.show-properties>.properties{display:block}
.direct-editor .canvas-area{padding:20px;min-width:0;max-height:none;overflow:visible}
.direct-editor .block-list{max-height:none;overflow:visible;align-self:start;position:sticky;top:95px}
.direct-editor .canvas-window{max-width:none}
.direct-editor .canvas-window.mobile{max-width:390px}
.visual-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:15px 20px;background:#18201e;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;position:sticky;top:0;z-index:30}
.visual-tools>span{font-size:11px;color:#aab8b6}
#visual-element-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:100%;font-size:12px}
#visual-element-tools:empty{display:none}
#visual-element-tools button{padding:7px 10px;border:1px solid #ffffff30;border-radius:6px;background:#222c29;color:white}
#visual-element-tools label{display:flex;align-items:center;gap:8px;margin:0}
#visual-element-tools input[type=color]{width:35px;height:28px;padding:1px}
.direct-editor .editable-block.selected:before{display:none}
.direct-editor .preview-radio .radio-live{position:relative;min-height:600px;display:flex;align-items:flex-end;padding:30px;overflow:hidden}
.direct-editor .preview-radio .radio-live>div:first-child{position:relative;z-index:2;max-width:510px;padding:24px;background:#09101cc7;border-radius:8px}
.direct-editor .preview-radio .radio-live .live-cover{position:absolute;inset:0;width:100%;height:100%;border-radius:0}
.direct-editor .preview-radio .radio-live .live-cover img{width:100%;height:100%;object-fit:cover}
.direct-editor .preview-radio .radio-live .cover-caption,.direct-editor .preview-radio .radio-live .onair-tag{display:none}
.radio-site .radio-live.free-live-text>div:first-child{position:absolute!important;left:var(--text-x);top:var(--text-y);width:45%;max-width:650px;padding:0;background:none;border:0;backdrop-filter:none;z-index:6;color:var(--text-color)}
.radio-site .radio-live.free-live-text h1{font-size:var(--title-size)!important;color:var(--text-color)}
.radio-site .radio-live.free-live-text .description{color:var(--text-color)}
.direct-editor .radio-nav{display:flex;gap:4px;flex-wrap:wrap;font-size:10px}
.direct-editor .radio-nav button{padding:5px;border-radius:4px}
.direct-editor .radio-nav button.active{background:#ffffff20}
@media(max-width:800px){.direct-editor,.direct-editor.show-properties{grid-template-columns:1fr!important}.direct-editor .block-list{display:flex;flex-wrap:wrap;max-height:none;gap:6px;padding:10px}.direct-editor .block-list>.eyebrow{width:100%}.direct-editor .block-item{width:auto;padding:8px}.direct-editor .canvas-area{padding:8px}.direct-editor.show-properties>.properties{max-height:none}.radio-site .radio-live.free-live-text h1{font-size:clamp(20px,6vw,var(--title-size))!important}.visual-tools{padding:12px}.visual-layer .layer-text-content{font-size:clamp(12px,calc(var(--layer-font)*.55px),60px)}}

/* The editor has its own full-width view. Keep the preview header readable
   even when the canvas is narrower than the public page. */
.builder-workspace .preview-radio.easy-events-site .radio-header {
  height:auto!important;
  padding-block:10px!important;
  gap:16px;
}
.builder-workspace .preview-radio.easy-events-site .radio-header .radio-nav {
  gap:4px 14px;
}
.builder-workspace .preview-radio.easy-events-site .radio-header .radio-nav button {
  font-size:16px!important;
}
.builder-workspace .canvas-window.mobile .preview-radio.easy-events-site .radio-header {
  flex-wrap:wrap;
}
.builder-workspace .canvas-window.mobile .preview-radio.easy-events-site .radio-header .radio-nav {
  flex-basis:100%;
  justify-content:flex-start;
}