.elementor-1255 .elementor-element.elementor-element-1bb2722{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1255 .elementor-element.elementor-element-ff80257{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-1255 .elementor-element.elementor-element-b3de4fe.elementor-element{--align-self:center;}.elementor-1255 .elementor-element.elementor-element-b009957{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-b3de4fe *//* === Stack layout: controls di atas, styles di bawah === */
.igfont-app .grid{
  display: grid;
  grid-template-columns: 1fr !important;    /* satu kolom saja */
  grid-template-areas:
    "controls"
    "styles";                                /* urutannya: atas → bawah */
  gap: 20px;
}

/* Tandai area tiap panel (pakai .elementor-1255 .elementor-element.elementor-element-b3de4fe berdasarkan urutan) */
.igfont-app .grid > section:nth-of-type(1){ grid-area: controls; }
.igfont-app .grid > section:nth-of-type(2){ grid-area: styles; }

/* (Opsional) beri ruang lebih untuk daftar styles ketika full-width */
.igfont-app .styles{
  max-height: none;                          /* biar tidak kepotong scroll internal */
}
<!-- Fix: visible text for <select> (WP themes/light/dark/Safari) -->
<style>
  /* Scope ke app saja */
  .igfont-app select{
    background-color:#ffffff !important;       /* light */
    color:#0f172a !important;
    -webkit-text-fill-color:#0f172a !important;/* Safari */
    border:1px solid #cbd5e1 !important;
    line-height: 1.25 !important;
    min-height: 42px;                           /* biar teks tidak “keiris” */
    padding: 10px 14px !important;
    text-shadow: none !important;               /* cegah “memudar” di beberapa tema */
    opacity: 1 !important;                      /* beberapa UA menurunkan opacity */
  }
  .igfont-app select option{
    background:#ffffff !important;
    color:#0f172a !important;
  }

  /* Dark mode (prefers-color-scheme) */
  @media (prefers-color-scheme: dark){
    .igfont-app select{
      background-color:#0f1117 !important;
      color:#e9eef7 !important;
      -webkit-text-fill-color:#e9eef7 !important;
      border-color:#1d2230 !important;
    }
    .igfont-app select option{
      background:#0f1117 !important;
      color:#e9eef7 !important;
    }
  }

  /* Jika kamu mengaktifkan tombol Toggle Theme yang set atribut data-force-light di <html> */
  :root[data-force-light] .igfont-app select{
    background-color:#ffffff !important;
    color:#0f172a !important;
    -webkit-text-fill-color:#0f172a !important;
    border-color:#cbd5e1 !important;
  }
  :root[data-force-light] .igfont-app select option{
    background:#ffffff !important; color:#0f172a !important;
  }
</style>/* End custom CSS */