#om-builder:not(.ob-editing) #ob-config-toggle,#om-builder:not(.ob-editing) #ob-config-drawer{display:none!important}
#om-builder #ob-config-drawer{display:flex;flex-direction:column;width:320px;height:100dvh!important;max-height:100dvh!important;padding:0!important;overflow:hidden!important;font-size:12px}
#om-builder .ob-drawer-heading{flex:0 0 auto;padding:20px 16px 12px;margin:0}#om-builder .ob-drawer-heading strong{font-size:16px}#om-builder .ob-drawer-heading p{font-size:10px}
#om-builder .ob-drawer-scroll{flex:1 1 0;min-height:0;overflow-y:auto!important;overflow-x:hidden;overscroll-behavior:contain;padding:4px 14px 20px;scrollbar-width:thin;scrollbar-color:#a7becd #f4f7fa;touch-action:pan-y}
#om-builder .ob-drawer-scroll::-webkit-scrollbar{width:6px}#om-builder .ob-drawer-scroll::-webkit-scrollbar-thumb{background:#a7becd;border-radius:6px}
#om-builder .ob-drawer-bottom{flex:0 0 auto;padding:10px 14px 14px;background:white;border-top:1px solid #e8edf2}#om-builder .ob-drawer-bottom>div{display:flex;gap:6px}#om-builder .ob-drawer-bottom button{flex:1;font-size:11px;padding:7px}#om-builder #ob-design-reset{margin:8px 0 0;padding:10px}
#om-builder .ob-settings .ob-tabs{grid-template-columns:repeat(4,1fr);gap:2px;padding:3px}#om-builder .ob-settings .ob-tabs button{font-size:10px;padding:8px 2px;border-radius:7px}
#om-builder .ob-settings [data-panel]{padding:12px;margin-bottom:10px}#om-builder .ob-settings label{font-size:11px;margin-bottom:11px}#om-builder .ob-settings input,#om-builder .ob-settings textarea,#om-builder .ob-settings select{font-size:12px;padding:7px;line-height:1.45;min-height:32px}#om-builder .ob-settings textarea{max-height:150px}#om-builder .ob-settings h3{font-size:12px;margin-bottom:12px}
#om-builder .ob-settings input[type=color]{width:30px;height:30px;min-height:30px;padding:2px;display:inline-block;float:right;margin:0;border-radius:50%}#om-builder .ob-settings label:has(input[type=color]){display:flow-root;line-height:30px}
#om-builder #ob-project-actions{gap:4px;margin-bottom:10px;padding-bottom:10px}#om-builder #ob-project-actions button{font-size:10px;padding:6px}#om-builder .ob-local-note{font-size:10px;line-height:1.5}
#om-builder .ob-site-details,#om-builder .ob-block-card{padding:10px;background:#f4f7fa;border:1px solid #e0e7ef;border-radius:10px;margin:10px 0}#om-builder summary{cursor:pointer;font-weight:600;font-size:11px;margin-bottom:8px}#om-builder .ob-menu-row{border-bottom:1px solid #dbe4ec;padding:8px 0}#om-builder .ob-add-blocks{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0}#om-builder .ob-add-blocks button{font-size:10px;padding:7px}
#om-builder #ob-palettes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:14px}#om-builder #ob-palettes button{display:flex;padding:4px;height:28px;overflow:hidden}#om-builder #ob-palettes span{flex:1;height:18px}#om-builder .ob-brand-assets button{font-size:10px;padding:5px;margin-bottom:10px}
#om-builder.ob-config-open #ob-config-toggle{right:320px}@media(min-width:1000px){#om-builder.ob-config-open #ob-editor{margin-right:320px}}@media(max-width:560px){#om-builder.ob-config-open #ob-config-toggle{right:calc(min(320px,100vw - 24px))}#om-builder .ob-settings input,#om-builder .ob-settings select,#om-builder .ob-settings textarea{font-size:16px}#om-builder .ob-settings label{font-size:11px}}
@media(prefers-reduced-motion:no-preference){#om-builder .ob-template{transition:transform .2s,box-shadow .2s}#om-builder .ob-template:hover{transform:translateY(-5px)}#om-builder .ob-drawer-heading{animation:ob-panel-in .2s ease}@keyframes ob-panel-in{from{opacity:0;translate:8px 0}to{opacity:1;translate:0 0}}}