.pet-is-writing #personal-pet,.pet-is-feeding #writing-pet{visibility:hidden}
.writing-pet{display:flex;align-items:center;max-width:calc(100vw - 32px)}
.writer-continue{min-width:0;padding-right:12px;gap:7px}
.writer-continue>span:last-child{min-width:0;max-width:190px}
.writer-continue strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.writer-continue small{max-width:190px;line-height:1.6}
.writer-art{position:relative;display:block;flex-shrink:0;width:132px;height:88px}
.writer-art img,.writer-art canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.writer-art canvas{inset:-8% auto auto -9%;width:118%;height:118%;visibility:hidden}
.writing-pet[data-art=ready] .writer-art canvas{visibility:visible}
.writing-pet[data-art=ready] .writer-art img{visibility:hidden}
.writer-art .pet-nest{margin:24px 34px}
.writer-quiet{flex-shrink:0;align-self:stretch;min-width:44px;min-height:44px;padding:8px;border-left:1px solid #dce3d5;border-radius:0 22px 22px 0;color:#74806d;font:12px var(--sans)}
.writer-quiet:focus-visible{outline:2px solid #708964;outline-offset:2px}
.writer-quiet[aria-pressed=true]{background:#e9efe5}
@media(max-width:760px){.writing-pet{max-width:calc(100vw - 24px)}.writer-art{width:90px;height:60px}.writer-art .pet-nest{margin:10px 25px}.writer-continue>span:last-child{max-width:170px}.writer-quiet{padding:5px}}
