.editor-toolbar .more-tools-btn { min-width: 94px; height: 36px; gap: 7px; padding: 0 10px; }
.editor-toolbar .more-tools-btn svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.editor-toolbar .more-tools-btn > span { color: inherit; font-size: 11px; font-weight: 650; }
.editor-toolbar .more-tools-btn .canvas-tools-chevron { width: 12px; height: 12px; opacity: .65; }
.editor-toolbar .more-tools-btn[aria-expanded="true"] { border-color: #8b74df; background: #352b54; color: #fff; }

.editor-toolbar .more-tools-menu {
  box-sizing: border-box; display: flex; flex-direction: column; gap: 0;
  width: 372px; max-width: min(372px, calc(100vw - 24px)); max-height: calc(100vh - 135px);
  overflow: auto; padding: 16px; border: 1px solid #45506a; border-radius: 14px;
  background: #1b2232; box-shadow: 0 24px 65px rgba(0, 0, 0, .45);
  color: #e9edf7; white-space: normal;
}
.editor-toolbar .more-tools-menu[hidden] { display: none !important; }
.editor-toolbar .more-tools-heading { padding: 1px 1px 12px; gap: 4px; }
.editor-toolbar .more-tools-heading strong { color: #f6f7fc; font-size: 14px; letter-spacing: -.015em; }
.editor-toolbar .more-tools-heading small { color: #a7b1c5; font-size: 11px; line-height: 1.45; }
.canvas-tools-section-label { margin: 7px 0 4px; padding: 10px 1px 5px; border-top: 1px solid #354055; color: #9daac4; font-size: 10px; font-weight: 750; letter-spacing: .1em; }
.canvas-setting-row { display: flex; align-items: center; gap: 12px; min-height: 58px; padding: 8px 2px; }
.canvas-setting-copy { display: flex; flex: 1; flex-direction: column; gap: 3px; min-width: 0; }
.canvas-setting-copy strong { color: #f0f2f9; font-size: 12px; font-weight: 650; }
.canvas-setting-copy small { color: #a7b1c5; font-size: 10px; line-height: 1.35; }
.editor-toolbar .canvas-setting-toggle {
  display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: flex-end; gap: 8px;
  min-width: 95px; padding: 4px 0; border: 0; background: transparent; color: #aab5c9;
  font: inherit; font-size: 10px; font-weight: 650; cursor: pointer;
}
.editor-toolbar .canvas-setting-toggle.active { color: #d0c4ff; }
.canvas-switch-track { box-sizing: border-box; display: inline-flex; align-items: center; width: 32px; height: 19px; padding: 2px; border: 1px solid #65718b; border-radius: 100px; background: #46516a; transition: background .15s, border-color .15s; }
.canvas-switch-track > span { width: 13px; height: 13px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px #0005; transition: transform .15s; }
.canvas-setting-toggle.active .canvas-switch-track { border-color: #9479ed; background: #775ad4; }
.canvas-setting-toggle.active .canvas-switch-track > span { transform: translateX(13px); }
.canvas-setting-toggle:focus-visible, .canvas-snap-details-button:focus-visible, .logo-asset-choice:focus-visible { outline: 2px solid #b9a5ff; outline-offset: 2px; }

.editor-toolbar .more-tools-menu > .canvas-grid-step {
  box-sizing: border-box; display: flex; justify-content: space-between; width: 100%; height: 39px;
  margin-top: 1px; padding: 0 10px; border: 1px solid #45516a; border-radius: 8px;
  background: #111827; color: #d9e0ed; font-size: 11px;
}
.editor-toolbar .canvas-grid-step > span:first-child { display: inline; color: #ccd5e5; font-size: 11px; }
.editor-toolbar .canvas-grid-step input { width: 65px; color: #f6f7fc; font-size: 12px; text-align: right; }
.canvas-grid-formula { padding: 6px 3px 4px; color: #9fabc0; font-size: 10px; line-height: 1.35; }
.canvas-outline-row { margin-top: 4px; }
.editor-toolbar .canvas-outline-row #outlineBtn { display: inline-flex; }
.editor-toolbar .more-tools-menu > .snap-control { display: block; width: 100%; }
.editor-toolbar .snap-control #snapBtn { flex: 0 0 auto; border-radius: 0; }
.canvas-snap-details-button { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 2px 2px 8px; border: 0; background: transparent; color: #bba8ff; font: inherit; font-size: 10px; font-weight: 650; text-align: left; cursor: pointer; }
.canvas-snap-details-button span { font-size: 16px; line-height: 10px; transition: transform .15s; }
.canvas-snap-details-button[aria-expanded="true"] span { transform: rotate(180deg); }
.editor-toolbar .more-tools-menu .snap-menu { position: static; width: 100%; box-sizing: border-box; margin: 0 0 6px; padding: 8px 10px 10px; border: 1px solid #3f4b61; border-radius: 9px; background: #151c2b; box-shadow: none; }
.editor-toolbar .more-tools-menu .snap-menu[hidden] { display: none !important; }
.canvas-snap-options { display: grid; grid-template-columns: 1fr 1fr; gap: 0 6px; }
.editor-toolbar .more-tools-menu .snap-menu label { min-height: 28px; font-size: 10px; }
.canvas-snap-strength { margin-top: 6px; padding-top: 6px; border-top: 1px solid #344056; }
.canvas-snap-strength > div { display: flex; justify-content: space-between; gap: 6px; }

.logo-asset-picker { display: flex; gap: 7px; margin: -5px 0 13px; padding: 3px 2px 7px; overflow-x: auto; }
.logo-asset-choice { display: flex; flex: 0 0 79px; flex-direction: column; align-items: center; justify-content: space-between; gap: 5px; min-height: 84px; padding: 7px 5px; border: 1px solid #404d66; border-radius: 9px; background: #182131; color: #dce4f2; cursor: pointer; }
.logo-asset-choice:hover, .logo-asset-choice.active { border-color: #a28bec; background: #302944; }
.logo-asset-choice img { display: block; width: 60px; height: 48px; object-fit: contain; }
.logo-asset-choice span { display: block; width: 100%; overflow: hidden; font-size: 9px; text-align: center; text-overflow: ellipsis; white-space: nowrap; }

body.theme-light .editor-toolbar .more-tools-menu { border-color: #d7deea; background: #fff; color: #27324a; box-shadow: 0 22px 50px #26345530; }
body.theme-light .editor-toolbar .more-tools-heading strong, body.theme-light .canvas-setting-copy strong { color: #27324a; }
body.theme-light .editor-toolbar .more-tools-heading small, body.theme-light .canvas-setting-copy small, body.theme-light .canvas-grid-formula { color: #68768f; }
body.theme-light .canvas-tools-section-label { border-color: #e5e9f1; color: #68768f; }
body.theme-light .editor-toolbar .more-tools-menu > .canvas-grid-step, body.theme-light .editor-toolbar .more-tools-menu .snap-menu { border-color: #dce2ed; background: #f6f8fc; color: #27324a; }
body.theme-light .editor-toolbar .canvas-grid-step > span:first-child, body.theme-light .editor-toolbar .canvas-grid-step input { color: #27324a; }
body.theme-light .canvas-snap-strength { border-color: #dce2ed; }
body.theme-light .logo-asset-choice { border-color: #dce2ed; background: #f6f8fc; color: #27324a; }
body.theme-light .logo-asset-choice:hover, body.theme-light .logo-asset-choice.active { border-color: #876bd8; background: #ece6ff; }

@media (max-width: 900px) {
  .editor-toolbar .more-tools-menu { left: auto; right: 0; }
}