/* X-Font Preview — Light theme (flat, black active controls, black text) */

[data-ls-theme="light"] {
	--it-bg: #ECECEC;
	--it-bg-elevated: #FFFFFF;
	--it-panel: #FFFFFF;
	--it-border: rgba(0, 0, 0, 0.08);
	--it-text: #0B0D0F;
	--it-muted: #0B0D0F;
	--it-accent: #0B0D0F;
	--it-accent-hover: #25282c;
	--it-accent-soft: rgba(11, 13, 15, 0.08);
	--it-accent-rgb: 11, 13, 15;
	--it-green: #0B0D0F;
	--ls-text: #0B0D0F;
	--ls-text-dim: #0B0D0F;
	--ls-text-muted: #0B0D0F;
	--ls-neu-raised: 0 1px 2px rgba(0, 0, 0, 0.06);
	--ls-neu-raised-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
	--ls-neu-inset: inset 0 1px 2px rgba(0, 0, 0, 0.05);
	--ls-modal-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
	--ls-dropdown-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
	color-scheme: light;
}

[data-ls-theme="light"] .xfp-app {
	--xfp-accent: #0B0D0F;
	--xfp-accent-hover: #25282c;
	--xfp-accent-dim: #0B0D0F;
	--xfp-accent-rgb: 11, 13, 15;
	--xfp-accent-light: #25282c;
	--xfp-grid-bg: #DFE6F0;
	--xfp-grid-dot: rgba(0, 0, 0, 0.08);
	--xfp-text: #0B0D0F;
	--xfp-muted: #0B0D0F;
	--it-text: #0B0D0F;
	--it-muted: #0B0D0F;
	--ls-accent: #0B0D0F;
	--ls-accent-hover: #25282c;
	--ls-accent-rgb: 11, 13, 15;
	--ls-btn-primary: #0B0D0F;
	--ls-btn-primary-hover: #25282c;
	--ls-btn-primary-text: #FFFFFF;
	--ls-selection-rgb: 11, 13, 15;
	--ls-hover-accent: rgba(11, 13, 15, 0.06);
	--xfp-icon: #0B0D0F;
	--xfp-icon-muted: #0B0D0F;
	--xfp-icon-active-bg: #0B0D0F;
	color: #0B0D0F;
}

[data-ls-theme="light"] html.xfp-desktop,
[data-ls-theme="light"] html.xfp-desktop body {
	background: var(--ls-bg);
	color: #0B0D0F;
}

/* Black text — workspace UI */
[data-ls-theme="light"] .xfp-app .ls-header,
[data-ls-theme="light"] .xfp-app .ls-menubar,
[data-ls-theme="light"] .xfp-app .ls-options-bar,
[data-ls-theme="light"] .xfp-app .fi-workspace-side,
[data-ls-theme="light"] .xfp-app .fi-workspace-props,
[data-ls-theme="light"] .xfp-app .fi-workspace-main,
[data-ls-theme="light"] .xfp-app .fi-workspace-dock,
[data-ls-theme="light"] .xfp-app .fi-font-dock,
[data-ls-theme="light"] .xfp-app .fi-logo-dock,
[data-ls-theme="light"] .xfp-app .xfp-breadcrumb,
[data-ls-theme="light"] .xfp-app .xfp-canvas-header {
	color: #0B0D0F;
}

[data-ls-theme="light"] .xfp-app .fi-layer-item,
[data-ls-theme="light"] .xfp-app .fi-layer-item__name,
[data-ls-theme="light"] .xfp-app .fi-layers-section__title,
[data-ls-theme="light"] .xfp-app .fi-props-panel,
[data-ls-theme="light"] .xfp-app .fi-props-empty,
[data-ls-theme="light"] .xfp-app .fi-props-empty p,
[data-ls-theme="light"] .xfp-app .fi-props-group__label,
[data-ls-theme="light"] .xfp-app .fi-props-field__label,
[data-ls-theme="light"] .xfp-app .fi-bg-panel__tab,
[data-ls-theme="light"] .xfp-app .fi-segmented__btn:not(.is-active),
[data-ls-theme="light"] .xfp-app .ls-panel__hint,
[data-ls-theme="light"] .xfp-app .ls-field__label,
[data-ls-theme="light"] .xfp-app .fi-typography-dock__label,
[data-ls-theme="light"] .xfp-app .fi-color-palette__title,
[data-ls-theme="light"] .xfp-app .fi-export-panel__label,
[data-ls-theme="light"] .xfp-app .fi-path-shape-bar__lbl,
[data-ls-theme="light"] .xfp-app .xfp-brand__name,
[data-ls-theme="light"] .xfp-app .ls-brand__name,
[data-ls-theme="light"] .xfp-app .ls-menubar__item,
[data-ls-theme="light"] .xfp-app .ls-menubar__trigger,
[data-ls-theme="light"] .xfp-app .fi-artboard-frame__title,
[data-ls-theme="light"] .xfp-app .fi-artboard-panel__toggle,
[data-ls-theme="light"] .xfp-app .fi-canvas-toolbar__btn:not(.is-active),
[data-ls-theme="light"] .xfp-app .fi-doc-tab,
[data-ls-theme="light"] .xfp-app .fi-doc-tab__label {
	color: #0B0D0F;
}

[data-ls-theme="light"] .xfp-app .ls-brand__logo,
[data-ls-theme="light"] .xfp-app .xfp-brand__logo {
	filter: brightness(0);
}

[data-ls-theme="light"] .xfp-app .fi-layer-item__meta,
[data-ls-theme="light"] .xfp-app .ls-panel__hint,
[data-ls-theme="light"] .xfp-app .xfp-breadcrumb,
[data-ls-theme="light"] .xfp-app .fi-props-field__hint,
[data-ls-theme="light"] .xfp-app .ls-brand__beta,
[data-ls-theme="light"] .xfp-app .fi-artboard-frame__close {
	color: #0B0D0F;
}

[data-ls-theme="light"] .xfp-app .xfp-breadcrumb__item--current,
[data-ls-theme="light"] .xfp-app .fi-doc-tab.is-active .fi-doc-tab__label {
	color: #0B0D0F;
}

/* Header + menubar */
[data-ls-theme="light"] .xfp-app .ls-header {
	background: var(--ls-header-bg);
	border-bottom: 1px solid var(--ls-border-soft);
	box-shadow: none;
}

[data-ls-theme="light"] .ls-menubar__trigger:hover,
[data-ls-theme="light"] .ls-menubar__root.is-open .ls-menubar__trigger {
	color: var(--ls-accent);
	background: var(--ls-hover-accent);
}

[data-ls-theme="light"] .ls-menubar__menu {
	border: 1px solid var(--ls-border-soft);
	border-radius: 12px;
	background: var(--ls-bg-panel);
	box-shadow: var(--ls-dropdown-shadow);
}

[data-ls-theme="light"] html.xfp-desktop .ls-window-controls__btn {
	color: #0B0D0F;
}

[data-ls-theme="light"] html.xfp-desktop .ls-window-controls__btn:hover {
	color: #0B0D0F;
	background: var(--ls-hover);
}

/* Panels — flat, no glow */
[data-ls-theme="light"] html.xfp-desktop .fi-workspace-side,
[data-ls-theme="light"] html.xfp-desktop .fi-workspace-props {
	border: 1px solid var(--ls-border-soft);
	border-radius: 12px;
	background: var(--ls-bg-panel);
	box-shadow: none;
}

[data-ls-theme="light"] .fi-canvas-stage {
	border: 1px solid var(--ls-border-soft);
	border-radius: 12px;
	background: transparent;
	box-shadow: none;
}

[data-ls-theme="light"] .fi-font-dock,
[data-ls-theme="light"] .fi-logo-dock {
	border: 1px solid var(--ls-border-soft);
	border-radius: 12px;
	background: var(--ls-bg-panel);
	box-shadow: none;
}

[data-ls-theme="light"] .fi-artboard-frame__header {
	background: var(--ls-bg-panel);
	border: none;
	border-bottom: 1px solid var(--ls-border-soft);
	border-radius: 0;
	box-shadow: none;
}

[data-ls-theme="light"] .fi-artboard-frame.is-active .fi-artboard-frame__header {
	background: var(--ls-bg-panel);
	box-shadow: none;
}

[data-ls-theme="light"] .fi-artboard-frame.is-active .fi-artboard-frame__title {
	color: var(--ls-accent);
}

[data-ls-theme="light"] .fi-artboard-frame.is-active .fi-canvas,
[data-ls-theme="light"] .fi-artboard-frame:not(.is-active) .fi-canvas {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	border-radius: 0;
}

[data-ls-theme="light"] .fi-artboard-frame.is-active .fi-canvas {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	border: none;
}

[data-ls-theme="light"] .fi-artboard-frame__close:hover {
	color: var(--ls-accent);
	background: var(--ls-hover-accent);
}

[data-ls-theme="light"] .fi-artboard-panel__inner,
[data-ls-theme="light"] .fi-artboard-dock .fi-artboard-panel__inner {
	border: 1px solid var(--ls-border-soft);
	border-radius: 12px;
	background: var(--ls-bg-panel);
	box-shadow: none;
}

[data-ls-theme="light"] .fi-artboard-item.is-active {
	border-color: rgba(var(--ls-accent-rgb), 0.35);
	background: rgba(var(--ls-accent-rgb), 0.08);
	box-shadow: none;
}

/* Buttons — no glow */
[data-ls-theme="light"] .ls-btn--primary {
	border: none;
	border-radius: 8px;
	background: var(--ls-btn-primary);
	box-shadow: none;
	color: #fff;
}

[data-ls-theme="light"] .ls-btn--ghost {
	border-radius: 8px;
	border: 1px solid var(--ls-border-soft);
	background: var(--ls-bg-panel);
	box-shadow: none;
	color: #0B0D0F;
}

[data-ls-theme="light"] .ls-btn--ghost:hover:not(:disabled) {
	border-color: rgba(var(--ls-accent-rgb), 0.3);
	color: var(--ls-accent);
	background: var(--ls-hover-accent);
}

/* Modals */
[data-ls-theme="light"] .ls-modal {
	border: 1px solid var(--ls-border-soft);
	border-radius: 16px;
	background: var(--ls-bg-panel);
	box-shadow: var(--ls-modal-shadow);
	color: #0B0D0F;
}

[data-ls-theme="light"] .ls-modal__title,
[data-ls-theme="light"] .ls-appearance__label,
[data-ls-theme="light"] .ls-color-theme__name {
	color: #0B0D0F;
}

[data-ls-theme="light"] .ls-color-theme__option.is-active,
[data-ls-theme="light"] .ls-color-theme__option[aria-checked="true"] {
	border-color: rgba(var(--ls-accent-rgb), 0.45);
	box-shadow: none;
}

[data-ls-theme="light"] .xfp-help-modal__dialog {
	border: 1px solid var(--ls-border-soft);
	border-radius: 16px;
	background: var(--ls-bg-panel);
	box-shadow: var(--ls-modal-shadow);
}

[data-ls-theme="light"] .xfp-help-modal__title,
[data-ls-theme="light"] .xfp-help-modal__lead,
[data-ls-theme="light"] .xfp-help-modal__meta,
[data-ls-theme="light"] .xfp-help-modal__copy,
[data-ls-theme="light"] .xfp-shortcuts-list__row dt,
[data-ls-theme="light"] .xfp-shortcuts-list__row dd {
	color: #0B0D0F;
}

[data-ls-theme="light"] .xfp-help-modal__head {
	border-bottom-color: var(--ls-border-soft);
}

/* Inputs + tabs */
[data-ls-theme="light"] html.xfp-desktop .fi-workspace-props select,
[data-ls-theme="light"] html.xfp-desktop .fi-workspace-props input[type="text"],
[data-ls-theme="light"] html.xfp-desktop .fi-workspace-props input[type="number"],
[data-ls-theme="light"] .ls-field__input {
	border: 1px solid var(--ls-border-soft);
	border-radius: 8px;
	background: var(--ls-bg-input);
	box-shadow: none;
	color: #0B0D0F;
}

[data-ls-theme="light"] .xfp-app .ls-segment__btn.is-active,
[data-ls-theme="light"] .xfp-app .fi-segmented__btn.is-active,
[data-ls-theme="light"] .xfp-app .ls-options-bar__btn--tool.is-active,
[data-ls-theme="light"] .xfp-app .ls-options-bar__tool.is-open .ls-options-bar__btn--tool,
[data-ls-theme="light"] .xfp-app .ls-options-bar__flyout-btn.is-active,
[data-ls-theme="light"] .xfp-app .fi-canvas-toolbar__btn.is-active,
[data-ls-theme="light"] .xfp-app .fi-canvas-toolbar__shape.is-active .fi-canvas-toolbar__btn,
[data-ls-theme="light"] .xfp-app .fi-typo-segment__btn.is-active {
	background: #0B0D0F;
	color: #FFFFFF;
	box-shadow: none;
	border-color: #0B0D0F;
}

[data-ls-theme="light"] .ls-options-bar {
	border-bottom-color: var(--ls-border-soft);
	box-shadow: none;
}

[data-ls-theme="light"] .fi-layer-item.is-selected,
[data-ls-theme="light"] .fi-layers-list .fi-layer-item.is-active {
	background: rgba(var(--ls-accent-rgb), 0.08);
	box-shadow: inset 3px 0 0 var(--ls-accent);
}

[data-ls-theme="light"] .fi-canvas-toolbar-dock .fi-canvas-toolbar {
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

[data-ls-theme="light"] .xfp-welcome-modal__dialog,
[data-ls-theme="light"] .xfp-canvas-modal__dialog,
[data-ls-theme="light"] .fi-new-doc__dialog {
	border: 1px solid var(--ls-border-soft);
	border-radius: 16px;
	background: var(--ls-bg-panel);
	box-shadow: var(--ls-modal-shadow);
	color: #0B0D0F;
}

[data-ls-theme="light"] .xfp-canvas-modal__title,
[data-ls-theme="light"] .xfp-canvas-modal__subtitle,
[data-ls-theme="light"] .xfp-canvas-modal__col-title,
[data-ls-theme="light"] .xfp-canvas-modal__drop-label,
[data-ls-theme="light"] .xfp-canvas-modal__drop-hint,
[data-ls-theme="light"] .xfp-canvas-modal__custom-hint,
[data-ls-theme="light"] .xfp-canvas-modal__custom-label,
[data-ls-theme="light"] .xfp-canvas-modal__custom-sep,
[data-ls-theme="light"] .xfp-canvas-modal__custom-unit,
[data-ls-theme="light"] .fi-mp-card__name,
[data-ls-theme="light"] .fi-mp-card__meta {
	color: #0B0D0F;
}

[data-ls-theme="light"] .xfp-canvas-modal__subtitle,
[data-ls-theme="light"] .xfp-canvas-modal__col-title,
[data-ls-theme="light"] .xfp-canvas-modal__drop-hint,
[data-ls-theme="light"] .xfp-canvas-modal__custom-hint,
[data-ls-theme="light"] .fi-mp-card__meta {
	color: rgba(11, 13, 15, 0.62);
}

[data-ls-theme="light"] .xfp-welcome-modal__choice,
[data-ls-theme="light"] .fi-new-doc__preset {
	border: 1px solid var(--ls-border-soft);
	border-radius: 12px;
	background: var(--ls-bg-panel-2);
	box-shadow: none;
	color: #0B0D0F;
}

[data-ls-theme="light"] .xfp-welcome-modal__choice:hover,
[data-ls-theme="light"] .fi-new-doc__preset:hover,
[data-ls-theme="light"] .fi-new-doc__preset.is-selected {
	border-color: rgba(var(--ls-accent-rgb), 0.4);
	box-shadow: none;
}

/* Remove canvas / transform glow in light mode */
[data-ls-theme="light"] .fi-artboard-frame.is-active .fi-canvas,
[data-ls-theme="light"] .fi-canvas-transform:not(.is-hidden) .fi-canvas-transform__frame {
	box-shadow: none;
}

[data-ls-theme="light"] .fi-canvas-transform:not(.is-hidden) .fi-canvas-transform__frame {
	outline: none;
	border-color: var(--fi-transform-cyan, #40c4ff);
}

/* Welcome + new file modals — black text, flat panels */
[data-ls-theme="light"] .xfp-welcome-modal__nav {
	background: var(--ls-bg-panel);
}

[data-ls-theme="light"] .xfp-welcome-modal__greeting,
[data-ls-theme="light"] .xfp-welcome-modal__action,
[data-ls-theme="light"] .xfp-welcome-modal__action-label {
	color: #0B0D0F;
}

[data-ls-theme="light"] .xfp-welcome-modal__action-icon {
	color: #0B0D0F;
}

[data-ls-theme="light"] .xfp-welcome-modal__action:hover,
[data-ls-theme="light"] .xfp-welcome-modal__action:focus-visible,
[data-ls-theme="light"] .xfp-welcome-modal__action:hover .xfp-welcome-modal__action-icon,
[data-ls-theme="light"] .xfp-welcome-modal__action:focus-visible .xfp-welcome-modal__action-icon {
	color: var(--ls-accent);
}

[data-ls-theme="light"] .xfp-welcome-modal__close {
	color: #0B0D0F;
}

[data-ls-theme="light"] .xfp-welcome-modal__close:hover {
	color: #0B0D0F;
	background: var(--ls-hover);
}

[data-ls-theme="light"] .fi-new-doc__title,
[data-ls-theme="light"] .fi-new-doc__subtitle,
[data-ls-theme="light"] .fi-new-doc__field label,
[data-ls-theme="light"] .xfp-canvas-modal__title,
[data-ls-theme="light"] .xfp-canvas-modal__lead {
	color: #0B0D0F;
}

/* Sidebar rail — Text panel */
[data-ls-theme="light"] .xfp-app .xf-overview-flyout__title {
	color: #0B0D0F;
}

[data-ls-theme="light"] .xfp-app .fi-text-panel__head {
	border-bottom-color: rgba(0, 0, 0, 0.08);
}

[data-ls-theme="light"] .xfp-app .fi-text-panel__title,
[data-ls-theme="light"] .xfp-app .fi-text-panel__toggle-label,
[data-ls-theme="light"] .xfp-app .fi-text-panel__field-label,
[data-ls-theme="light"] .xfp-app .fi-text-panel__layer-name {
	color: #0B0D0F;
}

[data-ls-theme="light"] .xfp-app .fi-text-panel__title-icon {
	color: #0B0D0F;
}

[data-ls-theme="light"] .xfp-app .fi-text-panel__section-title,
[data-ls-theme="light"] .xfp-app .fi-text-panel__empty,
[data-ls-theme="light"] .xfp-app .fi-text-panel__soon-label {
	color: #0B0D0F;
}

[data-ls-theme="light"] .xfp-app .fi-text-panel__layer {
	border-color: rgba(0, 0, 0, 0.08);
	background: rgba(0, 0, 0, 0.03);
}

[data-ls-theme="light"] .xfp-app .fi-text-panel__layer.is-selected {
	border-color: rgba(var(--ls-accent-rgb), 0.45);
	background: rgba(var(--ls-accent-rgb), 0.08);
	box-shadow: none;
}

[data-ls-theme="light"] .xfp-app .fi-text-panel__layer-btn {
	color: #0B0D0F;
}

[data-ls-theme="light"] .xfp-app .fi-text-panel__layer-btn:hover {
	background: rgba(0, 0, 0, 0.06);
	color: #0B0D0F;
}

[data-ls-theme="light"] .xfp-app .fi-text-panel__layer-btn.is-active {
	background: #0B0D0F;
	color: #FFFFFF;
}

[data-ls-theme="light"] .xfp-app .fi-text-panel__field-input {
	border-color: rgba(0, 0, 0, 0.1);
	background: rgba(0, 0, 0, 0.04);
	color: #0B0D0F;
}

[data-ls-theme="light"] .xfp-app .fi-text-panel__soon {
	border-color: rgba(0, 0, 0, 0.1);
	background: rgba(0, 0, 0, 0.03);
}

[data-ls-theme="light"] .xfp-app .fi-text-panel__toggle {
	background: rgba(0, 0, 0, 0.12);
}

[data-ls-theme="light"] .xfp-app .fi-text-panel__footer {
	border-top-color: rgba(0, 0, 0, 0.08);
}

[data-ls-theme="light"] .xfp-app .fi-track-slider__label,
[data-ls-theme="light"] .xfp-app .fi-track-slider__value {
	color: #0B0D0F;
}

[data-ls-theme="light"] .xfp-app .fi-track-slider__shell {
	background: rgba(0, 0, 0, 0.05);
}

[data-ls-theme="light"] .xfp-app .fi-track-slider__shell:hover {
	background: rgba(0, 0, 0, 0.07);
}

[data-ls-theme="light"] .xfp-app .fi-track-slider__fill {
	background: rgba(var(--ls-accent-rgb), 0.12);
}

[data-ls-theme="light"] .xfp-app .fi-track-slider__thumb {
	background: #94a3b8;
}

[data-ls-theme="light"] .xfp-app .fi-track-slider__shell:hover .fi-track-slider__thumb {
	background: #64748b;
}

[data-ls-theme="light"] .xfp-app .fi-track-slider__shell.is-dragging .fi-track-slider__thumb {
	background: var(--ls-accent);
}

[data-ls-theme="light"] .xfp-app .fi-track-slider__ticks span {
	background: rgba(0, 0, 0, 0.12);
}

[data-ls-theme="light"] .xfp-app .fi-typo-segment {
	border-color: rgba(0, 0, 0, 0.1);
	background: rgba(0, 0, 0, 0.04);
}

[data-ls-theme="light"] .xfp-app .fi-typo-segment__btn {
	color: #0B0D0F;
}

[data-ls-theme="light"] .xfp-app .fi-typo-segment__btn:hover {
	color: #0B0D0F;
	background: rgba(0, 0, 0, 0.06);
}

[data-ls-theme="light"] .xfp-app .xf-overview-rail__btn {
	color: #0B0D0F;
}

[data-ls-theme="light"] .xfp-app .xf-overview-rail__btn:hover {
	color: #0B0D0F;
	background: rgba(0, 0, 0, 0.05);
}

[data-ls-theme="light"] .xfp-app .xf-overview-rail__btn.is-active,
[data-ls-theme="light"] .xfp-app .xf-overview-rail__btn--accent,
[data-ls-theme="light"] .xfp-app .xf-overview-rail__btn--accent:hover {
	color: #FFFFFF;
}

[data-ls-theme="light"] .xfp-app .xf-overview-rail__btn.is-active,
[data-ls-theme="light"] .xfp-app .xf-overview-rail__btn--accent {
	background: #0B0D0F;
}

[data-ls-theme="light"] .xfp-app .xf-overview-rail__btn-label {
	color: inherit;
}

/* Icons — black in light theme */
[data-ls-theme="light"] .xfp-app .ls-options-bar__btn:not(.is-active),
[data-ls-theme="light"] .xfp-app .ls-options-bar__chev,
[data-ls-theme="light"] .xfp-app .fi-canvas-toolbar__btn:not(.is-active),
[data-ls-theme="light"] .xfp-app .fi-canvas-toolbar__chev,
[data-ls-theme="light"] .xfp-app .fi-layers-section__tool,
[data-ls-theme="light"] .xfp-app .fi-layers-item__btn,
[data-ls-theme="light"] .xfp-app .fi-layers-item__eye,
[data-ls-theme="light"] .xfp-app .fi-layers-group__toggle,
[data-ls-theme="light"] .xfp-app .fi-align__btn,
[data-ls-theme="light"] .xfp-app .fi-align__rotate90,
[data-ls-theme="light"] .xfp-app .fi-align__prefix--icon,
[data-ls-theme="light"] .xfp-app .fi-palette-stepper__btn,
[data-ls-theme="light"] .xfp-app .fi-text-fmt-bar__btn:not(.is-active),
[data-ls-theme="light"] .xfp-app .fi-image-bar__btn,
[data-ls-theme="light"] .xfp-app .fi-export__close,
[data-ls-theme="light"] .xfp-app .fi-artboard-panel__toggle,
[data-ls-theme="light"] .xfp-app .fi-doc-tab__close,
[data-ls-theme="light"] .xfp-app .fi-bg-dial-presets__btn:not(.is-active),
[data-ls-theme="light"] .xfp-app .fi-bg-type-toggle__btn:not(.is-active),
[data-ls-theme="light"] .xfp-app .fi-assets-gallery-wrap .fi-assets-mirror__btn:not(.is-active),
[data-ls-theme="light"] .xfp-app .fi-fx-panel__title-icon,
[data-ls-theme="light"] .xfp-app .fi-text-panel__title-icon,
[data-ls-theme="light"] .xfp-app .fi-shape-tool-menu__icon,
[data-ls-theme="light"] .xfp-app .fi-preview-modes__btn:not(.is-active),
[data-ls-theme="light"] .xfp-app .fi-path-shape-bar__icon,
[data-ls-theme="light"] .xfp-app .fi-upload-panel__icon,
[data-ls-theme="light"] .xfp-app .fi-canvas-upload__icon-wrap,
[data-ls-theme="light"] .xfp-app .fi-canvas-loading__icon,
[data-ls-theme="light"] .xfp-app .fi-export__trigger .fi-export__icon,
[data-ls-theme="light"] .xfp-app .ls-brand__btn {
	color: var(--xfp-icon-muted);
}

[data-ls-theme="light"] .xfp-app .ls-options-bar__btn:hover:not(:disabled):not(.is-active),
[data-ls-theme="light"] .xfp-app .ls-options-bar__chev:hover,
[data-ls-theme="light"] .xfp-app .fi-canvas-toolbar__btn:hover:not(.is-active),
[data-ls-theme="light"] .xfp-app .fi-canvas-toolbar__chev:hover,
[data-ls-theme="light"] .xfp-app .fi-layers-section__tool:hover:not(:disabled),
[data-ls-theme="light"] .xfp-app .fi-layers-item__btn:hover,
[data-ls-theme="light"] .xfp-app .fi-layers-item__eye:hover,
[data-ls-theme="light"] .xfp-app .fi-layers-group__toggle:hover,
[data-ls-theme="light"] .xfp-app .fi-align__btn:hover:not(:disabled),
[data-ls-theme="light"] .xfp-app .fi-align__rotate90:hover:not(:disabled),
[data-ls-theme="light"] .xfp-app .fi-palette-stepper__btn:hover:not(:disabled),
[data-ls-theme="light"] .xfp-app .fi-text-fmt-bar__btn:hover:not(.is-active),
[data-ls-theme="light"] .xfp-app .fi-image-bar__btn:hover:not(:disabled),
[data-ls-theme="light"] .xfp-app .fi-export__close:hover,
[data-ls-theme="light"] .xfp-app .fi-bg-dial-presets__btn:hover:not(.is-active),
[data-ls-theme="light"] .xfp-app .fi-assets-gallery-wrap .fi-assets-mirror__btn:hover:not(.is-active) {
	color: var(--xfp-icon);
}

[data-ls-theme="light"] .xfp-app .fi-canvas-toolbar__btn.is-active:hover,
[data-ls-theme="light"] .xfp-app .ls-options-bar__btn--tool.is-active:hover {
	background: #25282c;
	color: #FFFFFF;
}

[data-ls-theme="light"] .xfp-app .fi-canvas-toolbar__shape.is-active {
	background: transparent;
	box-shadow: none;
}

[data-ls-theme="light"] .xfp-app .fi-canvas-toolbar__shape.is-active:hover {
	background: transparent;
}

[data-ls-theme="light"] .xfp-app .fi-canvas-toolbar__shape.is-active .fi-canvas-toolbar__chev {
	color: #ffffff;
	border-color: #111111;
	background: #111111;
}

[data-ls-theme="light"] .xfp-app .fi-layers-item__btn.is-active,
[data-ls-theme="light"] .xfp-app .fi-assets-gallery-wrap .fi-assets-mirror__btn.is-active,
[data-ls-theme="light"] .xfp-app .fi-bg-dial-presets__btn.is-active,
[data-ls-theme="light"] .xfp-app .fi-bg-type-toggle__btn.is-active,
[data-ls-theme="light"] .xfp-app .fi-text-fmt-bar__btn.is-active,
[data-ls-theme="light"] .xfp-app .fi-preview-modes__btn.is-active,
[data-ls-theme="light"] .xfp-app .fi-shape-tool-menu__item.is-active,
[data-ls-theme="light"] .xfp-app .fi-shape-tool-menu__item.is-active .fi-shape-tool-menu__icon {
	color: #FFFFFF;
	background: #0B0D0F;
}

[data-ls-theme="light"] .xfp-app .fi-bg-dial-presets__btn.is-active {
	border-color: #0B0D0F;
}

[data-ls-theme="light"] .xfp-app .fi-assets-gallery-wrap .fi-assets-mirror__btn.is-active {
	border-color: #0B0D0F;
	background: #0B0D0F;
}

[data-ls-theme="light"] .xfp-app .ls-btn--primary,
[data-ls-theme="light"] .xfp-app .ls-btn--primary svg,
[data-ls-theme="light"] .xfp-app .fi-text-panel__add,
[data-ls-theme="light"] .xfp-app .fi-text-panel__add svg {
	color: #fff;
}

/* Background panel tabs — override dark-theme white active styles */
[data-ls-theme="light"] .xfp-app .fi-bg-panel__tabs {
	background: rgba(0, 0, 0, 0.04);
}

[data-ls-theme="light"] .xfp-app .fi-bg-panel__tab.is-active {
	background: #0B0D0F;
	color: #FFFFFF;
}

/* Layout Studio shared active controls inside X-FONT */
[data-ls-theme="light"] .xfp-app .ls-shape-tool-menu__item.is-active,
[data-ls-theme="light"] .xfp-app .ls-options-bar__tool-item.is-active,
[data-ls-theme="light"] .xfp-app .ls-sidebar__nav.is-active,
[data-ls-theme="light"] .xfp-app .ls-remix__engine-btn.is-active,
[data-ls-theme="light"] .xfp-app .ls-fi-tabs__btn.is-active,
[data-ls-theme="light"] .xfp-app .ls-fi-section-tabs__btn.is-active,
[data-ls-theme="light"] .xfp-app .ls-assets-library__tab.is-active,
[data-ls-theme="light"] .xfp-app .ls-assets-panel__tab.is-active {
	color: #FFFFFF;
	background: #0B0D0F;
	box-shadow: none;
}

[data-ls-theme="light"] .xfp-app .ls-shape-tool-menu__item.is-active .ls-shape-tool-menu__icon {
	color: #FFFFFF;
}

[data-ls-theme="light"] .xfp-app .fi-grid-overlay {
	border-color: rgba(0, 0, 0, 0.08);
	background: rgba(0, 0, 0, 0.03);
}

[data-ls-theme="light"] .xfp-app .fi-grid-overlay__title {
	color: #0B0D0F;
}

[data-ls-theme="light"] .xfp-app .ls-options-bar__btn--tool.is-active svg,
[data-ls-theme="light"] .xfp-app .fi-canvas-toolbar__btn.is-active svg,
[data-ls-theme="light"] .xfp-app .xf-overview-rail__btn.is-active svg,
[data-ls-theme="light"] .xfp-app .xf-overview-rail__btn--accent svg {
	color: #FFFFFF;
}

[data-ls-theme="light"] .fi-artboard-nav {
	border-color: rgba(0, 0, 0, 0.1);
	background: rgba(255, 255, 255, 0.92);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

[data-ls-theme="light"] .fi-artboard-nav__btn {
	border-color: rgba(0, 0, 0, 0.1);
	background: #0B0D0F;
	color: #FFFFFF;
}

[data-ls-theme="light"] .fi-artboard-nav__btn:hover:not(:disabled),
[data-ls-theme="light"] .fi-artboard-nav__btn:focus-visible:not(:disabled) {
	background: #25282c;
	border-color: #25282c;
}

[data-ls-theme="light"] .fi-artboard-nav__index {
	color: #0B0D0F;
}

[data-ls-theme="light"] .fi-canvas-toolbar__inner {
	border-color: #e6e6e6;
	background: #ffffff;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04);
}

[data-ls-theme="light"] .xfp-app .fi-canvas-toolbar__btn:not(.is-active),
[data-ls-theme="light"] .xfp-app .fi-canvas-toolbar__brand {
	background: #ffffff;
	border-color: #e2e2e2;
	color: #1a1a1a;
}

[data-ls-theme="light"] .xfp-app .fi-canvas-toolbar__btn:hover:not(.is-active),
[data-ls-theme="light"] .xfp-app .fi-canvas-toolbar__brand:hover {
	background: #f5f5f5;
	border-color: #d4d4d4;
	color: #111111;
}

[data-ls-theme="light"] .fi-canvas-toolbar__sep,
[data-ls-theme="light"] .fi-canvas-toolbar__grip span {
	background: #cfcfcf;
}