#write {
    width: 100%;
    min-height: 90dvh;
    display: flex;
    #embed-write {
        max-width: 50dvh;
        display: flex;
        align-items: center;
        flex-direction: column;
        img {
            object-fit: cover;
            width: 50dvh;
            height: 50dvh;
            margin: 0 0 1dvw 0;
        }
        ul {
            display: flex;
            align-items: center;
            flex-direction: column;
            li {
                margin: 0 0 1dvh 0;
                width: 95%;
                input[type="text"] {
                    width: 100%;
                    outline: none;
                    font-size: 1.3em;
                }
                textarea {
                    font-size: 1.3em;
                    outline: none;
                    resize: none;
                    width: 100%;
                    height: 25dvh;
                }
            }
        }
    }
    #text-write {
        position: relative;
        width: calc(100% - 50dvh - 2px);
        border-left: solid 2px var(--btn);
        ul {
            width: 100%;
            min-height: 3dvw;
            background: purple;
        }
        li {
            width: 100%;
            textarea {
                width: 100%;
                height: 39dvw;
                resize: none;
                padding: 1dvh;
            }
        }
        #btn {
            position: absolute;
            text-align: center;
            border-radius: 0;
            width: 100%;
            bottom: 0;
        }
    }
}
