/* Fotor Photo Editor 1.0.183 — desktop system polish pass */
@media (min-width: 769px) {
  #fotor-root .editor-shell:not(.is-mobile) {
    background: #07090c !important;
    color: #f3f6fa !important;
  }

  /* 1) Desktop left rail + tool shell */
  #fotor-root .editor-shell:not(.is-mobile) .left-rail {
    width: 62px !important;
    flex: 0 0 62px !important;
    padding: 10px 7px !important;
    gap: 8px !important;
    border-right: 1px solid rgba(255,255,255,.055) !important;
    background: #090c10 !important;
    box-shadow: none !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .rail-list { gap: 7px !important; padding: 3px 0 !important; }
  #fotor-root .editor-shell:not(.is-mobile) .rail-toggle,
  #fotor-root .editor-shell:not(.is-mobile) .rail-btn {
    border: 1px solid rgba(255,255,255,.075) !important;
    background: #11151b !important;
    color: rgba(215,222,232,.84) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .rail-toggle {
    width: 42px !important; height: 34px !important; border-radius: 10px !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .rail-btn {
    width: 46px !important; min-width: 46px !important;
    height: 50px !important; min-height: 50px !important;
    border-radius: 12px !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .rail-btn:hover {
    border-color: rgba(255,255,255,.12) !important;
    background: #151a21 !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .rail-btn.active {
    border-color: rgba(74,145,238,.58) !important;
    background: #132239 !important;
    color: #eef5ff !important;
    box-shadow: inset 2px 0 0 #4193ff !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .rail-ico { font-size: 17px !important; }
  #fotor-root .editor-shell:not(.is-mobile) .rail-label {
    display: block !important;
    max-width: 42px !important;
    margin-top: 3px !important;
    color: rgba(172,181,193,.72) !important;
    font-size: 9px !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .rail-btn.active .rail-label { color: #dfeaff !important; }

  #fotor-root .editor-shell:not(.is-mobile) .left-panel {
    width: clamp(330px, 22vw, 404px) !important;
    margin: 10px 10px 10px 0 !important;
    border: 1px solid rgba(255,255,255,.075) !important;
    border-radius: 16px !important;
    background: #0d1015 !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.26) !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .left-panel-header {
    min-height: 64px !important;
    padding: 11px 13px !important;
    border-bottom: 1px solid rgba(255,255,255,.06) !important;
    background: #101319 !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .lp-title-row { gap: 9px !important; }
  #fotor-root .editor-shell:not(.is-mobile) .lp-title {
    color: #f4f7fb !important;
    font-size: 18px !important;
    line-height: 1.15 !important;
    font-weight: 820 !important;
    letter-spacing: -.02em !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .lp-subtitle {
    margin-top: 3px !important;
    color: rgba(153,163,176,.70) !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
    opacity: 1 !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .lp-back,
  #fotor-root .editor-shell:not(.is-mobile) .lp-close,
  #fotor-root .editor-shell:not(.is-mobile) .tour-help-btn {
    width: 32px !important; min-width: 32px !important;
    height: 32px !important; min-height: 32px !important;
    padding: 0 !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 9px !important;
    background: #151920 !important;
    color: rgba(217,224,234,.90) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .lp-back:hover,
  #fotor-root .editor-shell:not(.is-mobile) .lp-close:hover,
  #fotor-root .editor-shell:not(.is-mobile) .tour-help-btn:hover {
    background: #1a2028 !important; border-color: rgba(255,255,255,.13) !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .left-panel-body {
    padding: 12px !important;
    background: #0d1015 !important;
    scrollbar-color: rgba(255,255,255,.14) transparent !important;
  }

  /* 2) Quick actions over canvas: one quiet component family. */
  #fotor-root .editor-shell:not(.is-mobile) .ws-quick-tools {
    top: 14px !important; left: 18px !important; gap: 7px !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .qt-btn {
    min-height: 34px !important;
    padding: 5px 10px 5px 8px !important;
    gap: 7px !important;
    border-radius: 11px !important;
    border: 1px solid rgba(255,255,255,.085) !important;
    background: rgba(13,17,23,.94) !important;
    color: rgba(231,236,243,.92) !important;
    font-size: 11px !important;
    font-weight: 760 !important;
    box-shadow: 0 5px 14px rgba(0,0,0,.20) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .qt-btn:hover:not(:disabled) {
    transform: translateY(-1px) !important;
    background: #151b23 !important;
    border-color: rgba(var(--qt-accent-rgb),.30) !important;
    box-shadow: 0 7px 18px rgba(0,0,0,.24) !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .qt-btn__icon {
    width: 17px !important; min-width: 17px !important; height: 17px !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .qt-btn__icon svg { width: 14px !important; height: 14px !important; }
  #fotor-root .editor-shell:not(.is-mobile) .qt-btn__price {
    padding: 2px 6px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #20252d !important;
    color: rgba(206,213,223,.82) !important;
    font-size: 8.5px !important;
    box-shadow: none !important;
  }

  /* Right workspace toolbar */
  #fotor-root .editor-shell:not(.is-mobile) .ws-top-actions {
    top: 14px !important; right: 14px !important;
    padding: 0 !important; gap: 6px !important;
    border: 0 !important; border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .ws-action {
    width: 36px !important; height: 36px !important;
    border-radius: 11px !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    background: #11161d !important;
    color: rgba(222,229,239,.88) !important;
    box-shadow: 0 5px 14px rgba(0,0,0,.18) !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .ws-action.primary {
    border-color: rgba(70,140,234,.26) !important;
    background: #142033 !important;
    box-shadow: none !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .ws-action.danger { border-color: rgba(255,255,255,.09) !important; }
  #fotor-root .editor-shell:not(.is-mobile) .ws-action:hover:not(:disabled) {
    transform: translateY(-1px) !important;
    background: #182029 !important;
    border-color: rgba(255,255,255,.14) !important;
    box-shadow: 0 7px 18px rgba(0,0,0,.22) !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .ws-action::after { display: none !important; }

  /* 3) Bottom canvas controls: compact icon toolbar. */
  #fotor-root .editor-shell:not(.is-mobile) .ws-float-controls {
    left: 18px !important; bottom: 24px !important;
    gap: 5px !important;
    padding: 6px !important;
    border-radius: 13px !important;
    border: 1px solid rgba(255,255,255,.075) !important;
    background: rgba(11,14,19,.95) !important;
    box-shadow: 0 8px 22px rgba(0,0,0,.25) !important;
    backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .ws-float-controls .fc-btn {
    width: 34px !important; min-width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    display: inline-grid !important; place-items: center !important;
    border-radius: 9px !important;
    border: 1px solid rgba(255,255,255,.075) !important;
    background: #14191f !important;
    color: rgba(218,225,235,.90) !important;
    box-shadow: none !important;
    font-size: 0 !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .ws-float-controls .fc-btn:hover:not(:disabled) {
    background: #1a2028 !important; border-color: rgba(255,255,255,.13) !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .ws-float-controls .fc-btn::after { display: none !important; }
  #fotor-root .editor-shell:not(.is-mobile) .ws-float-controls .fc-btn[data-role="undo"]::before,
  #fotor-root .editor-shell:not(.is-mobile) .ws-float-controls .fc-btn[title="Undo"]::before,
  #fotor-root .editor-shell:not(.is-mobile) .ws-float-controls .fc-btn[title="Back"]::before,
  #fotor-root .editor-shell:not(.is-mobile) .ws-float-controls .fc-btn[data-role="redo"]::before,
  #fotor-root .editor-shell:not(.is-mobile) .ws-float-controls .fc-btn[title="Redo"]::before,
  #fotor-root .editor-shell:not(.is-mobile) .ws-float-controls .fc-btn[title="Forward"]::before {
    content: "" !important;
    width: 16px !important; height: 16px !important;
    background: currentColor !important;
    -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important; mask-position: center !important;
    -webkit-mask-size: contain !important; mask-size: contain !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .ws-float-controls .fc-btn[data-role="undo"]::before,
  #fotor-root .editor-shell:not(.is-mobile) .ws-float-controls .fc-btn[title="Undo"]::before,
  #fotor-root .editor-shell:not(.is-mobile) .ws-float-controls .fc-btn[title="Back"]::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 14 4 9l5-5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 9h9a7 7 0 0 1 7 7v1' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 14 4 9l5-5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 9h9a7 7 0 0 1 7 7v1' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .ws-float-controls .fc-btn[data-role="redo"]::before,
  #fotor-root .editor-shell:not(.is-mobile) .ws-float-controls .fc-btn[title="Redo"]::before,
  #fotor-root .editor-shell:not(.is-mobile) .ws-float-controls .fc-btn[title="Forward"]::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m15 14 5-5-5-5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 9h-9a7 7 0 0 0-7 7v1' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m15 14 5-5-5-5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 9h-9a7 7 0 0 0-7 7v1' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .ws-float-controls .fc-sep {
    height: 20px !important; margin: 0 3px !important; opacity: .18 !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .ws-float-controls .fc-zoom {
    min-width: 48px !important;
    color: rgba(202,210,220,.82) !important;
    font-size: 11px !important;
    font-weight: 680 !important;
  }

  /* Right gallery narrower and cleaner. */
  #fotor-root .editor-shell:not(.is-mobile) .right-gallery {
    width: 92px !important; flex: 0 0 92px !important;
    padding: 10px 8px !important;
    border-left: 1px solid rgba(255,255,255,.05) !important;
    background: #090c10 !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .rg-header { margin-bottom: 9px !important; }
  #fotor-root .editor-shell:not(.is-mobile) .rg-add {
    width: 34px !important; height: 34px !important;
    border-radius: 10px !important;
    border-color: rgba(255,255,255,.08) !important;
    background: #13181f !important;
    box-shadow: none !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .rg-item {
    width: 74px !important; height: 74px !important;
    border-radius: 12px !important;
    border-color: rgba(255,255,255,.08) !important;
    box-shadow: none !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .rg-item.active {
    border-color: rgba(73,145,240,.72) !important;
    box-shadow: 0 0 0 1px rgba(73,145,240,.12) !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .rg-badge {
    right: 5px !important; bottom: 5px !important;
    padding: 2px 5px !important; font-size: 8px !important;
    border: 0 !important; background: rgba(4,7,11,.76) !important; box-shadow: none !important;
  }

  /* 4) Shared desktop header dropdown polish. */
  body.sg-layout-active .sg-nav__dropdown--info_menu,
  body.sg-layout-active .sg-lang-switcher__menu {
    border: 1px solid rgba(255,255,255,.075) !important;
    background: #101318 !important;
    box-shadow: 0 18px 46px rgba(0,0,0,.34) !important;
    backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
  }
  body.sg-layout-active .sg-nav__dropdown--info_menu { padding: 10px !important; border-radius: 14px !important; }
  body.sg-layout-active .sg-nav__dropdown-grid--info_menu { grid-template-columns: minmax(220px,260px) !important; }
  body.sg-layout-active .sg-nav__dropdown--info_menu .sg-nav__group {
    padding: 4px !important; border: 0 !important; border-radius: 0 !important;
    background: transparent !important; box-shadow: none !important;
  }
  body.sg-layout-active .sg-nav__dropdown--info_menu .sg-nav__group-title {
    margin: 4px 8px 7px !important; color: #707985 !important; font-size: 10px !important;
  }
  body.sg-layout-active .sg-nav__dropdown--info_menu .sg-nav__group-list li + li { margin-top: 0 !important; }
  body.sg-layout-active .sg-nav__dropdown--info_menu .sg-nav__sublink {
    padding: 9px 10px !important; border: 0 !important; border-radius: 8px !important;
    color: #aab2bd !important; font-size: 12px !important; background: transparent !important;
  }
  body.sg-layout-active .sg-nav__dropdown--info_menu .sg-nav__sublink:hover {
    color: #f5f7fa !important; background: #181d24 !important; transform: none !important;
  }
  body.sg-layout-active .sg-lang-switcher__toggle {
    min-height: 38px !important; padding: 0 10px !important; gap: 6px !important;
    border-radius: 11px !important; background: transparent !important;
    border-color: transparent !important; box-shadow: none !important;
  }
  body.sg-layout-active .sg-lang-switcher__code {
    min-width: 24px !important; height: 20px !important; padding: 0 !important;
    border-radius: 0 !important; background: transparent !important; font-size: 11px !important;
  }
  body.sg-layout-active .sg-lang-switcher__label { font-size: 12px !important; color: #b6bdc7 !important; }
  body.sg-layout-active .sg-lang-switcher__menu { min-width: 166px !important; padding: 7px !important; border-radius: 13px !important; }
  body.sg-layout-active .sg-lang-switcher__item {
    min-height: 38px !important; padding: 7px 9px !important; border: 0 !important;
    border-radius: 8px !important; gap: 8px !important;
  }
  body.sg-layout-active .sg-lang-switcher__item-code {
    min-width: 24px !important; height: 20px !important; padding: 0 !important;
    border-radius: 0 !important; background: transparent !important; font-size: 10px !important;
  }
  body.sg-layout-active .sg-lang-switcher__item-label { font-size: 12px !important; }
  body.sg-layout-active .sg-lang-switcher__item:hover,
  body.sg-layout-active .sg-lang-switcher__item.is-current { background: #181d24 !important; }

  /* 5) Shared desktop typography / CTA / de-glass baseline. */
  #fotor-root .editor-shell:not(.is-mobile) .left-panel label,
  #fotor-root .editor-shell:not(.is-mobile) .left-panel .control-label,
  #fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-agent__label,
  #fotor-root .editor-shell:not(.is-mobile) .left-panel .format-hint {
    font-size: 11px !important; line-height: 1.3 !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .left-panel p,
  #fotor-root .editor-shell:not(.is-mobile) .left-panel .hint,
  #fotor-root .editor-shell:not(.is-mobile) .left-panel .ai-agent__hint,
  #fotor-root .editor-shell:not(.is-mobile) .left-panel .ref-photo-hint {
    color: rgba(160,169,181,.74) !important;
    font-size: 11px !important; line-height: 1.4 !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .left-panel input,
  #fotor-root .editor-shell:not(.is-mobile) .left-panel select,
  #fotor-root .editor-shell:not(.is-mobile) .left-panel textarea {
    border-color: rgba(255,255,255,.08) !important;
    background: #0a0e13 !important;
    box-shadow: none !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .ai-hair-footer,
  #fotor-root .editor-shell:not(.is-mobile) .mobile-tool-footer,
  #fotor-root .editor-shell:not(.is-mobile) .sg-product-footer {
    border-color: rgba(255,255,255,.06) !important;
    background: #0c1015 !important;
    box-shadow: none !important;
    backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .ai-hair-run,
  #fotor-root .editor-shell:not(.is-mobile) .mobile-apply-btn,
  #fotor-root .editor-shell:not(.is-mobile) .m-ai-apply,
  #fotor-root .editor-shell:not(.is-mobile) .sg-product-run,
  #fotor-root .editor-shell:not(.is-mobile) .ai-agent__run {
    min-height: 42px !important;
    border-radius: 11px !important;
    border: 1px solid rgba(75,145,238,.42) !important;
    background: #2f7df6 !important;
    color: #fff !important;
    box-shadow: none !important;
    text-shadow: none !important;
    font-weight: 800 !important;
  }
  #fotor-root .editor-shell:not(.is-mobile) .ai-hair-run:disabled,
  #fotor-root .editor-shell:not(.is-mobile) .mobile-apply-btn:disabled,
  #fotor-root .editor-shell:not(.is-mobile) .m-ai-apply:disabled,
  #fotor-root .editor-shell:not(.is-mobile) .sg-product-run:disabled,
  #fotor-root .editor-shell:not(.is-mobile) .ai-agent__run:disabled {
    opacity: 1 !important;
    border-color: rgba(255,255,255,.065) !important;
    background: #171b21 !important;
    color: rgba(147,155,166,.60) !important;
  }
}