.collaborative-editor{gap:.75rem;min-height:min(65dvh,44rem);display:grid}.collaborative-editor textarea{resize:vertical;outline-offset:.3rem;width:100%;min-height:24rem;color:inherit;font:inherit;background:0 0;border:0;padding:1rem;line-height:1.65}.collaborative-editor__bar{justify-content:space-between;align-items:center;gap:1rem;font-size:.8rem;display:flex}.collaborative-editor button,.collaborative-editor select{background:color-mix(in oklch, currentColor 6%, transparent);border-radius:.8rem;min-height:2.75rem;padding:.5rem .8rem}.collaborative-editor [role=alert]{color:oklch(55% .16 28);font-size:.85rem}.visual-collaboration>button{background:color-mix(in oklch, currentColor 7%, transparent);border-radius:1rem;min-height:2.75rem;margin-block:.5rem;padding:.5rem .9rem}.visual-editor{background:color-mix(in oklch, currentColor 3%, transparent);border-radius:1.25rem;animation:.3s ease-out visual-arrive;overflow:clip}.visual-editor__tools{flex-wrap:wrap;align-items:center;gap:.3rem;padding:.5rem;display:flex}.visual-editor__tools button{text-transform:capitalize;border-radius:.8rem;min-height:2.75rem;padding:.5rem .8rem}.visual-editor__tools button[aria-pressed=true]{color:oklch(50% .11 60);background:oklch(80% .1 75/.2)}.visual-editor__tools button:disabled{opacity:.4}.visual-editor__page{width:fit-content;max-width:100%;margin-inline:auto;position:relative}.visual-editor__page canvas{max-width:100%;height:auto;display:block}.visual-editor__ink{cursor:crosshair;width:100%;position:absolute;inset:0}.visual-editor [role=alert]{padding:.8rem}@keyframes visual-arrive{0%{opacity:0;transform:translateY(.4rem)scale(.99)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.visual-editor{animation:none}}