.text-editor-container{flex-direction:column;width:100%;height:100%;display:flex}.text-editor-container:has([contenteditable=plaintext-only]){cursor:text}.text-editor{white-space:pre-wrap;overflow-wrap:break-word;outline:none;width:100%}.text-editor--h-left{text-align:left}.text-editor--h-center{text-align:center}.text-editor--h-right{text-align:right}.text-editor--v-top{justify-content:flex-start}.text-editor--v-center{justify-content:center}.text-editor--v-bottom{justify-content:flex-end}.text-editor__placeholder{pointer-events:none;color:var(--color-brown-300);line-height:1.2;display:flex;position:absolute;inset:0}.text-editor__placeholder--h-left{text-align:left;justify-content:flex-start}.text-editor__placeholder--h-center{text-align:center;justify-content:center}.text-editor__placeholder--h-right{text-align:right;justify-content:flex-end}.text-editor__placeholder--v-top{align-items:flex-start}.text-editor__placeholder--v-center{align-items:center}.text-editor__placeholder--v-bottom{align-items:flex-end}.text-editor{line-height:1.2}.card-face{--inner-radius:calc(var(--face-radius) - var(--face-padding));gap:calc(var(--face-image-padding) * 1.5);width:100%;height:100%;padding:var(--face-padding);border-radius:var(--face-radius);background-color:var(--card-bg-color);aspect-ratio:var(--aspect-card);flex-direction:column;display:flex;position:relative}.card-face[data-mode=edit]{--face-border-width:0px}.card-face[data-mode=edit]:focus-within{outline:2px solid var(--color-blue-500)}.card-container[data-error] .card-face{outline:2px solid var(--color-red-500)}.card-face[data-layout=above]{flex-direction:column}.card-face[data-layout=below]{flex-direction:column-reverse}.card-face__image-region{border-radius:var(--inner-radius);flex:auto;min-height:0;position:relative}.card-face__image{border-radius:inherit}.card-face__text-region{flex:none;min-height:0;overflow:hidden}.card-face[data-image=true]:not([data-layout=behind]) .card-face__image-region{min-height:50%}.card-face[data-image=true]:not([data-layout=behind]) .card-face__text-region{max-height:50%}.card-face[data-layout=behind] .card-face__image-region{z-index:0;border-radius:var(--face-radius);position:absolute;inset:0}.card-face[data-layout=behind] .card-face__text-region{z-index:1;flex:auto;position:relative}.card-face[data-image=false] .card-face__image-region{display:none}.card-face[data-image=false] .card-face__text-region{flex:auto}.card-face[data-image=true][data-text=false][data-layout=behind]{gap:0;padding:0}.card-face[data-image=true][data-text=false][data-layout=behind] .card-face__image-region{border-radius:var(--face-radius);flex:none;position:absolute;inset:0}.card-face[data-mode=view][data-image=true][data-text=false][data-layout=behind] .card-face__text-region,.card-face[data-mode=edit][data-image=true][data-text=false][data-layout=behind] .text-editor__placeholder,.card-face[data-mode=view][data-image=true][data-text=false]:is([data-layout=above],[data-layout=below]) .card-face__text-region{display:none}.card-face[data-mode=edit][data-image=true]:not([data-layout=behind]) .card-face__image-region{outline-offset:4px;outline:3px dashed #0000;transition:inset .15s,outline-color .15s,border-radius .15s}.card-container--edit[data-active] .card-face[data-mode=edit][data-image=true]:not([data-layout=behind]) .card-face__image-region{outline-color:var(--color-brown-500)}.card-container--edit[data-dragging] .card-face[data-mode=edit][data-image=true]:not([data-layout=behind]) .card-face__image-region{outline-color:var(--color-blue-500)}[data-theme=dark] .card-container--edit[data-dragging] .card-face[data-mode=edit][data-image=true]:not([data-layout=behind]) .card-face__image-region{outline-color:var(--color-blue-650)}.card-face[data-mode=edit][data-layout=behind][data-image=true] .card-face__image-region{transition:inset .15s,border-radius .15s}.card-container--edit[data-dragging] .card-face[data-mode=edit][data-layout=behind][data-image=true] .card-face__image-region{inset:var(--face-padding);border-radius:var(--inner-radius)}.card-container--edit[data-dragging] .card-face[data-mode=edit][data-layout=behind][data-image=true]{outline:3px dashed var(--color-blue-500);outline-offset:-3px;transition:outline-color .15s}[data-theme=dark] .card-container--edit[data-dragging] .card-face[data-mode=edit][data-layout=behind][data-image=true]{outline-color:var(--color-blue-650)}.card-container[data-loading] .text-editor__placeholder{display:none}.card-face__text-editor{color:var(--card-text-color)}.card-face__text-editor .text-editor__placeholder{color:var(--card-text-color--placeholder)}.card-cover{border-radius:var(--face-radius);box-sizing:border-box;width:100%;height:100%}.card-container{perspective:600px;transform-style:preserve-3d;--min-element-height:80px;--face-image-padding:calc(var(--face-padding) / 2);--card-bg-color:var(--color-white);--card-text-color:var(--color-brown-700);--card-text-color--placeholder:var(--color-brown-500);aspect-ratio:var(--aspect-card);width:var(--card-width);color:var(--card-text-color);transition:width 50ms ease-in-out;position:relative}.card-container--2xl{--card-width:380px;--face-border-width:6px;--face-radius:70px;--face-padding:42px}.card-container--xl{--card-width:314px;--face-border-width:6px;--face-radius:58px;--face-padding:20px;--min-element-height:80px}.card-container--lg{--card-width:260px;--face-border-width:6px;--face-radius:56px;--face-padding:24px}.card-container--md{--card-width:240px;--face-border-width:4px;--face-radius:46px;--face-padding:16px;--min-element-height:80px}.card-container--base{--card-width:192px;--face-border-width:4px;--face-radius:40px;--face-padding:20px;--min-element-height:80px}.card-container--sm{--card-width:138px;--face-border-width:4px;--face-radius:32px;--face-padding:6px}.card-container--xs{--card-width:102px;--face-border-width:4px;--face-radius:24px;--face-padding:4px}.card-container--2xs{--card-width:43px;--face-border-width:3px;--face-radius:14px;--face-padding:2px}.card-container--3xs{--card-width:28px;--face-border-width:2px;--face-radius:8px;--face-padding:1px}[data-theme=dark] .card-container{--card-bg-color:var(--color-stone-700);--card-text-color:var(--color-brown-100);--card-text-color--placeholder:var(--color-brown-500)}.card-shimmer{border-radius:var(--face-radius);pointer-events:none;z-index:10;position:absolute;inset:0;overflow:hidden}.card-shimmer:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff24 50%,#0000 100%);animation:1.8s ease-in-out infinite card-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes card-shimmer{to{transform:translate(200%)}}