export declare const SHADOW_STYLES = "\n  :host {\n    display: block;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;\n    line-height: 1.6;\n    position: relative;\n    container-type: inline-size;\n    color-scheme: var(--ek-color-scheme, light dark);\n\n    /* --- Semantic tokens: light-dark(light, dark) --- */\n    --ek-text: light-dark(#1a1a1a, #e4e4e7);\n    --ek-text-muted: light-dark(#6b7280, #a1a1aa);\n    --ek-text-faint: light-dark(#9ca3af, #71717a);\n    --ek-heading: light-dark(#111, #fafafa);\n    --ek-heading-h6: light-dark(#555, #a1a1aa);\n    --ek-link: light-dark(#2563eb, #60a5fa);\n    --ek-accent: light-dark(#6366f1, #818cf8);\n    --ek-accent-hover-bg: light-dark(#f5f3ff, #1e1b4b);\n    --ek-accent-active-bg: light-dark(#ede9fe, #312e81);\n    --ek-accent-active-border: light-dark(#c4b5fd, #6366f1);\n    --ek-bg: light-dark(#fff, #18181b);\n    --ek-bg-subtle: light-dark(#f3f4f6, #27272a);\n    --ek-bg-muted: light-dark(#f3f4f6, #27272a);\n    --ek-bg-editing: light-dark(#fefce8, #1c1a0e);\n    --ek-border: light-dark(#e5e7eb, #3f3f46);\n    --ek-border-muted: light-dark(#d1d5db, #52525b);\n    --ek-code-bg: light-dark(#1e1e2e, #0f0f14);\n    --ek-code-text: #cdd6f4;\n    --ek-code-filepath: light-dark(#94a3b8, #71717a);\n    --ek-inline-code-bg: light-dark(#f3f4f6, #27272a);\n    --ek-danger: light-dark(#dc2626, #f87171);\n    --ek-danger-border: light-dark(#fca5a5, #7f1d1d);\n    --ek-danger-hover-bg: light-dark(#fef2f2, #1c0a0a);\n    --ek-shadow: light-dark(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4));\n    --ek-shadow-soft: light-dark(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.3));\n    --ek-shadow-med: light-dark(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.5));\n    --ek-mono: 'SF Mono', Monaco, Consolas, monospace;\n\n    color: var(--ek-text);\n    background-color: var(--ek-bg);\n  }\n\n  /* --- Block content --- */\n  [data-block-type=\"paragraph\"] p { margin: 0.6em 0; line-height: 1.6; }\n  [data-block-type=\"paragraph\"] a,\n  [data-block-type=\"heading\"] a { color: var(--ek-link); text-decoration: none; }\n  [data-block-type=\"paragraph\"] a:hover,\n  [data-block-type=\"heading\"] a:hover { text-decoration: underline; }\n  [data-block-type=\"paragraph\"] code,\n  [data-block-type=\"heading\"] code {\n    background: var(--ek-inline-code-bg); padding: 0.15em 0.35em; border-radius: 3px;\n    font-family: var(--ek-mono); font-size: 0.9em;\n  }\n  [data-block-type=\"paragraph\"] strong,\n  [data-block-type=\"heading\"] strong { font-weight: 600; }\n\n  [data-block-type=\"heading\"] h1, [data-block-type=\"heading\"] h2, [data-block-type=\"heading\"] h3,\n  [data-block-type=\"heading\"] h4, [data-block-type=\"heading\"] h5, [data-block-type=\"heading\"] h6 {\n    color: var(--ek-heading); font-weight: 600; line-height: 1.25; margin: 0;\n  }\n  [data-block-type=\"heading\"] h1 { font-size: 2em; padding-bottom: 0.3em; border-bottom: 1px solid var(--ek-border); margin-bottom: 0.5em; }\n  [data-block-type=\"heading\"] h2 { font-size: 1.5em; padding-bottom: 0.25em; border-bottom: 1px solid var(--ek-border); margin-bottom: 0.4em; }\n  [data-block-type=\"heading\"] h3 { font-size: 1.25em; }\n  [data-block-type=\"heading\"] h4 { font-size: 1em; }\n  [data-block-type=\"heading\"] h5 { font-size: 0.875em; }\n  [data-block-type=\"heading\"] h6 { font-size: 0.85em; color: var(--ek-heading-h6); }\n\n  [data-block-type=\"code-block\"] pre {\n    background: var(--ek-code-bg); color: var(--ek-code-text); padding: 1em; border-radius: 6px;\n    overflow-x: auto; margin: 0.8em 0; font-size: 0.875em; line-height: 1.5;\n  }\n  [data-block-type=\"code-block\"] code { font-family: var(--ek-mono); }\n  [data-block-type=\"code-block\"] pre[data-filepath]::before {\n    content: attr(data-filepath);\n    display: block; margin-bottom: 0.4em;\n    font-size: 0.85em; color: var(--ek-code-filepath);\n    font-family: var(--ek-mono);\n  }\n\n  [data-block-type=\"hr\"] hr { border: none; border-top: 1px solid var(--ek-border); margin: 1.5em 0; }\n\n  [data-block-type=\"blockquote\"] blockquote {\n    border-left: 3px solid var(--ek-accent); padding-left: 1em;\n    margin: 0.8em 0; color: var(--ek-text-muted);\n  }\n\n  [data-block-type=\"list\"] ul, [data-block-type=\"list\"] ol { margin: 0.6em 0; padding-left: 1.5em; }\n  [data-block-type=\"list\"] li { line-height: 1.6; margin: 0.25em 0; }\n\n  [data-block-type=\"task-list\"] .task-list { list-style: none; padding-left: 0; margin: 0.6em 0; }\n  [data-block-type=\"task-list\"] .task-list-item { line-height: 1.6; margin: 0.25em 0; }\n\n  /* --- Table --- */\n  table { border-collapse: collapse; width: 100%; margin: 0.8em 0; }\n  th, td { padding: 0.4em 0.8em; border: 1px solid var(--ek-border); text-align: left; }\n  th { background: var(--ek-bg-muted); font-weight: 600; }\n  .table-error { color: var(--ek-danger); background: var(--ek-bg-muted); padding: 0.6em 1em; border-radius: 6px; }\n  .align-center { text-align: center; }\n  .align-right { text-align: right; }\n\n  @container (inline-size < 400px) {\n    [data-block-type=\"table\"] { overflow-x: auto; }\n  }\n\n  /* --- HTML form controls --- */\n  [data-block-type^=\"html:\"] { margin: 0.4em 0; }\n  [data-block-type^=\"html:\"] input,\n  [data-block-type^=\"html:\"] select,\n  [data-block-type^=\"html:\"] textarea {\n    display: block; width: 100%; box-sizing: border-box;\n    padding: 0.5em 0.6em; font-family: inherit; font-size: inherit;\n    line-height: 1.5; color: var(--ek-text); background: var(--ek-bg);\n    border: 1px solid var(--ek-border); border-radius: 4px;\n    outline: none;\n  }\n  [data-block-type^=\"html:\"] input:focus,\n  [data-block-type^=\"html:\"] select:focus,\n  [data-block-type^=\"html:\"] textarea:focus {\n    border-color: var(--ek-accent);\n  }\n  [data-block-type^=\"html:\"] select { width: auto; min-width: 10em; max-width: 100%; }\n  [data-block-type^=\"html:\"] textarea { resize: vertical; field-sizing: content; min-height: 3em; }\n  [data-block-type^=\"html:\"] output {\n    display: block; padding: 0.5em 0.6em; font-family: inherit;\n    color: var(--ek-text-muted); background: var(--ek-bg-muted);\n    border: 1px solid var(--ek-border); border-radius: 4px;\n  }\n  [data-block-type^=\"html:\"] button {\n    display: inline-block; padding: 0.5em 1.2em; font-family: inherit; font-size: inherit;\n    color: var(--ek-text); background: var(--ek-bg);\n    border: 1px solid var(--ek-border); border-radius: 4px; cursor: pointer;\n  }\n  [data-block-type^=\"html:\"] button:hover { background: var(--ek-bg-muted); }\n  [data-block-type^=\"html:\"] meter,\n  [data-block-type^=\"html:\"] progress {\n    display: block; width: 100%; height: 1.2em; border-radius: 4px;\n  }\n\n\n  /* --- Image --- */\n  figure { margin: 0.8em 0; }\n  figure img { max-width: 100%; height: auto; border-radius: 4px; }\n\n  /* --- Footnotes --- */\n  .footnotes { font-size: 0.9em; color: var(--ek-text-muted); border-top: 1px solid var(--ek-border); margin-top: 1.5em; padding-top: 0.8em; }\n  .footnote-backref { text-decoration: none; color: var(--ek-link); }\n\n  /* --- CSS Custom Highlight API --- */\n  ::highlight(md-bold) { background-color: rgba(59, 130, 246, 0.12); }\n  ::highlight(md-italic) { background-color: rgba(168, 85, 247, 0.12); }\n  ::highlight(md-code) { background-color: rgba(107, 114, 128, 0.15); }\n  ::highlight(md-link) { background-color: rgba(37, 99, 235, 0.12); }\n\n  /* --- Insert handles --- */\n  .insert-handle {\n    height: 0; position: relative; margin: 0;\n    opacity: 0; visibility: hidden; transition: opacity 0.15s, visibility 0.15s;\n  }\n  .insert-handle.visible { opacity: 1; visibility: visible; }\n  .insert-handle:focus-within { opacity: 1; visibility: visible; }\n  .insert-btn {\n    position: absolute; left: 50%; top: -12px; transform: translateX(-50%);\n    width: 24px; height: 24px; border-radius: 50%;\n    border: 1.5px solid var(--ek-border-muted); background: var(--ek-bg); color: var(--ek-text-faint);\n    font-size: 16px; cursor: pointer;\n    display: flex; align-items: center; justify-content: center;\n    z-index: 2; transition: all 0.15s;\n  }\n  .insert-btn:hover { border-color: var(--ek-accent); color: var(--ek-accent); background: var(--ek-accent-hover-bg); }\n\n  /* --- Insert menu --- */\n  .insert-menu {\n    position: absolute; left: 50%; top: 14px; transform: translateX(-50%);\n    background: var(--ek-bg); border: 1px solid var(--ek-border); border-radius: 8px;\n    box-shadow: 0 4px 12px var(--ek-shadow); padding: 4px; z-index: 10;\n    display: flex; gap: 2px;\n  }\n  .insert-menu button {\n    padding: 6px 12px; border: none; background: none; border-radius: 6px;\n    font-size: 0.8em; color: var(--ek-text); cursor: pointer; white-space: nowrap;\n  }\n  .insert-menu button:hover { background: var(--ek-bg-muted); }\n\n  @container (inline-size < 400px) {\n    .insert-menu { flex-wrap: wrap; justify-content: center; }\n  }\n\n  /* --- Block wrapper --- */\n  .block-wrapper {\n    position: relative; border-radius: 4px;\n    transition: background 0.1s;\n  }\n  .block-wrapper:hover { background: var(--ek-bg-subtle); }\n  .block-wrapper.editing { background: var(--ek-bg-editing); }\n\n  /* --- Floating toolbar (inside paragraph/heading) --- */\n  .floating-toolbar {\n    position: absolute; left: 50%; transform: translateX(-50%);\n    top: -42px; z-index: 20;\n    display: flex; gap: 2px; padding: 4px; background: var(--ek-bg);\n    border: 1px solid var(--ek-border); border-radius: 6px;\n    box-shadow: 0 4px 12px var(--ek-shadow-med);\n  }\n  .floating-toolbar button {\n    padding: 4px 8px; border: 1px solid transparent; background: none;\n    border-radius: 4px; font-size: 0.8em; cursor: pointer; color: var(--ek-text);\n    font-family: inherit;\n  }\n  .floating-toolbar button:hover { background: var(--ek-bg-muted); }\n  .floating-toolbar button.active { background: var(--ek-accent-active-bg); color: var(--ek-accent); border-color: var(--ek-accent-active-border); }\n\n  /* --- Heading level selector --- */\n  .heading-selector {\n    display: flex; gap: 2px; margin-bottom: 4px;\n  }\n  .block-popup .heading-selector { margin-bottom: 0; margin-right: auto; }\n  .heading-selector button {\n    padding: 2px 8px; border: 1px solid var(--ek-border); background: var(--ek-bg);\n    border-radius: 4px; font-size: 0.75em; font-weight: 600;\n    cursor: pointer; color: var(--ek-text);\n  }\n  .heading-selector button.active {\n    background: var(--ek-accent); color: #fff; border-color: var(--ek-accent);\n  }\n  .heading-selector button:hover:not(.active) { background: var(--ek-bg-muted); }\n\n  /* --- Inline toolbar (text mode) --- */\n  .toolbar {\n    display: flex; gap: 2px; padding: 4px; background: var(--ek-bg);\n    border: 1px solid var(--ek-border); border-radius: 6px;\n    box-shadow: 0 2px 8px var(--ek-shadow-soft); margin-bottom: 4px;\n  }\n  .toolbar button {\n    padding: 4px 8px; border: 1px solid transparent; background: none;\n    border-radius: 4px; font-size: 0.8em; cursor: pointer; color: var(--ek-text);\n    font-family: inherit;\n  }\n  .toolbar button:hover { background: var(--ek-bg-muted); }\n  .toolbar button.active { background: var(--ek-accent-active-bg); color: var(--ek-accent); border-color: var(--ek-accent-active-border); }\n\n  /* --- Edit input --- */\n  .edit-input {\n    width: 100%; padding: 0.4em 0.5em; border: 1.5px solid var(--ek-accent);\n    border-radius: 4px; outline: none; font-family: inherit;\n    font-size: inherit; line-height: 1.6; background: var(--ek-bg); color: var(--ek-text);\n    box-sizing: border-box; resize: none;\n    field-sizing: content; min-height: 2.4em;\n  }\n  .edit-input.code-editor {\n    font-family: var(--ek-mono); font-size: 0.875em; min-height: 4em;\n  }\n  .copy-json {\n    flex: none; padding: 0.25em 0.6em; font-size: 0.8em; cursor: pointer;\n    border: 1px solid var(--ek-border-muted); border-radius: 4px;\n    background: var(--ek-bg); color: var(--ek-text-faint);\n  }\n  .copy-json:hover {\n    border-color: var(--ek-accent); color: var(--ek-accent);\n    background: var(--ek-accent-hover-bg);\n  }\n\n  /* --- Code block meta inputs --- */\n  .code-meta {\n    display: flex; gap: 6px; margin-bottom: 4px;\n  }\n  .code-meta-input {\n    flex: 1; font-size: 0.8em !important; padding: 0.3em 0.5em !important;\n    min-height: unset !important; field-sizing: normal !important;\n    font-family: var(--ek-mono);\n  }\n\n  /* --- Hidden utility --- */\n  .hidden { display: none !important; }\n\n  /* --- Document toolbar --- */\n  .doc-toolbar {\n    display: flex; gap: 2px; padding: 4px; margin-bottom: 8px;\n    border-bottom: 1px solid var(--ek-border);\n  }\n  .doc-toolbar button {\n    padding: 4px 12px; border: 1px solid transparent; background: none;\n    border-radius: 4px; font-size: 0.8em; cursor: pointer; color: var(--ek-text-muted);\n    font-family: inherit;\n  }\n  .doc-toolbar button:hover { background: var(--ek-bg-muted); color: var(--ek-text); }\n  .doc-toolbar button.active {\n    background: var(--ek-accent-active-bg); color: var(--ek-accent); border-color: var(--ek-accent-active-border);\n  }\n\n  /* --- Source editor --- */\n  .source-editor {\n    width: 100%; min-height: 20em; padding: 0.8em; border: 1.5px solid var(--ek-accent);\n    border-radius: 6px; outline: none; background: var(--ek-code-bg); color: var(--ek-code-text);\n    font-family: var(--ek-mono); font-size: 0.875em;\n    line-height: 1.6; box-sizing: border-box; resize: vertical;\n    field-sizing: content;\n  }\n\n  /* --- Block popup (popover toolbar above block) --- */\n  .block-popup {\n    display: flex; align-items: center; gap: 6px;\n    padding: 4px 6px; margin: 0;\n    background: var(--ek-bg); border: 1px solid var(--ek-border); border-radius: 6px;\n    box-shadow: 0 2px 8px var(--ek-shadow-soft);\n    font-family: inherit; font-size: inherit; color: var(--ek-text);\n    /* Anchor to the editing block wrapper */\n    inset: auto;\n    position: fixed;\n    position-anchor: --ek-editing-block;\n    bottom: anchor(top);\n    left: anchor(left);\n    width: anchor-size(width);\n    margin-bottom: 4px;\n  }\n  .block-popup-msg {\n    font-size: 0.8em; color: var(--ek-text-muted); margin-right: auto;\n  }\n  .block-popup button {\n    padding: 3px 10px; border: 1px solid var(--ek-border-muted); background: var(--ek-bg);\n    border-radius: 4px; font-size: 0.75em; cursor: pointer; color: var(--ek-text);\n    font-family: inherit; white-space: nowrap;\n  }\n  .block-popup button:hover { background: var(--ek-bg-muted); }\n  .block-popup button.danger {\n    color: var(--ek-danger); border-color: var(--ek-danger-border);\n  }\n  .block-popup button.danger:hover { background: var(--ek-danger-hover-bg); }\n";
//# sourceMappingURL=shadow.style.d.ts.map