#cbc-app-root .cbc-desktop-tools{display:inline-flex;align-items:center;gap:9px}
#cbc-app-root .cbc-mobile-preview-button{display:inline-flex;align-items:center;gap:7px;padding:10px 12px;min-height:42px;border:1px solid #f1c58155;border-radius:11px;background:#2b4448;color:#ffe0b5;font:650 12px/1.3 system-ui;cursor:pointer}
body.cbc-wordpress-page #cbc-app-root .cbc-header{position:sticky;top:0;z-index:60;background:#182b33f5;padding-top:12px;padding-bottom:12px}
body.cbc-native-page .cbc-native-header{position:sticky;top:0;z-index:60;background:#182b33f5}
body.cbc-native-page.admin-bar .cbc-native-header{top:32px}
#cbc-app-root .cbc-mobile-dock{display:none}
#cbc-app-root .cbc-dialog:has(.cbc-mobile-preview){max-width:460px;width:calc(100vw - 24px);padding:16px;max-height:calc(100dvh - 24px)}
#cbc-app-root .cbc-mobile-preview{display:grid;justify-items:center;gap:10px}
#cbc-app-root .cbc-mobile-preview p{font-size:11px;line-height:1.5;color:#c4d0c8}
#cbc-app-root .cbc-mobile-preview iframe{display:block;border:1px solid #e6c69955;border-radius:22px;background:#17222c;width:390px;max-width:100%;height:min(740px,calc(100dvh - 160px))}
.cbc-mobile-editor{margin-top:36px;padding-top:26px;border-top:2px solid #cfddcf}
.cbc-mobile-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.cbc-mobile-editor-grid fieldset{min-width:0;border:1px solid #b7cdbb;border-radius:14px;padding:22px;background:#fffef6}
.cbc-mobile-editor-grid legend{padding:0 8px;color:#24543e;font-size:18px;font-weight:750}
.cbc-mobile-editor-grid label{display:grid;gap:7px;margin:14px 0;font-weight:650;color:#234c3e}
.cbc-mobile-editor-grid input:not([type=checkbox]),.cbc-mobile-editor-grid select{width:100%;max-width:none;min-height:42px;padding:8px 10px;border:1px solid #afc8b7;border-radius:8px;background:white;color:#214338}
.cbc-mobile-editor-grid label:has([type=checkbox]){display:flex;align-items:center;gap:8px}
@media(max-width:767px){
 #cbc-app-root .cbc-desktop-tools{display:none}
 #cbc-app-root .cbc-mobile-dock{position:fixed;left:50%;bottom:0;transform:translateX(-50%);z-index:2000;display:flex;align-items:center;width:100%;max-width:570px;min-height:76px;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));border:1px solid #f0c58d45;border-bottom:0;border-radius:23px 23px 0 0;background:linear-gradient(150deg,#29484cf7,#152e37fc);box-shadow:0 -8px 35px #0005;box-sizing:border-box}
 #cbc-app-root .cbc-mobile-dock.is-compact{max-width:390px}
 #cbc-app-root .cbc-dock-side{display:flex;align-items:center;justify-content:space-around;width:40%;min-width:0}
 #cbc-app-root .cbc-dock-menu-wrap{display:flex;justify-content:center;width:20%;flex-shrink:0}
 #cbc-app-root .cbc-mobile-dock .cbc-dock-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:56px;width:100%;padding:6px 3px;border:0;border-radius:13px;background:transparent;color:#d5e3db;text-align:center;text-decoration:none;font:600 10px/1.25 system-ui;cursor:pointer;overflow-wrap:anywhere}
 #cbc-app-root .cbc-mobile-dock .cbc-dock-item svg{width:22px;height:22px;flex-shrink:0}
 #cbc-app-root .cbc-mobile-dock .cbc-dock-menu{width:56px;min-width:52px;min-height:56px;background:#ffd09a;color:#1e3c3f;box-shadow:0 3px 15px #0002;border:1px solid #ffe3bc}
 #cbc-app-root .cbc-mobile-dock .cbc-dock-chevron{position:absolute;right:6px;top:5px;width:10px;height:10px;color:#edc58d}
 #cbc-app-root .cbc-mobile-dock .cbc-dock-item:focus-visible{outline:2px solid #ffd49e;outline-offset:1px}
 #cbc-app-root .cbc-app .cbc-wrap{padding-bottom:110px}
 body.cbc-native-page .cbc-native-wrap{padding-bottom:120px}
 #cbc-app-root .cbc-jukebox{padding-bottom:120px}
 #cbc-app-root .cbc-dialog:has([data-dock-sheet=true]){position:fixed;inset:auto 0 calc(88px + env(safe-area-inset-bottom,0px));margin:0 auto;max-width:min(540px,calc(100vw - 22px));max-height:calc(100dvh - 140px);border-radius:22px;padding:20px;animation:cbc-sheet-up .18s ease-out}
 #cbc-app-root .cbc-dock-submenu{display:grid;gap:9px;margin-top:15px}
 #cbc-app-root .cbc-dock-submenu a{display:block;padding:15px;border:1px solid #a8c0b633;border-radius:11px;background:#ffffff07;color:#ffe3bc;text-decoration:none;font:600 15px/1.5 system-ui}
 .cbc-mobile-editor-grid{grid-template-columns:minmax(0,1fr)}
}
@keyframes cbc-sheet-up{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){#cbc-app-root .cbc-dialog:has([data-dock-sheet=true]){animation:none}}

@media(min-width:768px){#cbc-app-root .cbc-jukebox-app-nav{position:fixed;top:calc(16px + var(--cbc-toolbar-height,0px));right:20px;z-index:900;display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid #e3c29433;border-radius:14px;background:#182b33f5}}

html.cbc-push-activated body #cbc-app-root .cbc-push-button,
body.cbc-push-activated #cbc-app-root .cbc-push-button{display:none!important}
@media(max-width:767px){
 body.cbc-wordpress-page #cbc-app-root .cbc-header{position:relative;top:auto;min-height:58px;padding:calc(9px + env(safe-area-inset-top,0px)) 10px 6px;border:0;background:transparent!important;box-shadow:none;backdrop-filter:none}
 #cbc-app-root .cbc-header .cbc-brand{display:none!important}
 #cbc-app-root .cbc-header-actions{width:100%;justify-content:flex-end}
 #cbc-app-root .cbc-push-button{min-height:42px;padding:9px 13px;border:1px solid #e3c29466;border-radius:12px;background:#203941e8;color:#fff3df;box-shadow:0 8px 24px #0003}
 html.cbc-push-activated body #cbc-app-root .cbc-header,
 body.cbc-push-activated #cbc-app-root .cbc-header{display:none!important}
}