.container1{display:flex;width:1440px;height:72px;padding:12px 48px;justify-content:space-between;align-items:center;flex-shrink:0;border-bottom:1px solid var(--border-border-subtle, #EBEBEB)}.container1 .image{width:95.496px;height:31.834px}.container1 .search{display:flex;width:284px;height:40px;padding:13px 16px;align-items:center;gap:24px;border-radius:6px;border:1px solid var(--border-border-subtle, #EBEBEB)}.container1 .search .input{display:flex;align-items:center;gap:16px;flex:1 0 0}.container1 .search .input .icon{width:20px;height:20px}.container1 .search .input input{color:var(--text-text-placeholder, #B0B0B0);font-family:Avenir Next;font-size:16px;font-style:normal;font-weight:500;line-height:24px;border:none;padding:5px}.container1 button{display:flex;width:188px;height:40px;padding:13px 16px;justify-content:center;align-items:center;gap:8px;flex-shrink:0;cursor:pointer;border-radius:8px;background:var(--interactive-interactive-one-default, #D33852);border:none}.container1 button .icon{width:20px;height:20px;flex-shrink:0;color:#fff}.container1 button p{color:var(--neutral-white, #FFF);font-family:Avenir Next;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:15px}.header h2{color:#000;font-family:Avenir Next;font-size:20px;font-style:normal;font-weight:700;line-height:28px}.header .icon{border:none;width:40px;height:40px;flex-shrink:0;background-color:transparent;cursor:pointer}.input1{width:430px;height:48px;margin:10px 15px;flex-shrink:0;border-radius:4px;border:1px solid #DBDBDB;background:#FFF;color:var(--text-text-default, #222);font-family:Avenir Next;font-size:17px;font-style:normal;font-weight:500;line-height:normal;padding:8px}.selection .title{color:#000;font-family:Avenir Next;font-size:20px;font-style:normal;font-weight:700;line-height:28px;margin:10px 15px}.selection .color-options{display:flex;justify-content:flex-start}.selection .color-options .color-option{width:40px;height:40px;border-radius:50%;cursor:pointer;margin:0 8px;transition:transform .2s ease}.selection .color-options .color-option:hover{transform:scale(1.2);border:2px solid rgba(0,0,0,.3)}.selection .color-options .color-option.selected{transform:scale(1.2);border:2px solid black}.click{display:flex;width:126px;height:40px;padding:13px 16px;justify-content:center;align-items:center;gap:24px;flex-shrink:0;border-radius:8px;border:none;background:var(--interactive-interactive-one-hover, #AF273E);color:var(--neutral-white, #FFF);margin-top:80px;margin-left:330px;cursor:pointer;font-family:Avenir Next;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.container{margin:16px;display:inline-block;align-items:flex-start;gap:10px;flex:1 0 0;border-radius:8px;border:1px solid var(--border-border-subtle, #EBEBEB)}.container .tmp{display:flex;align-items:flex-start;gap:24px;flex-shrink:0}.container .tmp .frame1{display:flex;align-items:center;gap:24px}.container .tmp .frame1 .frame2{display:flex;padding:24px;align-items:flex-start;gap:10px;border-radius:8px 0 0 8px;background:var(--blue-90, #CAF8FF)}.container .tmp .frame1 .frame2 .frame3{width:32px;height:32px;cursor:pointer}.container .tmp .frame1 .title{color:var(--text-text-default, #222);font-family:Avenir Next;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.container .tmp .frame1 .image{display:inline-flex;align-items:flex-start}.container .tmp .frame1 .image .inside{display:flex;padding:8px;justify-content:center;align-items:center;gap:24px;border-radius:4px;background:var(--surface-white-surface-white, #FFF)}.container .tmp .frame1 .image .inside button{width:16px;height:16px;cursor:pointer;border:none;background-color:transparent}.home .title{color:#000;font-family:Avenir Next;font-size:32px;font-style:normal;font-weight:700;line-height:44px;margin:30px 40px}.home .board{margin:30px 40px}.navBar{display:flex;width:1440px;height:50px;padding:12px 48px;justify-content:space-between;align-items:center;flex-shrink:0;border-bottom:1px solid var(--border-border-subtle, #EBEBEB)}.navBar .left{display:flex;flex-direction:row;align-items:center}.navBar .left .back{width:25px;height:25px;flex-shrink:0;fill:var(--icons-icon-icon-subtle, #717171);margin:20px 5px;cursor:pointer}.navBar .left .img{width:40px;height:40px;flex-shrink:0;margin:20px 20px 20px 5px}.navBar .left .text{color:var(--text-text-default, #222);font-family:Avenir Next;font-size:18px;font-style:normal;font-weight:700;line-height:24px;margin:20px}.navBar .search{display:flex;width:284px;height:40px;padding:13px 16px;align-items:center;gap:24px;border-radius:6px;border:1px solid var(--border-border-subtle, #EBEBEB)}.navBar .search .ip{display:flex;align-items:center;gap:16px;flex:1 0 0}.navBar .search .ip .icon{width:20px;height:20px}.navBar .search .ip input{color:var(--text-text-placeholder, #B0B0B0);font-family:Avenir Next;font-size:16px;font-style:normal;font-weight:500;line-height:24px;border:none}.main{display:inline-flex;flex-direction:column;align-items:flex-start;margin:18px 24px}.main .head{display:flex;justify-content:center;align-items:center;gap:250px}.main .head h1{color:#000;font-family:Avenir Next;font-size:20px;font-style:normal;font-weight:700;line-height:28px}.main .head .close{border:none;width:20px;height:20px;flex-shrink:0;background-color:transparent;cursor:pointer}.main p{color:#2b2b2b;font-family:Avenir Next;font-size:14px;font-style:normal;font-weight:500;line-height:20px}h3{color:#393939;font-family:Avenir Next;font-size:16px;font-style:normal;font-weight:600;line-height:normal;margin:15px 0 8px 24px}.subject{width:407px;height:48px;flex-shrink:0;border-radius:4px;border:1px solid #DBDBDB;background:#FFF;margin:8px 27px 24px 24px}.subject .input{width:234px;color:var(--text-text-default, #222);font-family:Avenir Next;font-size:16px;font-style:normal;font-weight:500;line-height:24px;margin:13px 163px 11px 10px;border:none}.preview{width:243px;height:162px;flex-shrink:0;margin:0 24px 5px}.input-img{display:inline-flex;height:32px;padding:13px 16px;justify-content:center;align-items:center;gap:8px;flex-shrink:0;border-radius:4px;border:1px solid var(--border-border-subtle, #EBEBEB);cursor:pointer;margin:3px 24px 20px}hr{width:440px;height:.5px;flex-shrink:0;border-radius:4px;border:1px solid #EBEBEB}.text-area{display:flex;width:407px;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:8px}.text-area .head{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}.text-area .text-frame{display:flex;padding:16px;align-items:center;gap:16px;align-self:stretch;border-radius:6px;border:1px solid var(--border-border-subtle, #EBEBEB);margin:0 0 10px 24px;width:390px}.text-area .text-frame textarea{height:44px;flex:1 0 0;color:var(--text-text-placeholder, #B0B0B0);font-family:Avenir Next;font-size:16px;font-style:normal;font-weight:500;line-height:24px;border:none}.pb-fream{display:flex;width:99px;height:40px;padding:13px 16px;justify-content:center;align-items:center;gap:24px;flex-shrink:0;border:none;cursor:pointer;border-radius:6px;background:var(--interactive-interactive-one-hover, #AF273E);color:var(--neutral-white, #FFF);margin:15px 0 0 345px;font-family:Avenir Next;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.container2{display:inline-flex;flex-direction:column;padding:16px;align-items:stretch;gap:10px;border-radius:8px;background:#FFF;width:-moz-min-content;width:min-content;margin:20px}.container2 .frame{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px}.container2 .frame .title{word-wrap:normal;color:#000;font-family:Avenir Next;font-size:20px;font-style:normal;font-weight:700;line-height:28px}.container2 .frame .icon{width:40px;height:40px;flex-shrink:0;display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:space-evenly;cursor:pointer}.container2 .date{color:var(--icons-icon-icon-disabled, #B0B0B0);font-family:Avenir Next;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.container2 img{width:243px;height:162px;flex-shrink:0;border-radius:8px}.container2 .text{width:241px;color:#2b2b2b;font-family:Avenir Next;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.container2 hr{width:241px;height:.5px;flex-shrink:0;border-radius:4px;border:1px solid #EBEBEB}.container2 .like{display:flex;flex-direction:row;gap:4px}.container2 .like .hart{display:flex;width:20px;justify-content:center;align-items:center;flex-shrink:0;cursor:pointer}.container2 .like .cnt{color:var(--text-text-default, #222);font-family:Avenir Next;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.options{display:inline-flex;width:149px;padding:8px 0;flex-direction:column;justify-content:center;align-items:flex-start;border-radius:8px;border:1px solid var(--border-border-subtle, #EBEBEB);background:var(--surface-white-surface-white, #FFF);box-shadow:0 5px 10px #002e3926}.options .edit{display:flex;padding:13px 16px;align-items:center;gap:8px;align-self:stretch;cursor:pointer;background:var(--surface-white-surface-white, #FFF)}.options .edit .icon{width:20px;height:20px}.options .edit .text{color:var(--text-text-subtle, #717171);font-family:Avenir Next;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.options .delete{display:flex;padding:13px 16px;align-items:center;gap:8px;align-self:stretch;cursor:pointer;background:var(--surface-white-surface-white, #FFF);color:#d33852}.options .delete .icon{width:20px;height:20px}.options .delete .text{color:var(--interactive-interactive-one-default, #D33852);font-family:Avenir Next;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.area{height:100vh}.area .btn{display:flex;flex-direction:row-reverse}.area .btn button{display:flex;width:188px;height:40px;padding:13px 16px;justify-content:center;align-items:center;gap:8px;flex-shrink:0;margin:20px;left:20px;border-radius:8px;background:var(--interactive-interactive-one-default, #D33852);cursor:pointer;border:none}.area .btn button .icon{width:20px;height:20px;flex-shrink:0;color:#fff}.area .btn button p{color:var(--neutral-white, #FFF);font-family:Avenir Next;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.area .post-area{margin:10px}*{padding:0%;margin:0%}input:focus{outline:none}