.add__text.cr-textarea{resize:vertical;min-height:180px;max-height:min(360px,45dvh);line-height:var(--lh-body)}.add__text-back{align-self:flex-start}.ip-text{flex:1;min-height:0;padding:clamp(24px,5vw,56px) clamp(20px,5vw,64px);overflow-y:auto}.ip-text__page{max-width:68ch;margin:0 auto}.ip-text__kind{font-size:var(--fs-small);font-weight:var(--fw-medium);color:var(--text-2)}.ip-text__title{color:var(--text-strong);text-wrap:balance;margin:6px 0 24px}.ip-text__body{font-size:var(--fs-ui);line-height:var(--lh-body);color:var(--text-2);white-space:pre-wrap;overflow-wrap:anywhere;text-wrap:pretty}.ip-text__title[contenteditable]{cursor:text;caret-color:var(--text);outline:none}.ip-text__body[contenteditable]{cursor:text;min-height:40vh;caret-color:var(--text);outline:none}.ip-text__body[contenteditable]:focus{color:var(--text)}.ip-text__state.cr-statusbar{width:fit-content;max-width:100%;margin:12px 0 0;position:sticky;bottom:0}.ip-text__state .cr-statusbar-cell.is-error{color:var(--danger)}.ip-text__missing{font-size:var(--fs-ui);color:var(--muted)}.ip-text__wait{gap:10px;display:grid}.ip-text__wait i{background:var(--surface-2);border-radius:6px;height:12px;animation:1.2s ease-in-out infinite alternate ip-text-wait;display:block}@keyframes ip-text-wait{0%{opacity:.45}to{opacity:1}}@media (prefers-reduced-motion:reduce){.ip-text__wait i{animation:none}}.tile__text{box-sizing:border-box;aspect-ratio:1;background:var(--surface-raised);border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px var(--border);flex-direction:column;gap:8px;padding:clamp(16px,7cqw,22px) clamp(16px,8cqw,22px) 0;display:flex;position:relative;overflow:hidden;container-type:inline-size}.tile__media[style]>.tile__text{aspect-ratio:auto;height:100%}.tile__text:after{content:"";pointer-events:none;background:linear-gradient(transparent, var(--surface-raised) 52%);opacity:0;height:104px;transition:opacity .2s;position:absolute;inset:auto 0 0}.tile:hover .tile__text:after,.tile:focus-within .tile__text:after{opacity:1}@media (hover:none){.tile__text:after{display:none}}.tile__text-kind{font-size:var(--fs-small);color:var(--text-2);align-items:center;gap:6px;display:inline-flex}.tile__text-title{color:var(--text);text-wrap:balance;overflow-wrap:anywhere;margin-top:2px}.tile__text-body{min-height:0;font-size:var(--fs-small);line-height:var(--lh-small);color:var(--text-2);text-wrap:pretty;overflow-wrap:anywhere;flex:1;margin:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 calc(100% - 56px),#0000 calc(100% - 8px));mask-image:linear-gradient(#000 calc(100% - 56px),#0000 calc(100% - 8px))}
