/* Overlay mockup integration; styling stays outside the channel settings UI. */
.dashboard-overlay-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.sidebar~.main-wrap .dashboard-overlay-tabs{display:none}
.main-wrap:has(.dashboard-overlay-workspace)>.content{max-width:none;padding:0;margin:0}
.sidebar~.main-wrap .dashboard-overlay-workspace>.page-head{display:none}
.sidebar~.main-wrap .overlay-frame-wrap{min-height:240px;border:0;border-radius:0;background:transparent}
.sidebar .overlay-nav-toggle{width:100%;display:flex;justify-content:space-between;border:0;background:transparent;color:var(--ink);padding:12px 13px;font-size:15px;font-weight:600;text-align:left;box-shadow:none}
.sidebar .overlay-nav-toggle:hover{background:var(--soft)}
.sidebar .overlay-nav-toggle.active{color:var(--purple)}
.overlay-nav-toggle svg{transition:transform .2s ease;opacity:.7}
.overlay-nav-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
.sidebar .overlay-submenu{margin:4px 0 8px 13px;padding-left:10px;border-left:1px solid var(--line)}
.sidebar .overlay-submenu[hidden]{display:none}
.sidebar .overlay-submenu a{padding:9px 11px;font-size:14px;margin:2px 0;display:block}
[data-theme=dark] .sidebar .overlay-nav-toggle{background:transparent;color:var(--ink)}
[data-theme=dark] .sidebar .overlay-nav-toggle:hover{background:var(--soft)}
[data-theme=dark] .sidebar .overlay-nav-toggle.active{color:var(--accent-text)}
.dashboard-overlay-tabs button{font-size:15px;padding:10px 16px;background:var(--palette-card,#fff);color:var(--ink);border:1px solid var(--line);border-radius:8px}
.dashboard-overlay-tabs button[aria-pressed=true]{background:var(--soft);color:var(--purple);border-color:var(--purple)}
.overlay-frame-wrap{height:calc(100dvh - 240px);min-height:400px;border:1px solid var(--line);border-radius:12px;background:var(--soft);overflow:hidden}
.overlay-editor-frame{display:block;width:100%;height:100%;border:0;color-scheme:normal}
.overlay-frame-wrap.is-loading .overlay-editor-frame{opacity:0;pointer-events:none}
.overlay-frame-wrap.is-loading{background:var(--palette-bg,#faf9fc)}
.sidebar nav a,.sidebar .sidebar-bottom a,.sidebar .overlay-nav-toggle,.sidebar .overlay-nav-toggle.active{color:#292431}
.sidebar nav a.active{color:#7952ac}
[data-theme=dark] .sidebar nav a,[data-theme=dark] .sidebar .sidebar-bottom a,[data-theme=dark] .sidebar .overlay-nav-toggle,[data-theme=dark] .sidebar .overlay-nav-toggle.active{color:var(--ink)}
[data-theme=dark] .sidebar nav a.active{color:var(--purple)}
.overlay-editor-frame[hidden],.overlay-future[hidden]{display:none}
body.overlay-editor-expanded{overflow:hidden!important}
.overlay-editor-frame.is-expanded{position:fixed;inset:0;width:100vw;height:100dvh;z-index:1000;background:var(--soft)}
.overlay-future{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;padding:32px;text-align:center}
.overlay-future p{max-width:460px;font-size:15px;line-height:1.7;color:var(--muted)}
.lab-standalone{padding:25px;max-width:1600px;margin:auto}.lab-standalone-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.lab-standalone-nav>a{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:600}.lab-standalone-nav img{width:36px;height:40px;object-fit:contain}
@media(max-width:700px){.dashboard-overlay-tabs{gap:6px}.dashboard-overlay-tabs button{padding:9px 11px;font-size:14px}.overlay-frame-wrap{min-height:400px}.lab-standalone{padding:15px}}