/* Fans254 v13.2.20 — unified Create composer */
.f254-create-composer{--create-gap:12px;display:grid;gap:var(--create-gap);width:100%;max-width:100%;color:var(--f-text);font-family:var(--f-font-social,var(--f-font-ui,inherit))}
.f254-create-composer .f254-composer-author{margin:0;padding:2px 0 0}.f254-create-composer .f254-composer-avatar{width:46px;height:46px;flex:0 0 46px}.f254-create-composer .f254-composer-author-copy strong{font-size:var(--f-type-card-title-size,16px);font-weight:var(--f-type-card-title-weight,720)}.f254-create-composer .f254-composer-author-copy small{font-size:var(--f-type-meta-size,11px);font-weight:var(--f-type-meta-weight,500)}
.f254-create-composer .f254-composer-author select{min-width:112px;height:40px;padding:0 34px 0 14px;border:1px solid var(--f-line);border-radius:999px;background:var(--f-input-bg,var(--f-surface));color:var(--f-text);font:var(--f-type-button-weight,650) var(--f-type-button-size,13px)/1 var(--f-font-ui,inherit)}
.f254-create-composer .f254-composer-text{width:100%;min-height:180px;max-height:42dvh;margin:0;padding:10px 2px 14px;border:0!important;border-radius:0!important;outline:0!important;resize:vertical;background:transparent!important;color:var(--f-text);font-family:var(--f-font-social,var(--f-font-ui,inherit));font-size:var(--f-type-body-size,15px);font-weight:var(--f-type-body-weight,450);line-height:1.55;box-shadow:none!important}.f254-create-composer .f254-composer-text::placeholder{color:var(--f-muted);opacity:.78}
.f254-create-media-input{position:fixed!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.f254-create-actions{display:grid;grid-template-columns:repeat(5,minmax(42px,1fr));align-items:center;gap:6px;width:100%;padding:9px 0;margin:0;border-top:1px solid var(--f-line);border-bottom:1px solid var(--f-line)}
.f254-create-action{position:relative;display:grid;place-items:center;justify-self:center;width:46px;height:46px;padding:0;border:0;border-radius:12px;background:transparent;color:var(--f-icon-color,var(--f-text));cursor:pointer;box-shadow:none;transition:transform .16s ease,color .16s ease,background-color .16s ease}.f254-create-action svg{width:var(--f254-button-svg-size,22px);height:var(--f254-button-svg-size,22px);stroke-width:var(--f254-button-svg-stroke,1.85);transition:transform .18s ease}.f254-create-action:hover,.f254-create-action:focus-visible{background:color-mix(in srgb,var(--f-text) 7%,transparent);outline:0}.f254-create-action.is-active{color:var(--f-primary);background:color-mix(in srgb,var(--f-primary) 10%,transparent);animation:f254CreateToolPop .22s ease}.f254-create-action:active{transform:scale(.92)}.f254-create-action:hover svg,.f254-create-action.is-active svg{transform:scale(1.08)}.f254-create-action:disabled,.f254-create-action.is-disabled{opacity:.34;cursor:not-allowed;pointer-events:none;transform:none!important;background:transparent!important}.f254-create-action.is-media{order:1}.f254-create-action.is-import{order:2}.f254-create-action.is-poll{order:3}.f254-create-action.is-live{order:4}.f254-create-action.is-schedule{order:5}.f254-create-action.is-schedule.is-active:after{content:"";position:absolute;right:7px;top:7px;width:6px;height:6px;border-radius:50%;background:var(--f-primary)}
.f254-create-import-panel{display:grid;gap:9px;padding:10px 12px;border:1px solid var(--f-line);border-radius:var(--f-radius-card,14px);background:var(--f-card-bg,var(--f-surface-2));box-shadow:var(--f-shadow-card,none);animation:f254CreatePanelIn .18s ease both;scroll-margin-top:76px}.f254-create-import-panel[hidden]{display:none!important}.f254-create-import-row{display:grid;grid-template-columns:22px minmax(0,1fr) 40px 34px;align-items:center;gap:6px}.f254-create-import-row>span{display:grid;place-items:center;color:var(--f-icon-color,var(--f-text))}.f254-create-import-row>span svg{width:19px;height:19px}.f254-create-import-row input{min-width:0;width:100%;height:42px;padding:0 8px;border:0;border-bottom:1px solid var(--f-line-strong);border-radius:0;background:transparent;color:var(--f-text);font:inherit;outline:0}.f254-create-import-row input:focus{border-color:var(--f-primary)}.f254-create-import-row button{display:grid;place-items:center;width:100%;height:38px;padding:0;border:0;border-radius:10px;background:var(--f-button-bg,var(--f-surface));color:var(--f-button-text,var(--f-text));cursor:pointer}.f254-create-import-row #media-import-start{background:var(--f-primary);color:var(--f-primary-contrast,#fff)}.f254-create-import-row button svg{width:18px;height:18px}
.f254-create-preview{display:flex!important;gap:10px;width:100%;max-width:100%;margin:0;padding:2px 2px 9px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--f-line-strong) transparent}.f254-create-preview:not(.has-preview){display:none!important}.f254-create-preview::-webkit-scrollbar{height:5px}.f254-create-preview::-webkit-scrollbar-thumb{border-radius:999px;background:var(--f-line-strong)}.f254-create-preview .f254-upload-preview-item{position:relative;flex:0 0 clamp(210px,72vw,330px);height:270px;min-height:0;margin:0;border:1px solid var(--f-line);border-radius:var(--f-radius-card,14px);overflow:hidden;background:var(--f-media-bg,#050b12);scroll-snap-align:start;scroll-snap-stop:always}.f254-create-preview.is-single-preview .f254-upload-preview-item{flex-basis:100%}.f254-create-preview img,.f254-create-preview video{display:block;width:100%;height:100%;min-height:0;max-height:none;object-fit:contain;background:var(--f-media-bg,#050b12)}.f254-create-preview figcaption{position:absolute;left:0;right:0;bottom:0;padding:28px 11px 9px;color:#fff;font-size:var(--f-type-meta-size,11px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(transparent,rgba(0,0,0,.72));pointer-events:none}.f254-create-preview-remove{position:absolute;z-index:4;top:8px;right:8px;display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid rgba(255,255,255,.38);border-radius:50%;background:rgba(0,0,0,.68);color:#fff;backdrop-filter:blur(8px);cursor:pointer;transition:transform .15s ease,background-color .15s ease}.f254-create-preview-remove:hover,.f254-create-preview-remove:focus-visible{background:rgba(0,0,0,.9);transform:scale(1.06);outline:0}.f254-create-preview-remove:active{transform:scale(.9)}.f254-create-preview-remove svg{width:15px!important;height:15px!important;stroke-width:2.25!important}
.f254-create-video-details{display:grid;gap:10px;animation:f254CreatePanelIn .18s ease both}.f254-create-video-details[hidden]{display:none!important}.f254-create-composer .f254-video-price-card{margin:0}.f254-create-post-controls{display:grid;gap:10px}.f254-create-submit{width:100%;min-height:48px!important;font-size:var(--f-type-button-size,14px)!important;font-weight:var(--f-type-button-weight,720)!important}.f254-create-composer .f254-live-create-panel,.f254-create-composer .f254-schedule-create-panel,.f254-create-composer .f254-post-poll-builder{margin:0;scroll-margin-top:76px}.f254-create-composer .f254-post-poll-builder{background:var(--f-card-bg,var(--f-surface-2));border-color:var(--f-line)!important;border-radius:var(--f-radius-card,14px)}.f254-create-composer .f254-post-poll-option-fields label{background:var(--f-input-bg,var(--f-surface));border-radius:var(--f-radius-input,12px)}.f254-create-composer .f254-import-progress-card{margin:2px 0 0}.f254-create-composer.is-live-panel-open .f254-composer-text,.f254-create-composer.is-live-panel-open .f254-create-import-panel,.f254-create-composer.is-live-panel-open .f254-post-poll-builder,.f254-create-composer.is-live-panel-open .f254-create-preview,.f254-create-composer.is-live-panel-open .f254-create-video-details,.f254-create-composer.is-live-panel-open [data-create-post-controls]{display:none!important}.f254-create-composer.is-motion-off *{animation:none!important;transition:none!important}
@keyframes f254CreatePanelIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@keyframes f254CreateToolPop{0%{transform:scale(.86)}70%{transform:scale(1.07)}100%{transform:none}}
@media(max-width:760px){.f254-create-composer{--create-gap:10px}.f254-create-composer .f254-composer-avatar{width:42px;height:42px;flex-basis:42px}.f254-create-composer .f254-composer-author select{min-width:100px;height:38px;padding-inline:12px 30px}.f254-create-composer .f254-composer-text{min-height:145px;max-height:33dvh;padding-top:8px}.f254-create-actions{gap:2px;padding:8px 0}.f254-create-action{width:43px;height:43px;border-radius:11px}.f254-create-import-panel{padding:9px}.f254-create-preview .f254-upload-preview-item{flex-basis:min(78vw,300px);height:250px}.f254-create-preview.is-single-preview .f254-upload-preview-item{flex-basis:100%}}
@media(min-width:761px){.f254-create-composer .f254-composer-text{min-height:210px}.f254-create-action{width:50px;height:50px}.f254-create-preview .f254-upload-preview-item{flex-basis:290px;height:290px}.f254-create-preview.is-single-preview .f254-upload-preview-item{flex-basis:min(100%,560px)}}
@media(prefers-reduced-motion:reduce){.f254-create-composer *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.f254-reels-video-preview .f254-upload-preview-item{position:relative;width:100%;min-height:220px;margin:0;overflow:hidden;border:1px solid var(--f-line);border-radius:var(--f-radius-card,14px);background:var(--f-media-bg,#050b12)}.f254-reels-video-preview .f254-upload-preview-item video{display:block;width:100%;max-height:420px;object-fit:contain;background:var(--f-media-bg,#050b12)}

@media(max-width:760px){.f254-social-sheet:has(.f254-create-composer){max-height:94dvh}.f254-social-sheet:has(.f254-create-composer) .f254-social-sheet-body{padding-bottom:max(14px,env(safe-area-inset-bottom))}}

/* v13.2.20 — real horizontal media rail */
.f254-create-composer{min-width:0!important;overflow:visible!important}
.f254-create-composer .f254-social-upload-preview.f254-create-preview.has-preview{display:flex!important;grid-template-columns:none!important;grid-auto-flow:unset!important;align-items:stretch!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:3px 2px 11px!important;overflow-x:scroll!important;overflow-y:hidden!important;overscroll-behavior-x:contain!important;scroll-snap-type:x mandatory!important;scroll-padding-inline:2px!important;touch-action:pan-x!important;-webkit-overflow-scrolling:touch!important;cursor:grab!important}
.f254-create-composer .f254-social-upload-preview.f254-create-preview.has-preview.is-dragging{cursor:grabbing!important;scroll-snap-type:none!important;user-select:none!important}
.f254-create-composer .f254-social-upload-preview.f254-create-preview.has-preview>.f254-upload-preview-item{display:block!important;flex:0 0 min(78vw,310px)!important;width:min(78vw,310px)!important;max-width:min(78vw,310px)!important;min-width:min(78vw,310px)!important;height:260px!important;margin:0!important;scroll-snap-align:start!important}
.f254-create-composer .f254-social-upload-preview.f254-create-preview.has-preview.is-single-preview>.f254-upload-preview-item{flex-basis:min(100%,580px)!important;width:min(100%,580px)!important;max-width:min(100%,580px)!important;min-width:min(100%,580px)!important}
.f254-create-composer .f254-social-upload-preview.f254-create-preview.has-preview::after{content:"";display:block;flex:0 0 1px;width:1px;height:1px}
@media(min-width:761px){.f254-create-composer .f254-social-upload-preview.f254-create-preview.has-preview>.f254-upload-preview-item{flex-basis:300px!important;width:300px!important;max-width:300px!important;min-width:300px!important;height:300px!important}}

/* v13.3.8 — real multipart publishing progress */
.f254-create-preview{scrollbar-width:none!important;-ms-overflow-style:none!important}
.f254-create-preview::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.f254-create-upload-progress{display:grid;gap:9px;margin:2px 0 4px;padding:12px;border:1px solid var(--f-line);border-radius:var(--f-radius-card,14px);background:var(--f-card-bg,var(--f-surface-2));color:var(--f-text);box-shadow:var(--f-shadow-card,none);animation:f254CreatePanelIn .18s ease both}
.f254-create-upload-progress[hidden]{display:none!important}
.f254-create-upload-progress>header{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0}
.f254-create-upload-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--f-primary) 12%,transparent);color:var(--f-primary)}
.f254-create-upload-icon svg{width:18px!important;height:18px!important}
.f254-create-upload-progress>header>span:nth-child(2){display:grid;gap:2px;min-width:0}
.f254-create-upload-progress>header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--f-type-label-size,13px);font-weight:var(--f-type-label-weight,700)}
.f254-create-upload-progress>header small,.f254-create-upload-progress>footer small{color:var(--f-muted);font-size:var(--f-type-meta-size,11px);line-height:1.35}
.f254-create-upload-progress>header b{font-size:var(--f-type-meta-size,11px);font-variant-numeric:tabular-nums;color:var(--f-primary)}
.f254-create-upload-track{height:6px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--f-line-strong) 58%,transparent)}
.f254-create-upload-track i{display:block;width:0;height:100%;border-radius:inherit;background:var(--f-primary);transition:width .18s ease}
.f254-create-upload-progress.is-processing .f254-create-upload-track i{background:linear-gradient(90deg,var(--f-primary),color-mix(in srgb,var(--f-primary) 42%,#fff),var(--f-primary));background-size:200% 100%;animation:f254CreateUploadFlow 1s linear infinite}
.f254-create-upload-progress.is-complete .f254-create-upload-icon{background:color-mix(in srgb,var(--f-green,#16a34a) 13%,transparent);color:var(--f-green,#16a34a)}
.f254-create-upload-progress.is-complete>header b{color:var(--f-green,#16a34a)}
.f254-create-upload-progress>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.f254-create-upload-progress>footer small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.f254-create-upload-progress [data-create-upload-cancel]{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:32px;padding:0 10px;border:1px solid var(--f-line);border-radius:999px;background:var(--f-button-bg,var(--f-surface));color:var(--f-button-text,var(--f-text));font:inherit;font-size:var(--f-type-meta-size,11px);font-weight:650;cursor:pointer}
.f254-create-upload-progress [data-create-upload-cancel] svg{width:14px!important;height:14px!important}
.f254-create-upload-progress [data-create-upload-cancel]:active{transform:scale(.97)}
@keyframes f254CreateUploadFlow{to{background-position:-200% 0}}
@media(max-width:760px){.f254-create-upload-progress{margin:1px 0 3px;padding:10px}.f254-create-upload-progress>header{grid-template-columns:32px minmax(0,1fr) auto}.f254-create-upload-icon{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.f254-create-upload-progress,.f254-create-upload-track i{animation:none!important;transition:none!important}}