/**
 * Editor CSS Styles
 * All styles are injected into Shadow DOM — no leakage to host page.
 */
export declare const EDITOR_CSS = "\n/* Reset inside shadow DOM */\n:host {\n  all: initial;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  font-size: 14px;\n  color: #1a1a2e;\n  line-height: 1.5;\n  box-sizing: border-box;\n}\n\n*, *::before, *::after {\n  box-sizing: border-box;\n}\n\n/* \u2500\u2500 FAB (replaces fixed toolbar) \u2500\u2500 */\n.lr-fab {\n  position: fixed;\n  bottom: 20px;\n  right: 20px;\n  z-index: 2147483647;\n  display: flex;\n  align-items: center;\n  gap: 0;\n  user-select: none;\n}\n\n.lr-fab-btn {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  background: #2d7f7f;\n  color: #fff;\n  border: none;\n  font-weight: 700;\n  font-size: 16px;\n  cursor: grab;\n  box-shadow: 0 4px 12px rgba(0,0,0,0.25);\n  transition: box-shadow 0.15s;\n  flex-shrink: 0;\n  z-index: 1;\n}\n\n.lr-fab-btn:hover {\n  box-shadow: 0 6px 20px rgba(0,0,0,0.3);\n}\n\n.lr-fab-btn:active {\n  cursor: grabbing;\n}\n\n.lr-fab-panel {\n  display: none;\n  align-items: center;\n  gap: 8px;\n  background: #1a1a2e;\n  color: #fff;\n  padding: 8px 12px;\n  border-radius: 8px;\n  margin-right: 8px; /* gap between panel (left) and the FAB button (right) */\n  box-shadow: 0 4px 12px rgba(0,0,0,0.25);\n  white-space: nowrap;\n}\n\n.lr-fab.expanded .lr-fab-panel {\n  display: flex;\n}\n\n.lr-lang-dropdown {\n  position: relative;\n}\n\n.lr-lang-btn {\n  background: rgba(255,255,255,0.1);\n  color: #fff;\n  border: 1px solid rgba(255,255,255,0.2);\n  border-radius: 4px;\n  padding: 4px 10px;\n  font-size: 13px;\n  font-weight: 600;\n  cursor: pointer;\n  outline: none;\n}\n\n.lr-lang-btn:hover {\n  background: rgba(255,255,255,0.2);\n}\n\n.lr-lang-menu {\n  display: none;\n  position: absolute;\n  bottom: calc(100% + 6px);\n  left: 0;\n  background: #1a1a2e;\n  border: 1px solid rgba(255,255,255,0.15);\n  border-radius: 6px;\n  padding: 4px;\n  min-width: 60px;\n  box-shadow: 0 4px 16px rgba(0,0,0,0.4);\n}\n\n.lr-lang-menu.open {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.lr-lang-item {\n  background: none;\n  color: #ccc;\n  border: none;\n  padding: 6px 10px;\n  font-size: 13px;\n  font-weight: 500;\n  cursor: pointer;\n  border-radius: 4px;\n  text-align: left;\n}\n\n.lr-lang-item:hover {\n  background: rgba(255,255,255,0.1);\n  color: #fff;\n}\n\n.lr-lang-item.active {\n  background: #2d7f7f;\n  color: #fff;\n}\n\n.lr-fab-progress {\n  font-size: 13px;\n  color: rgba(255,255,255,0.7);\n}\n\n.lr-fab-exit {\n  background: none;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: #fff;\n  padding: 4px 10px;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 13px;\n}\n\n.lr-fab-exit:hover {\n  background: rgba(255,255,255,0.1);\n}\n\n.lr-fab-snapshot {\n  background: #2d7f7f;\n  border: 1px solid #2d7f7f;\n  color: #fff;\n  padding: 4px 10px;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 13px;\n  font-weight: 600;\n}\n\n.lr-fab-snapshot:hover {\n  background: #3a9999;\n  border-color: #3a9999;\n}\n\n.lr-fab-snapshot:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.lr-fab-browse {\n  background: none;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: #fff;\n  padding: 4px 10px;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 13px;\n}\n\n.lr-fab-browse:hover {\n  background: rgba(255,255,255,0.1);\n}\n\n.lr-fab-browse.active {\n  background: #f5a623;\n  border-color: #f5a623;\n  color: #1a1a2e;\n  font-weight: 600;\n}\n\n.lr-link-nav {\n  background: none;\n  border: 1px solid #2d7f7f;\n  color: #2d7f7f;\n  padding: 6px 12px;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 13px;\n  font-weight: 600;\n}\n\n.lr-link-nav:hover {\n  background: #2d7f7f;\n  color: #fff;\n}\n\n/* Workflow action buttons (Phase 3) */\n.lr-workflow-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  margin: 12px 0 4px;\n  padding: 8px 0 0;\n  border-top: 1px solid #e5e7eb;\n}\n\n.lr-wf-btn {\n  font-size: 12px;\n  font-weight: 500;\n  padding: 5px 10px;\n  border-radius: 4px;\n  border: 1px solid transparent;\n  cursor: pointer;\n  transition: background-color 0.1s;\n}\n\n.lr-wf-btn:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.lr-wf-primary {\n  background: #2563eb;\n  color: white;\n  border-color: #2563eb;\n}\n.lr-wf-primary:hover:not(:disabled) {\n  background: #1d4ed8;\n}\n\n.lr-wf-secondary {\n  background: white;\n  color: #374151;\n  border-color: #d1d5db;\n}\n.lr-wf-secondary:hover:not(:disabled) {\n  background: #f3f4f6;\n}\n\n.lr-wf-danger {\n  background: white;\n  color: #b91c1c;\n  border-color: #fca5a5;\n}\n.lr-wf-danger:hover:not(:disabled) {\n  background: #fef2f2;\n}\n\n.lr-wf-note {\n  font-size: 11px;\n  color: #6b7280;\n  font-style: italic;\n  padding: 4px 0;\n}\n\n/* Workflow context strip (per-row 'you are here' indicator at the top of\n   the workflow actions block). Width-flexible: stages wrap on narrow sidebars. */\n.lr-wf-strip-host {\n  width: 100%;\n}\n.lr-wf-strip {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  margin-bottom: 8px;\n  padding: 6px 8px;\n  background: #f9fafb;\n  border: 1px solid #e5e7eb;\n  border-radius: 4px;\n}\n.lr-wf-strip-stages {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 4px;\n  font-size: 11px;\n  font-weight: 500;\n}\n.lr-wf-strip-stage {\n  padding: 2px 8px;\n  border-radius: 3px;\n  white-space: nowrap;\n}\n.lr-wf-strip-stage.is-active {\n  background: #2563eb;\n  color: white;\n}\n.lr-wf-strip-stage.is-muted {\n  background: #e5e7eb;\n  color: #9ca3af;\n}\n.lr-wf-strip-sep {\n  color: #d1d5db;\n  font-size: 12px;\n  user-select: none;\n}\n.lr-wf-strip-caption {\n  font-size: 11px;\n  color: #4b5563;\n  font-weight: 500;\n}\n\n/* Snapshot viewer sandbox wrapper */\n#__lr_snapshot_root {\n  isolation: isolate;\n  position: relative;\n  width: 100%;\n  min-height: 100vh;\n}\n\n/* \u2500\u2500 Overlay \u2500\u2500 */\n.lr-overlay {\n  position: fixed;\n  pointer-events: none;\n  border: 2px solid #2d7f7f;\n  border-radius: 3px;\n  background: rgba(45, 127, 127, 0.06);\n  transition: all 0.1s ease;\n  z-index: 2147483646;\n  display: none;\n}\n\n.lr-overlay.active {\n  display: block;\n}\n\n/* \u2500\u2500 Sidebar \u2500\u2500 */\n.lr-sidebar {\n  position: fixed;\n  top: 0;\n  right: 0;\n  width: 360px;\n  min-width: 280px;\n  max-width: 600px;\n  bottom: 0;\n  background: #fff;\n  border-left: 1px solid #e0e0e0;\n  z-index: 2147483647;\n  overflow-y: auto;\n  transform: translateX(100%);\n  transition: transform 0.2s ease;\n}\n\n.lr-sidebar.open {\n  transform: translateX(0);\n}\n\n/* Resize handle on left edge */\n.lr-sidebar-resize {\n  position: absolute;\n  top: 0;\n  left: -4px;\n  width: 8px;\n  bottom: 0;\n  cursor: col-resize;\n  z-index: 1;\n}\n\n.lr-sidebar-resize:hover,\n.lr-sidebar-resize.active {\n  background: rgba(45, 127, 127, 0.3);\n}\n\n.lr-sidebar-header {\n  padding: 16px;\n  border-bottom: 1px solid #e0e0e0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.lr-sidebar-title {\n  font-weight: 600;\n  font-size: 15px;\n}\n\n.lr-sidebar-close {\n  background: none;\n  border: none;\n  font-size: 20px;\n  cursor: pointer;\n  color: #666;\n  padding: 4px 8px;\n  line-height: 1;\n}\n\n.lr-sidebar-close:hover {\n  color: #1a1a2e;\n}\n\n.lr-sidebar-body {\n  padding: 16px;\n}\n\n.lr-field {\n  margin-bottom: 16px;\n}\n\n.lr-field-label {\n  display: block;\n  font-size: 12px;\n  font-weight: 600;\n  color: #666;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  margin-bottom: 6px;\n}\n\n.lr-field-key {\n  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\n  font-size: 12px;\n  color: #2d7f7f;\n  background: #f0f7f7;\n  padding: 4px 8px;\n  border-radius: 4px;\n  word-break: break-all;\n}\n\n.lr-field-original {\n  font-size: 13px;\n  color: #333;\n  background: #f8f8f8;\n  padding: 10px 12px;\n  border-radius: 6px;\n  border: 1px solid #eee;\n  white-space: pre-wrap;\n  word-break: break-word;\n}\n\n.lr-field-tag {\n  display: inline;\n  background: #d9eded;\n  color: #2d7f7f;\n  padding: 0 3px;\n  border-radius: 2px;\n  font-family: monospace;\n  font-size: 12px;\n}\n\n.lr-textarea {\n  width: 100%;\n  min-height: 100px;\n  padding: 10px 12px;\n  border: 1px solid #ddd;\n  border-radius: 6px;\n  font-family: inherit;\n  font-size: 14px;\n  line-height: 1.5;\n  resize: vertical;\n  outline: none;\n  transition: border-color 0.15s;\n}\n\n.lr-textarea:focus {\n  border-color: #2d7f7f;\n  box-shadow: 0 0 0 3px rgba(45, 127, 127, 0.1);\n}\n\n.lr-preview {\n  padding: 10px 12px;\n  background: #f8f8f8;\n  border: 1px solid #eee;\n  border-radius: 6px;\n  font-size: 13px;\n  min-height: 40px;\n}\n\n.lr-status {\n  padding: 10px 16px;\n  font-size: 12px;\n  color: #666;\n  text-align: center;\n  border-top: 1px solid #eee;\n  background: #fafafa;\n}\n\n.lr-status.saved {\n  color: #22c55e;\n}\n\n.lr-status.error {\n  color: #ef4444;\n}\n\n.lr-status.unsaved {\n  color: #f59e0b;\n}\n\n/* \u2500\u2500 Page blocks list \u2500\u2500 */\n.lr-blocks-section {\n  margin-top: 16px;\n  padding-top: 16px;\n  border-top: 1px solid #eee;\n}\n\n.lr-blocks-title {\n  font-size: 12px;\n  font-weight: 600;\n  color: #666;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  margin-bottom: 8px;\n}\n\n.lr-block-item {\n  padding: 8px 10px;\n  border: 1px solid #eee;\n  border-radius: 4px;\n  margin-bottom: 4px;\n  cursor: pointer;\n  font-size: 13px;\n  color: #333;\n  overflow: hidden;\n  transition: background 0.1s;\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n}\n\n.lr-block-item:hover {\n  background: #f0f7f7;\n  border-color: #2d7f7f;\n}\n\n.lr-block-item.active {\n  background: #e5f2f2;\n  border-color: #2d7f7f;\n}\n\n/* \u2500\u2500 Status dots \u2500\u2500 */\n.lr-status-dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  flex-shrink: 0;\n  margin-top: 5px;\n  background: #d1d5db;\n}\n\n.lr-status-dot.missing { background: #d1d5db; }\n.lr-status-dot.mt { background: #60a5fa; }\n.lr-status-dot.edited { background: #f97316; }\n.lr-status-dot.confirmed { background: #22c55e; }\n.lr-status-dot.ready { background: #22c55e; }\n.lr-status-dot.locked { background: #a855f7; }\n.lr-status-dot.unsaved { background: #f59e0b; }\n.lr-status-dot.readonly { background: #9ca3af; opacity: 0.6; } /* grey + faded \u2014 past my stage */\n\n/* \u2500\u2500 Locked textarea \u2500\u2500 */\n.lr-textarea-locked {\n  background: #f3f4f6;\n  color: #6b7280;\n  cursor: not-allowed;\n  border-color: #e5e7eb;\n}\n\n/* \u2500\u2500 Block text layout \u2500\u2500 */\n.lr-block-text {\n  overflow: hidden;\n  min-width: 0;\n}\n\n.lr-block-source {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.lr-block-preview {\n  font-size: 11px;\n  color: #888;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  margin-top: 2px;\n}\n";
//# sourceMappingURL=editor-styles.d.ts.map