.rume-post-box{background:#f5f5f5;padding: 20px 20px 0; position: relative; box-sizing: border-box; border:1px solid var(--black)}
.rume-input-container { margin-bottom: 75px;  display: flex; gap: 10px; flex-wrap: wrap; align-items: flex-start;align-content: flex-start;}
.rume-post-toolbar { position: absolute; bottom: 20px;}
.rume-post-progress{position:absolute;left:0;bottom:0;width:100%;height:4px;background:#eee;overflow:hidden;opacity:0;transition:opacity .2s ease;}
.rume-post-progress.active{opacity:1;}
.rume-post-progress-bar{width:0%;height:100%;background:var(--secondary);transition:width .2s linear;}
.rume-post-input {height: min-content; width: 100%; border: none; background: #fff !important;      padding: 15px 15px !important; font-size: var(--medium); border: 0 !important; font-family: 'National 2 Narrow', sans-serif !important; font-weight: bolder; text-transform: uppercase;}
input.rume-post-input {  flex: 1; }
textarea.rume-post-input {min-height: 140px;}

.rume-dropzone{ background: var(--white); font-family: 'Inter';text-transform: uppercase; font-size: var(--xxsmall); border:2px dashed var(--black); width: 100%; padding: 20px 20px;text-align:center;cursor:pointer;margin-bottom:10px;transition:all .2s ease;}
.rume-dropzone.dragging{border-color:#000;background:#f8f8f8;}
.rume-upload-preview { max-width: 100%; height: auto;margin-top: 10px; float: left; object-fit: cover; aspect-ratio: 3 / 4;border: 1px solid var(--black);}
.rume-file-preview{margin-top:10px;font-size:14px;}

.rume-post-type { background: var(--black); border: 0; width: 40px; height: 40px; color: var(--white); font-weight: 800; font-size: var(--medium);}
.rume-post-toolbar{  width: calc(100% - 40px); display:flex;justify-content:space-between;margin-top:40px;}
.rume-post-actions button{margin-left:10px;}
.rume-post-type-menu{display:none;}
.rume-post-type-menu.open {  top: 1px; position: absolute; left: 40px; background: var(--black); height: 40px; display: flex; z-index: 2;}
.rume-post-type-menu button { background: transparent;  border: 0; width: 40px; height: 40px;}

.rume-share-comment { border: 0; padding: 15px; font-family: 'National 2 Narrow';text-transform: uppercase;font-weight: bold;background: white;}

.rume-link-card{display:flex;border:1px solid #ddd;margin-top:10px;}
.rume-link-image{width:120px;height:120px;object-fit:cover;}
.rume-link-meta{  box-sizing: border-box;  overflow: hidden; font-size: var(--xxsmall);padding:10px;color: var(--black);}
.rume-link-title{font-weight:bold; color: var(--black); text-transform: uppercase;}
.rume-link-desc{font-size:13px;margin-top:5px;color:#555;}

.rume-feed-container { max-height: 80vh;overflow: auto;scrollbar-width: none;-ms-overflow-style: none;}
.rume-feed-container::-webkit-scrollbar {display: none;}
.feed-meta { border-top: 2px solid var(--black); padding-top: 10px;}
.rume-feed-card { margin-bottom: 10px; border: 1px solid var(--black);padding: 20px; box-sizing: border-box;}
.rume-save-draft {background: var(--secondary) !important;}

.rume-admin-notice .feed-type {background: var(--secondary);}
.rume-admin-notice .notice-kicker-row .tertiary-font { color: var(--secondary);}

.rume-drafts-close { background: transparent; border: 0;}
.rume-drafts-panel {   display: none;   margin-top: 20px;  border-top: 1px solid rgba(0,0,0,0.1);   padding-top: 10px;}
.rume-drafts-panel.open {  display: block;}
.rume-draft-item {  display: flex; justify-content: space-between; align-items: center; padding: 15px 0; border-bottom: 1px solid rgba(0,0,0,0.05);  cursor: pointer;}
.rume-draft-item:last-child { border-bottom: none;}
.rume-draft-item:hover {background: rgba(0,0,0,0.02);}
.rume-draft-preview {flex: 1; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; padding-right: 10px;}
.rume-draft-meta { display: flex; gap: 10px; align-items: center;}
.rume-draft-delete { background: none;border: none; cursor: pointer; opacity: 0.5;}
.rume-draft-delete:hover { opacity: 1; color: red;}
.rume-drafts-count:empty { display: none;}
.rume-drafts-count:not(:empty)::before { content: "("; }
.rume-drafts-list {padding-bottom: 10px;}
.rume-drafts-count:not(:empty)::after { content: ")"; }
.rume-drafts-toggle { background: transparent; border: 0; color: var(--secondary);}

@media (max-width: 768px) {


.rume-post-actions button { padding: 14px 20px; border: 0;}


}