/* Fotor Photo Editor 1.0.258 — clearer desktop navigation hierarchy. */
@media (min-width: 769px) {
  /* Main AI workflow. */
  #fotor-root .editor-shell:not(.is-mobile) .rail-btn[data-section="agent"]        { order: 10; }
  #fotor-root .editor-shell:not(.is-mobile) .rail-btn[data-section="popular"]      { order: 20; }
  #fotor-root .editor-shell:not(.is-mobile) .rail-btn[data-section="appearance"]   { order: 30; }
  #fotor-root .editor-shell:not(.is-mobile) .rail-btn[data-section="scene"]        { order: 40; }
  #fotor-root .editor-shell:not(.is-mobile) .rail-btn[data-section="effects"]      { order: 50; }
  #fotor-root .editor-shell:not(.is-mobile) .rail-btn[data-section="ai-text-image"] { order: 60; }

  /* Special catalogs. */
  #fotor-root .editor-shell:not(.is-mobile) .rail-btn[data-section="free"]         { order: 70; }
  #fotor-root .editor-shell:not(.is-mobile) .rail-btn[data-section="adult"]        { order: 80; }

  /* Secondary/business and manual controls. */
  #fotor-root .editor-shell:not(.is-mobile) .rail-btn[data-section="sales"]        { order: 90; }
  #fotor-root .editor-shell:not(.is-mobile) .rail-btn[data-section="design"]       { order: 100; }
  #fotor-root .editor-shell:not(.is-mobile) .rail-btn[data-section="adjust"]       { order: 110; }

  /* Air between groups is easier to read than headings in a 74px rail. */
  #fotor-root .editor-shell:not(.is-mobile) .rail-btn[data-section="free"],
  #fotor-root .editor-shell:not(.is-mobile) .rail-btn[data-section="sales"] {
    margin-top: 10px !important;
  }

  #fotor-root .editor-shell:not(.is-mobile) .rail-btn[data-section="free"]::before,
  #fotor-root .editor-shell:not(.is-mobile) .rail-btn[data-section="sales"]::before {
    content: "";
    position: absolute;
    left: 5px;
    right: 5px;
    top: -10px;
    height: 1px;
    border-radius: 999px;
    background: rgba(255,255,255,.09);
    pointer-events: none;
  }
}