/* Editor feedback has its own legible palette, independent of website colors. */
.editor-drop-hint {
  display: grid; gap: 5px; padding: 10px 13px; border: 1px solid #67e8f9;
  border-radius: 12px; background: #083344; color: #ecfeff;
  box-shadow: 0 8px 24px #02061730, 0 1px 3px #02061730;
  font: 12px/1.4 ui-sans-serif, system-ui, sans-serif;
}
.editor-drop-hint[data-editor-drop-feedback-tone="blocked"] { border-color: #fda4af; background: #4c0519; color: #fff1f2; }
.editor-drop-hint-heading { display: flex; align-items: center; gap: 7px; font-weight: 700; }
.editor-drop-hint-detail { padding-left: 23px; font-size: 11px; overflow-wrap: anywhere; }
.editor-drop-hint-heading svg { width: 16px; height: 16px; flex-shrink: 0; }
[data-editor-drop-zone][data-editor-drop-is-over="true"] { border-radius: 6px; }
[data-editor-drop-zone][data-editor-drop-is-over="true"][data-editor-drop-can-drop="true"] > [data-editor-insertion-line],
[data-editor-chrome-library-drop-active="true"] > [data-editor-insertion-line] { background: #0891b2; box-shadow: 0 0 0 3px #22d3ee30; }
[data-editor-insertion-line] { pointer-events: none; }
[data-editor-drop-is-over="true"][data-editor-drop-can-drop="true"] > [data-editor-insertion-line]::before,
[data-editor-chrome-library-drop-active="true"] > [data-editor-insertion-line]::before {
  content: '+'; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%;
  border: 2px solid white; background: #0e7490; color: white; font: 700 14px/1 system-ui;
  box-shadow: 0 0 0 1px #0891b2;
}
.editor-empty-content[data-editor-empty-column-surface] {
  border: 1px dashed #a5d4de; background: linear-gradient(135deg, #f8fdff, #ecfaff);
  transition: border-color 120ms ease, background-color 120ms ease, box-shadow 120ms ease;
}
.editor-empty-content[data-editor-empty-column-surface]:hover { border-color: #0891b2; }
.editor-empty-content[data-editor-drop-is-over="true"][data-editor-drop-can-drop="false"] {
  border-color: #fb7185; background: #fff1f2 !important; box-shadow: inset 0 0 0 1px #fb7185;
}
.editor-empty-content[data-editor-drop-is-over="true"][data-editor-drop-can-drop="false"] .editor-empty-content-add { background: #fff1f2 !important; color: #9f1239 !important; border-color: #fda4af !important; }
[data-form-drop-target][data-form-drop-active="true"] { outline: 1px dashed #0891b270; outline-offset: -1px; }
[data-form-drop-target][data-form-drop-hover="true"] { outline: 2px solid #0891b2; outline-offset: -1px; box-shadow: 0 0 0 3px #22d3ee30; }
[data-form-drop-target][data-form-drop-blocked="true"] { outline-color: #e11d48; background: #fff1f2 !important; }
.editor-form-drag-hint { pointer-events: none; position: fixed; z-index: 150; max-width: min(300px, calc(100vw - 16px)); }
@media (prefers-reduced-motion: reduce) {
  .editor-empty-content[data-editor-empty-column-surface] { transition: none; }
}

@layer utilities{.col-span-full{grid-column:1/-1}}@layer utilities{.bg-amber-700{background-color:var(--color-amber-700)}}@layer utilities{.bg-red-700{background-color:var(--color-red-700)}}@layer utilities{.bg-rose-100\/80{background-color:#ffe4e6cc}}@layer utilities{@supports (color:color-mix(in lab,red,red)){.bg-rose-100\/80{background-color:color-mix(in oklab,var(--color-rose-100)80%,transparent)}}}@layer utilities{.bg-rose-300\/20{background-color:#ffa2ae33}}@layer utilities{@supports (color:color-mix(in lab,red,red)){.bg-rose-300\/20{background-color:color-mix(in oklab,var(--color-rose-300)20%,transparent)}}}@layer utilities{.bg-rose-900{background-color:var(--color-rose-900)}}@layer utilities{.bg-slate-50\/50{background-color:#f8fafc80}}@layer utilities{@supports (color:color-mix(in lab,red,red)){.bg-slate-50\/50{background-color:color-mix(in oklab,var(--color-slate-50)50%,transparent)}}}@layer utilities{.bg-slate-400\/20{background-color:#90a1b933}}@layer utilities{@supports (color:color-mix(in lab,red,red)){.bg-slate-400\/20{background-color:color-mix(in oklab,var(--color-slate-400)20%,transparent)}}}@layer utilities{.ring-rose-500{--tw-ring-color:var(--color-rose-500)}}@layer utilities{@media (hover:hover){.hover\:border-cyan-500\/60:hover{border-color:#00b7d799}}}@layer utilities{@media (hover:hover){@supports (color:color-mix(in lab,red,red)){.hover\:border-cyan-500\/60:hover{border-color:color-mix(in oklab,var(--color-cyan-500)60%,transparent)}}}}@layer utilities{@media (hover:hover){.hover\:bg-amber-800:hover{background-color:var(--color-amber-800)}}}@layer utilities{@media (hover:hover){.hover\:bg-red-800:hover{background-color:var(--color-red-800)}}}@layer utilities{@media (min-width:80rem){.xl\:grid-cols-\[minmax\(0\,1\.2fr\)_minmax\(280px\,1fr\)\]{grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr)}}}@layer utilities{@media (min-width:80rem){.xl\:grid-cols-\[minmax\(0\,1fr\)_310px\]{grid-template-columns:minmax(0,1fr) 310px}}}@layer utilities{.dark\:bg-\[\#101c2b\]:is(.dark *){background-color:#101c2b}}@layer utilities{.dark\:bg-amber-300\/5:is(.dark *){background-color:#ffd2360d}}@layer utilities{@supports (color:color-mix(in lab,red,red)){.dark\:bg-amber-300\/5:is(.dark *){background-color:color-mix(in oklab,var(--color-amber-300)5%,transparent)}}}@layer utilities{@media (hover:hover){.dark\:hover\:bg-red-300\/10:is(.dark *):hover{background-color:#ffa3a31a}}}@layer utilities{@media (hover:hover){@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-red-300\/10:is(.dark *):hover{background-color:color-mix(in oklab,var(--color-red-300)10%,transparent)}}}}@layer utilities{@media (hover:hover){.dark\:hover\:text-red-200:is(.dark *):hover{color:var(--color-red-200)}}}