:root {
  --cyzx-bg: #ffffff;
  --cyzx-surface: #ffffff;
  --cyzx-surface-soft: #f6fbfb;
  --cyzx-muted: #e8eff0;
  --cyzx-border: rgba(17, 24, 39, 0.18);
  --cyzx-border-strong: #111827;
  --cyzx-text: #111827;
  --cyzx-text-muted: #64748b;
  --cyzx-primary: #111827;
  --cyzx-primary-soft: #273142;
  --cyzx-accent: #f3d96b;
  --cyzx-blue: #8bdde6;
  --cyzx-danger: #e9788c;
  --cyzx-radius: 12px;
  --cyzx-radius-sm: 8px;
  --cyzx-shadow: 5px 5px 0 rgba(17, 24, 39, 0.12);
  --cyzx-gallery-card-shadow: var(--cyzx-shadow);
  --cyzx-shadow-soft: 0 14px 34px -26px rgba(17, 24, 39, 0.28);
  --cyzx-shadow-cyan: 5px 5px 0 #c8f2f5;
  --cyzx-shadow-yellow: 5px 5px 0 #f6e58d;
  --cyzx-shadow-red: 5px 5px 0 #f7c6cf;

  --black: var(--cyzx-border-strong);
  --white: #ffffff;
  --yellow: #fff0a8;
  --cyan: #cdf3f6;
  --pink: #ffd9e2;
  --pink-strong: #e9788c;
  --pink-soft: #fff0f4;
  --cyan-soft: #eefbfc;
  --yellow-soft: #fff8db;
  --blue-soft: #f3fbfc;
  --slate-100: #f6fbfb;
  --slate-200: #e8eff0;
  --slate-400: #98a2b3;
  --slate-500: #7a8798;
  --slate-600: #64748b;
  --slate-700: #344054;
  --slate-900: #111827;
  --outer-border: 2px solid var(--cyzx-border-strong);
  --inner-border: 1.5px solid var(--cyzx-border-strong);
  --small-border: 1.5px solid var(--cyzx-border-strong);

  --paper: var(--cyzx-bg);
  --surface: var(--cyzx-surface);
  --surface-soft: var(--cyzx-surface-soft);
  --bg-color: #f4f8f8;
  --text-main: var(--cyzx-text);
  --text-muted: var(--cyzx-text-muted);
  --primary-color: var(--cyzx-primary);
  --panel: var(--cyzx-surface);
  --border: var(--cyzx-border);
  --shadow: var(--cyzx-shadow-soft);
  --radius: var(--cyzx-radius);
  --accent: var(--cyzx-blue);
  --accent-2: var(--cyzx-danger);
}

html,
body {
  background: #ffffff !important;
  color: var(--cyzx-text);
  letter-spacing: 0;
}

body,
button,
input,
select,
textarea {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif !important;
}

button,
a,
input,
select,
textarea {
  letter-spacing: 0 !important;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--cyzx-blue) 58%, transparent);
  outline-offset: 2px;
}

.top-nav {
  border-bottom: 1px solid rgba(17, 24, 39, 0.1) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: none !important;
}

.logo-icon,
.rail-brand,
.editor-profile-trigger {
  border: var(--small-border) !important;
  border-radius: var(--cyzx-radius) !important;
  background: var(--cyzx-surface) !important;
  box-shadow: var(--cyzx-shadow-yellow) !important;
}

.logo-text,
.brand-text,
.brand-subtitle,
.hero-kicker,
.section-kicker,
.notice-kicker,
.admin-kicker,
.support-widget-kicker {
  letter-spacing: 0 !important;
}

.btn,
.icon-btn,
.notice-text-action,
.notice-bulk-action,
.notice-back-footer,
.admin-primary,
.admin-secondary,
.admin-filter button,
.admin-tabs button,
.admin-table button,
.admin-drawer-close,
.cookie-action,
.support-widget-toggle,
.support-widget-close,
.support-action,
.support-lead-submit,
.support-quick-reply,
.export-trigger,
.export-item,
.sidebar-head-icon,
.assets-collapse-btn,
.rail-btn,
.theme-reset-btn,
.debug-open,
.debug-card button,
.draft-action,
.draft-new-button {
  border: var(--small-border) !important;
  border-radius: var(--cyzx-radius-sm) !important;
  box-shadow: none !important;
  text-transform: none !important;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease, transform 160ms ease !important;
}

.btn:hover,
.icon-btn:hover,
.notice-bulk-action:not(:disabled):hover,
.admin-primary:hover,
.admin-secondary:hover,
.admin-filter button:hover,
.admin-tabs button:hover,
.admin-table button:hover,
.support-widget-toggle:hover,
.support-action:hover,
.support-lead-submit:hover,
.support-quick-reply:hover,
.export-trigger:hover,
.export-item:hover,
.rail-btn:hover,
.theme-reset-btn:hover,
.debug-open:hover {
  transform: translate(-1px, -1px) !important;
  box-shadow: 3px 3px 0 rgba(17, 24, 39, 0.14) !important;
}

.btn-primary,
.admin-primary,
.support-widget-toggle,
.support-message-user,
.notice-filter-tab.is-active,
.sidebar-tab.is-active,
.rail-btn.is-active,
.export-trigger {
  background: var(--cyzx-primary) !important;
  border-color: var(--cyzx-primary) !important;
  color: #ffffff !important;
}

.btn-primary,
.admin-primary,
.support-widget-toggle,
.export-trigger {
  box-shadow: var(--cyzx-shadow-red) !important;
}

.btn-yellow,
.auth-login-button.is-logged-in,
.notice-page-icon,
.notice-select-control[aria-pressed="true"] .notice-select-box,
.notice-row-check.is-selected,
.auth-step.is-active,
.cookie-action-primary {
  background: var(--yellow) !important;
  border-color: var(--cyzx-border-strong) !important;
  color: var(--cyzx-text) !important;
  box-shadow: var(--cyzx-shadow-yellow) !important;
}

.btn-cyan,
.notice-text-action,
.notice-bulk-action:not(:disabled),
.notice-back-footer,
.theme-reset-btn,
.draft-new-button {
  background: var(--cyan) !important;
  border-color: var(--cyzx-border-strong) !important;
  color: var(--cyzx-text) !important;
  box-shadow: var(--cyzx-shadow-cyan) !important;
}

.notice-badge,
.notice-count-badge,
.notice-pill,
.status-pill,
.invite-status,
.theme-current-color,
.admin-brand span,
.admin-login-brand span {
  border: 1px solid var(--cyzx-border) !important;
  border-radius: 999px !important;
  background: var(--cyzx-surface-soft) !important;
  color: var(--cyzx-text-muted) !important;
  box-shadow: none !important;
}

.notice-badge,
.notice-count-badge {
  background: var(--pink-strong) !important;
  border-color: var(--cyzx-border-strong) !important;
  color: #ffffff !important;
}

.main-container,
.notice-page-main {
  background: #ffffff !important;
}

.admin-layout {
  background: transparent !important;
}

.hero-title,
.section-heading h2,
.footer-logo,
.admin-header h1,
.notice-detail-card h1,
.notice-page-title h1 {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.hero-title {
  font-size: clamp(56px, 8.6vw, 118px) !important;
  line-height: 0.96 !important;
}

.hero-title .title-accent {
  color: var(--pink-strong) !important;
  text-shadow: 3px 3px 0 rgba(17, 24, 39, 0.14) !important;
}

.section-heading h2,
.hero-workflow .section-heading h2 {
  font-size: clamp(34px, 4vw, 56px) !important;
  line-height: 1.12 !important;
}

.hero-subtitle,
.workflow-card p,
.notice-detail-summary,
.notice-detail-content,
.notice-list-summary,
.footer-muted,
.support-message-content,
.admin-cell-muted {
  color: var(--cyzx-text-muted) !important;
}

.workflow-card,
.hero-visual-card,
.random-stage,
.random-canvas,
.card,
.auth-dialog,
.notice-dialog,
.notice-list-item,
.notice-detail-card,
.notice-code-panel,
.invite-code-item,
.cookie-settings-dialog,
.cookie-option,
.admin-sidebar,
.admin-login,
.metric,
.admin-table-wrap,
.admin-list-item,
.admin-code-item,
.admin-analytics-card,
.admin-geo-map,
.admin-drawer-panel,
.support-widget-panel,
.support-message,
.support-lead-form,
.app > aside,
.app > main,
.workspace-shell,
.inspector-actions,
.right-panel .card,
.section,
.asset-card,
.layer-item,
.draft-item,
.context-menu,
.export-menu,
.theme-settings-card {
  border: var(--small-border) !important;
  border-radius: var(--cyzx-radius) !important;
  box-shadow: var(--cyzx-shadow) !important;
}

.workflow-card,
.notice-list-item,
.notice-list-item.is-unread,
.invite-code-item,
.cookie-option,
.cookie-option.is-required,
.admin-analytics-card,
.metric,
.support-message-agent,
.section,
.asset-card,
.draft-item {
  background: var(--cyzx-surface) !important;
}

.workflow-card:nth-child(1),
.cookie-option.is-required,
.metric:nth-child(1) {
  background: var(--yellow-soft) !important;
}

.workflow-card:nth-child(2),
.metric:nth-child(2),
.admin-analytics-card:nth-child(2) {
  background: var(--cyan-soft) !important;
}

.workflow-card:nth-child(3),
.notice-list-item.is-unread,
.metric:nth-child(3),
.admin-analytics-card:nth-child(3) {
  background: var(--pink-soft) !important;
}

.workflow-card:nth-child(4),
.metric:nth-child(4),
.admin-analytics-card:nth-child(4) {
  background: #ffffff !important;
}

.workflow-card,
.hero-visual-card {
  box-shadow: var(--cyzx-gallery-card-shadow) !important;
}

.random-stage,
.random-canvas {
  box-shadow: none !important;
}

.hero-visual-card {
  border: 1.5px solid #111827 !important;
  background:
    linear-gradient(135deg, rgba(205, 243, 246, 0.42), rgba(255, 217, 226, 0.28)),
    var(--cyzx-surface) !important;
  box-shadow: var(--cyzx-gallery-card-shadow) !important;
}

.random-stage {
  border: 1px solid #111827 !important;
  background:
    linear-gradient(135deg, rgba(205, 243, 246, 0.42), rgba(255, 217, 226, 0.28)),
    var(--cyzx-surface) !important;
  box-shadow: none !important;
}

.notice-dialog,
.support-widget-panel,
.admin-drawer-panel {
  border: var(--outer-border) !important;
  background:
    linear-gradient(135deg, rgba(205, 243, 246, 0.42), rgba(255, 217, 226, 0.28)),
    var(--cyzx-surface) !important;
  box-shadow: var(--cyzx-shadow-cyan) !important;
}

.random-canvas,
.canvas-wrap {
  border: 1px solid rgba(233, 120, 140, 0.34) !important;
  background:
    linear-gradient(90deg, rgba(233, 120, 140, 0.14) 1px, transparent 1px),
    linear-gradient(180deg, rgba(233, 120, 140, 0.14) 1px, transparent 1px),
    #ffffff !important;
  box-shadow: none !important;
}

.random-canvas::before,
.random-canvas::after {
  background: rgba(233, 120, 140, 0.34) !important;
}

.workflow-card strong {
  width: auto !important;
  height: auto !important;
  min-width: 32px !important;
  padding: 5px 9px !important;
  border-radius: 999px !important;
  border: 1px solid var(--cyzx-border) !important;
  background: var(--cyzx-primary) !important;
  color: #ffffff !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.card img,
.canvas-wrap {
  border-color: var(--cyzx-border) !important;
}

.big-text {
  color: rgba(139, 221, 230, 0.16) !important;
  -webkit-text-stroke: 2px rgba(139, 221, 230, 0.72) !important;
  text-shadow: 3px 3px 0 rgba(243, 217, 107, 0.52) !important;
  user-select: none !important;
}

.site-footer {
  background: var(--cyzx-primary) !important;
  color: #ffffff !important;
}

.notice-filter-tabs,
.sidebar-tabs,
.language-switch {
  border: var(--small-border) !important;
  border-radius: var(--cyzx-radius) !important;
  background: var(--cyzx-surface-soft) !important;
  box-shadow: none !important;
}

.notice-filter-tab,
.language-switch-btn {
  border-radius: var(--cyzx-radius-sm) !important;
  font-weight: 600 !important;
}

.notice-filter-tab.is-active,
.language-switch-btn.is-active {
  background: var(--cyzx-primary) !important;
  color: #ffffff !important;
}

.notice-row-dot {
  background: var(--pink-strong) !important;
}

.notice-list-item:hover {
  background: var(--cyzx-surface-soft) !important;
}

.admin-nav button {
  border-radius: var(--cyzx-radius-sm) !important;
  border: 1px solid transparent !important;
  font-weight: 600 !important;
}

.admin-nav button:hover,
.admin-nav button.is-active {
  background: var(--yellow) !important;
  border-color: var(--cyzx-border-strong) !important;
  color: var(--cyzx-text) !important;
  box-shadow: var(--cyzx-shadow-yellow) !important;
}

.admin-header,
.notice-page-head,
.notice-detail-topbar,
.admin-brand,
.admin-table th,
.admin-table td {
  border-color: var(--cyzx-border) !important;
}

.metric {
  background: var(--cyan-soft) !important;
}

.metric strong {
  font-weight: 700 !important;
}

.admin-table tbody tr:hover {
  background: var(--cyzx-surface-soft) !important;
}

.app {
  background:
    linear-gradient(135deg, rgba(255, 240, 168, 0.2), rgba(205, 243, 246, 0.24)),
    #f4f8f8 !important;
}

body.editor-page,
body.editor-page .app {
  background: var(--bg-color) !important;
}

.sidebar,
.right-panel,
.workspace-panel {
  background: var(--cyzx-surface) !important;
}

.sidebar-rail {
  background: var(--left-sidebar-rail-bg, var(--cyzx-surface)) !important;
}

.splitter::before {
  background: var(--cyzx-border) !important;
}

body.editor-page .splitter:active::before,
body.editor-page .splitter.is-dragging::before {
  background: var(--blue-a50) !important;
}

.tri-left,
.tri-right {
  opacity: 0.28 !important;
}

body.editor-page .splitter:active .tri,
body.editor-page .splitter.is-dragging .tri {
  opacity: 1 !important;
}

body.editor-page .splitter:active .tri-left:not(.disabled),
body.editor-page .splitter.is-dragging .tri-left:not(.disabled) {
  border-right-color: var(--blue-a50) !important;
}

body.editor-page .splitter:active .tri-right:not(.disabled),
body.editor-page .splitter.is-dragging .tri-right:not(.disabled) {
  border-left-color: var(--blue-a50) !important;
}

.scale-badge {
  border-radius: 999px !important;
  background: var(--cyzx-primary) !important;
  box-shadow: var(--cyzx-shadow-soft) !important;
}

.asset-card:hover,
.layer-item:hover:not(.is-empty),
.draft-item:hover,
.section:hover {
  transform: none !important;
  border-color: rgba(17, 24, 39, 0.32) !important;
  box-shadow: var(--cyzx-shadow-soft) !important;
}

.support-widget-header {
  background: var(--yellow) !important;
  border-bottom: var(--small-border) !important;
}

.support-widget-close {
  background: var(--cyzx-surface-soft) !important;
}

.support-message-user {
  background: var(--cyzx-primary) !important;
}

.support-quick-reply,
.support-lead-submit {
  background: var(--cyzx-surface) !important;
}

.support-lead-submit,
.support-send {
  background: var(--cyzx-primary) !important;
  color: #ffffff !important;
}

.support-message-agent {
  background: #ffffff !important;
}

.support-widget-input:focus,
.support-lead-form input:focus,
.support-lead-form textarea:focus,
.auth-dialog input:focus,
.admin-filter input:focus,
.admin-filter select:focus {
  border-color: var(--pink-strong) !important;
  box-shadow: 0 0 0 3px rgba(233, 120, 140, 0.16) !important;
}

:root[data-theme="dark"] {
  --cyzx-bg: #111318;
  --cyzx-surface: #181b22;
  --cyzx-surface-soft: #20242c;
  --cyzx-muted: #2a2f3a;
  --cyzx-border: rgba(255, 255, 255, 0.1);
  --cyzx-text: #f8fafc;
  --cyzx-text-muted: #a7b0c0;
  --cyzx-primary: #f8fafc;
  --cyzx-primary-soft: #e5e7eb;
  --cyzx-shadow: 0 14px 34px -28px rgba(0, 0, 0, 0.82);
  --black: #f8fafc;
  --white: #181b22;
}

:root[data-theme="dark"] .top-nav {
  background: rgba(17, 19, 24, 0.9) !important;
}

:root[data-theme="dark"] .btn-primary,
:root[data-theme="dark"] .admin-primary,
:root[data-theme="dark"] .support-widget-toggle,
:root[data-theme="dark"] .notice-filter-tab.is-active,
:root[data-theme="dark"] .sidebar-tab.is-active,
:root[data-theme="dark"] .rail-btn.is-active,
:root[data-theme="dark"] .export-trigger {
  background: #f8fafc !important;
  border-color: #f8fafc !important;
  color: #111318 !important;
}

:root[data-theme="dark"] .site-footer {
  background: #080a0f !important;
}

body.theme-dark {
  --cyzx-bg: #111318;
  --cyzx-surface: #181b22;
  --cyzx-surface-soft: #20242c;
  --cyzx-border: rgba(255, 255, 255, 0.1);
  --cyzx-text: #f8fafc;
  --cyzx-text-muted: #a7b0c0;
}

/* Keep the editor chrome close to its original quiet tool styling. */
body.editor-page {
  --bg-color: #f8f8f8;
  --border: rgba(15, 23, 42, 0.08);
  --border-strong: #cfcfcf;
  --cyzx-border: rgba(15, 23, 42, 0.08);
  --cyzx-border-strong: #cfcfcf;
  --cyzx-radius: var(--panel-radius);
  --cyzx-radius-sm: var(--panel-radius);
  --editor-card-radius: var(--panel-radius);
  --editor-control-radius: var(--panel-radius);
  --editor-switch-radius: var(--panel-radius);
  --small-border: 1px solid rgba(15, 23, 42, 0.08);
  --inner-border: 1px solid rgba(15, 23, 42, 0.08);
  --outer-border: 1px solid rgba(15, 23, 42, 0.08);
  --shadow: none;
  --cyzx-shadow: none;
  --cyzx-shadow-soft: none;
  --cyzx-shadow-cyan: none;
  --cyzx-shadow-yellow: none;
  --cyzx-shadow-red: none;
  background: #f8f8f8 !important;
}

body.editor-page.theme-dark {
  --bg-color: #020617;
  --border: rgba(148, 163, 184, 0.22);
  --border-strong: rgba(148, 163, 184, 0.34);
  --cyzx-border: rgba(148, 163, 184, 0.22);
  --cyzx-border-strong: rgba(148, 163, 184, 0.34);
  --small-border: 1px solid rgba(148, 163, 184, 0.22);
  --inner-border: 1px solid rgba(148, 163, 184, 0.22);
  --outer-border: 1px solid rgba(148, 163, 184, 0.22);
  background: #020617 !important;
}

body.editor-page .app {
  background: var(--bg-color) !important;
}

body.editor-page .inspector-actions,
body.editor-page .right-panel .card,
body.editor-page .section,
body.editor-page .asset,
body.editor-page .asset-card,
body.editor-page .layer-item,
body.editor-page .draft-item,
body.editor-page .theme-settings-card,
body.editor-page .export-menu,
body.editor-page .context-menu,
body.editor-page .rail-brand,
body.editor-page .editor-profile-trigger,
body.editor-page .assets-collapse-btn,
body.editor-page .debug-card button,
body.editor-page .theme-mode-toggle,
body.editor-page .theme-color-swatch {
  border: 1px solid var(--border) !important;
  box-shadow: none !important;
}

body.editor-page .app > .editor-sidebar,
body.editor-page .app > .workspace-panel,
body.editor-page .app > .right-panel,
body.editor-page .workspace-canvas-stage,
body.editor-page .inspector-actions,
body.editor-page .right-panel .card,
body.editor-page .card,
body.editor-page .section,
body.editor-page .asset,
body.editor-page .asset-card,
body.editor-page .layer-item,
body.editor-page .draft-item,
body.editor-page .draft-autosave-status,
body.editor-page .document-import-target,
body.editor-page .export-menu,
body.editor-page .context-menu,
body.editor-page .theme-settings-card {
  border-radius: var(--editor-card-radius) !important;
}

body.editor-page button,
body.editor-page .btn,
body.editor-page .icon-btn,
body.editor-page .rail-brand,
body.editor-page .editor-profile-trigger,
body.editor-page .rail-btn,
body.editor-page .sidebar-head-icon,
body.editor-page .assets-collapse-btn,
body.editor-page .draft-item-action,
body.editor-page .draft-action,
body.editor-page .draft-new-button,
body.editor-page .debug-action-btn,
body.editor-page .debug-collapse-btn,
body.editor-page .theme-reset-btn,
body.editor-page .theme-mode-toggle,
body.editor-page .theme-mode-btn,
body.editor-page .theme-color-swatch,
body.editor-page .export-trigger,
body.editor-page .export-item,
body.editor-page .context-menu button,
body.editor-page .rotation-btn,
body.editor-page .align-btn,
body.editor-page .layer-disclosure,
body.editor-page .layer-action-btn,
body.editor-page .layer-tree-row .layer-action-btn,
body.editor-page .scale-badge {
  border-radius: var(--editor-control-radius) !important;
}

body.editor-page input,
body.editor-page select,
body.editor-page textarea,
body.editor-page .prop-input,
body.editor-page .contour-warp-select,
body.editor-page .theme-settings-radius-input-wrap .prop-input {
  border-radius: var(--editor-control-radius) !important;
}

body.editor-page input[type="checkbox"],
body.editor-page .toggle input[type="checkbox"],
body.editor-page .colorize-line-toggle input[type="checkbox"] {
  border-radius: var(--editor-switch-radius) !important;
}

body.editor-page input[type="checkbox"]::after,
body.editor-page .toggle input[type="checkbox"]::after,
body.editor-page .colorize-line-toggle input[type="checkbox"]::after {
  border-radius: var(--editor-switch-radius) !important;
}

body.editor-page input[type="range"],
body.editor-page input[type="range"]::-webkit-slider-runnable-track,
body.editor-page input[type="range"]::-webkit-slider-thumb,
body.editor-page input[type="range"]::-moz-range-track,
body.editor-page input[type="range"]::-moz-range-thumb {
  border-radius: var(--editor-control-radius) !important;
}

body.editor-page .asset-fold-title,
body.editor-page .asset-subtitle-fold-title,
body.editor-page .section-title,
body.editor-page .notice-pill,
body.editor-page :where(.right-panel, .sidebar-scroll.is-resources-active, .layers-list)::-webkit-scrollbar-track,
body.editor-page :where(.right-panel, .sidebar-scroll.is-resources-active, .layers-list)::-webkit-scrollbar-thumb {
  border-radius: var(--editor-control-radius) !important;
}

body.editor-page .app > .editor-sidebar,
body.editor-page .app > .workspace-panel,
body.editor-page .app > .right-panel {
  border: 1px solid var(--blue-a30) !important;
  box-shadow: none !important;
}

body.editor-page .workspace-shell,
body.editor-page .canvas-wrap {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.editor-page .workspace-canvas-stage {
  border: 1px solid var(--border) !important;
  box-shadow: none !important;
}

body.editor-page .btn,
body.editor-page .icon-btn,
body.editor-page .rail-btn,
body.editor-page .sidebar-head-icon,
body.editor-page .theme-reset-btn,
body.editor-page .debug-open,
body.editor-page .draft-action,
body.editor-page .draft-new-button,
body.editor-page .scale-badge,
body.editor-page .theme-mode-btn,
body.editor-page .asset:hover,
body.editor-page .layer-item:hover:not(.is-empty),
body.editor-page .draft-item:hover,
body.editor-page .section:hover {
  box-shadow: none !important;
}

body.editor-page .asset:hover,
body.editor-page .layer-item:hover:not(.is-empty),
body.editor-page .draft-item:hover,
body.editor-page .section:hover {
  border-color: var(--border-strong) !important;
}

body.editor-page .layer-tree-row {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.editor-page .layer-tree-row:hover:not(.is-empty),
body.editor-page .layer-tree-row.is-hovered:not(.is-empty),
body.editor-page .layer-tree-row.is-focused:not(.is-active) {
  border-color: transparent !important;
  background: rgba(37, 99, 235, 0.07) !important;
  box-shadow: none !important;
}

body.editor-page .layer-tree-row.is-active {
  border-color: rgba(37, 99, 235, 0.38) !important;
  background: rgba(37, 99, 235, 0.1) !important;
}

body.editor-page .layer-tree-row.is-included:not(.is-active) {
  border-color: transparent !important;
  background: rgba(37, 99, 235, 0.055) !important;
}