#gjs{height:100%;background:#0b1220}
    /* Phone chrome mode — round the GrapesJS iframe to match the selected hardware shell */
    #gjs.phone-chrome-active .gjs-frame-wrapper{overflow:hidden !important}
    #gjs.phone-shell-iphone.phone-chrome-active .gjs-frame-wrapper{border-radius:46px !important}
    #gjs.phone-shell-iphone-pro.phone-chrome-active .gjs-frame-wrapper{border-radius:50px !important}
    #gjs.phone-shell-iphone-se.phone-chrome-active .gjs-frame-wrapper{border-radius:36px !important}
    #gjs.phone-shell-ipad.phone-chrome-active .gjs-frame-wrapper{border-radius:16px !important}
    #gjs.phone-shell-pixel.phone-chrome-active .gjs-frame-wrapper{border-radius:24px !important}
    #gjs.phone-shell-galaxy.phone-chrome-active .gjs-frame-wrapper{border-radius:38px !important}
    #gjs.phone-shell-fold.phone-chrome-active .gjs-frame-wrapper{border-radius:22px !important}
    #gjs.phone-shell-tablet.phone-chrome-active .gjs-frame-wrapper{border-radius:18px !important}
    #gjs .gjs-editor{background:#0b1220 !important}
    #gjs .gjs-editor-cont{width:100% !important;right:0 !important}
    #gjs .gjs-one-bg{background:#0b1220 !important}
    #gjs .gjs-two-color{color:#cbd5e1 !important}
    #gjs .gjs-three-bg{background:#13203a !important}
    #gjs .gjs-four-color,#gjs .gjs-four-color-h:hover{color:#f8fafc !important}

.builder-blocks-host{background:linear-gradient(180deg,#0f172a,#111c31);border:1px solid #243041;border-radius:12px;padding:10px}
    .builder-blocks-host .gjs-blocks-c{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:transparent !important;color:#e2e8f0 !important}
    .builder-blocks-host .gjs-block-category{background:#182235 !important;border:1px solid #243041;border-radius:10px;padding:6px;color:#e2e8f0 !important}
    .builder-blocks-host .gjs-block-category + .gjs-block-category{margin-top:10px}
    .builder-blocks-host .gjs-title,.builder-blocks-host .gjs-sm-sector-title,.builder-blocks-host .gjs-block-category .gjs-title{background:#22304a !important;color:#e5e7eb !important;border:1px solid #31425f;border-radius:8px;padding:8px 10px;font-weight:700}
    .builder-blocks-host .gjs-caret-icon{color:#93c5fd}
    .builder-blocks-host .gjs-block{width:auto;min-height:96px;margin:0;border:1px solid #334155 !important;border-radius:10px;background:#111827 !important;color:#e2e8f0 !important;box-shadow:none !important;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;gap:8px;text-align:center}
    .builder-blocks-host .gjs-block:hover{background:#172033 !important}
    .builder-blocks-host .gjs-block-media{display:flex;align-items:center;justify-content:center;min-height:30px;color:#93c5fd}
    .builder-blocks-host .builder-block-icon{width:24px;height:24px;display:block}
    .builder-blocks-host .gjs-block svg{display:block;width:24px;height:24px}
    .builder-blocks-host .gjs-block .fa,
    .builder-blocks-host .gjs-block [class*="fa-"]{font-size:22px;line-height:1;color:#93c5fd}
    .builder-blocks-host .gjs-block .gjs-block-media > *{max-width:100%}
    .builder-blocks-host .gjs-block-label{font-size:12px;line-height:1.35}
    .builder-blocks-host .gjs-one-bg,.builder-blocks-host .gjs-three-bg{background:#111827 !important}
    .builder-blocks-host .gjs-two-color,.builder-blocks-host .gjs-four-color,.builder-blocks-host .gjs-label{color:#e2e8f0 !important}
    .builder-blocks-host .gjs-sm-sector-title,.builder-blocks-host .gjs-title,.builder-blocks-host .gjs-label{color:#e5e7eb !important}
    .component-traits-host{border:1px solid #243041;border-radius:12px;background:#0b1220;padding:10px}
    .component-traits-host .gjs-traits-label{display:none}
    .component-traits-host .gjs-trt-traits{display:grid;gap:10px}
    .component-traits-host .gjs-trt-trait{display:grid;gap:5px;padding:8px;border:1px solid #243041;border-radius:10px;background:#111827}
    .component-traits-host .gjs-label{color:#cbd5e1;font-size:12px;font-weight:700}
    .component-traits-host .gjs-field{background:transparent;border:0}
    .component-traits-host input,
    .component-traits-host select,
    .component-traits-host textarea{width:100%;border-radius:8px;border:1px solid #334155;background:#0b1220;color:#e5e7eb;padding:9px;font-size:12px}
    .component-traits-host input[type="checkbox"]{width:auto}
    .component-traits-host .gjs-field-checkbox{display:flex;align-items:center;gap:8px}
    #gjs .gjs-pn-panels{display:none !important}
    #gjs .gjs-cv-canvas{top:0 !important;right:0 !important;bottom:0 !important;left:0 !important;height:100% !important;background:#0b1220 !important}
    #gjs .gjs-frame-wrapper{left:0 !important;border:0 !important;background:#0b1220 !important;transition:none !important}
    #gjs .gjs-frame{background:#ffffff !important;transition:none !important}
    #gjs:not([class*="builder-device-"]) .gjs-frame-wrapper,
    #gjs.builder-device-desktop .gjs-frame-wrapper,
    #gjs.builder-device-mobile .gjs-frame-wrapper,
    #gjs.builder-device-tablet .gjs-frame-wrapper{top:0 !important;bottom:0 !important;height:100% !important;transform:none !important}
    #gjs.builder-device-mobile-landscape .gjs-frame-wrapper,
    #gjs.builder-device-tablet-landscape .gjs-frame-wrapper{top:50% !important;bottom:auto !important;transform:translateY(-50%) !important}

/* Component Settings polish: keep GrapesJS trait labels readable in the compact right panel. */
.component-traits-host,
.component-traits-host *{box-sizing:border-box}
.component-traits-host .gjs-trt-traits,
.component-traits-host .gjs-traits-c{display:grid!important;gap:10px!important;width:100%!important}
.component-traits-host .gjs-trt-trait,
.component-traits-host .gjs-trait{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;width:100%!important;min-width:0!important;overflow:visible!important}
.component-traits-host .gjs-label-wrp,
.component-traits-host .gjs-label,
.component-traits-host .gjs-trait-label{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;float:none!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;line-height:1.25!important;color:#dbeafe!important;font-size:12px!important;font-weight:800!important;letter-spacing:.01em!important}
.component-traits-host .gjs-field,
.component-traits-host .gjs-field-wrp,
.component-traits-host .gjs-input-holder{display:block!important;width:100%!important;min-width:0!important;max-width:none!important;float:none!important;margin:0!important}
.component-traits-host input,
.component-traits-host select,
.component-traits-host textarea{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important}
.component-traits-host .gjs-field-checkbox{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;width:100%!important}
.component-traits-host .gjs-field-checkbox input{width:auto!important;min-width:16px!important}