.social-composer{position:absolute;inset:0;z-index:100;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;background:#ffffff;color:#303034;padding-top:var(--safe-top,env(safe-area-inset-top));overscroll-behavior:contain;isolation:isolate}
/* Keep the opaque dialog out of all keyboard/scroll transforms. */
.social-composer{overflow:clip;overscroll-behavior:none;transform:none}
.social-compose-workspace{flex:1;min-height:0;width:100%;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;overflow-anchor:none;scroll-padding-block:12px}
.social-compose-layout{display:flex;flex-direction:column;min-height:100%;width:100%}
/* Extra scroll reach lives AFTER both containers. It never participates in their flex sizing. */
.social-compose-workspace::after{content:"";display:block;height:var(--compose-scroll-reach,0px);pointer-events:none}
.social-composer .social-compose-title{resize:none;min-height:24px;max-height:none;overflow:hidden}
/* Installed composer is anchored to the host viewport, outside the document's
   keyboard scroll. Header never belongs to the resizable workspace. */
html[data-native-host=true] .social-composer{position:fixed;inset:0;height:var(--keyboard-layout-height,100dvh)}
html[data-native-host=true]:has(.social-composer:not([hidden])),html[data-native-host=true] body:has(.social-composer:not([hidden])){position:fixed;inset:0;overflow:hidden;overscroll-behavior:none}
.social-compose-media-region{flex:none;min-height:0;width:100%;max-width:600px;box-sizing:border-box;margin:0 auto;padding:12px 24px 0;overflow:visible}
.social-compose-media-region .social-compose-video-stage{margin:0}
.social-compose-media-region .social-compose-media{padding-bottom:2px}
.social-compose-content{display:flex;flex-direction:column;flex:1 0 auto;min-height:min-content;width:100%;box-sizing:border-box;background:#fff}
.social-composer[hidden]{display:none!important}.social-composer button,.social-composer textarea{font:inherit}
.social-compose-header{flex:none;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;padding:10px 20px 6px}
.social-compose-modes{display:flex;justify-self:center;gap:3px;padding:4px;border:1px solid #efedf0;border-radius:999px;background:#f5f3f6;box-shadow:inset 0 1px 0 #fff;max-width:100%;box-sizing:border-box}
.social-composer .social-compose-mode{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;min-width:76px;min-height:38px;padding:7px 12px;box-sizing:border-box;border:0;border-radius:999px;background:transparent;color:#87818a;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .16s,color .16s,box-shadow .16s}
.social-compose-mode .social-compose-icon{width:20px;height:20px}
.social-composer .social-compose-mode[aria-pressed=true]{background:#fff;color:var(--social-accent,#f65398);box-shadow:0 2px 7px #3b163112}
.social-composer .social-compose-mode:disabled{opacity:.5;cursor:default}.social-composer .social-compose-mode[aria-pressed=true]:disabled{opacity:.8}
.social-compose-flash[data-state=starting] .social-compose-icon{animation:compose-flash-pulse 1s ease-in-out infinite}.social-compose-mode:focus-visible{outline:2px solid var(--social-accent,#f65398);outline-offset:2px}
@keyframes compose-flash-pulse{50%{opacity:.35;transform:scale(.88)}}@media(prefers-reduced-motion:reduce){.social-compose-flash[data-state=starting] .social-compose-icon{animation:none}}
.social-compose-back{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:none;color:#694f56;cursor:pointer}
.social-compose-back:hover{background:#f4e6ea}.social-compose-icon{display:inline-flex;flex:none;width:23px;height:23px;pointer-events:none}.social-compose-icon svg{display:block;width:100%;height:100%}
.social-compose-body{display:flex;flex-direction:column;flex:none;min-height:0;width:100%;max-width:600px;box-sizing:border-box;margin:0 auto;padding:20px 24px 12px;overflow:visible}
.social-compose-caption-label{display:flex;flex:none;min-height:36px;position:relative}.social-compose-body[data-has-media=true] .social-compose-caption-label,.social-compose-caption-label[data-recipient=timi]{flex:0 0 auto;min-height:36px;margin-bottom:16px}
.social-composer .social-compose-caption{display:block;flex:none;width:100%;min-width:0;min-height:36px;max-height:none;overflow-y:hidden;box-sizing:border-box;margin:0;padding:0;border:0;background:none;color:#303034;font-size:22px;line-height:1.65;font-weight:400;letter-spacing:0;resize:none;outline:none}
.social-compose-caption::placeholder{color:#777780;font-weight:400}.social-compose-caption:focus-visible{border-radius:8px;outline:2px solid #cfbac0;outline-offset:6px}
.social-compose-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.social-compose-footer{flex:none;box-sizing:border-box;width:100%;max-width:600px;margin:auto auto 0;padding:12px 24px max(22px,var(--safe-bottom,env(safe-area-inset-bottom)));background:#ffffff}
.social-compose-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.social-compose-count{display:block;text-align:right;font-size:10px;color:#777780;margin:0 2px 12px;font-variant-numeric:tabular-nums}.social-compose-count[hidden]{display:none}
.social-composer .social-compose-publish{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:110px;min-height:48px;padding:12px 21px;border:0;border-radius:999px;background:var(--social-accent-strong, #d63379);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s,background .15s}.social-compose-publish:hover:not(:disabled){background:#42212a}.social-compose-publish:disabled{opacity:.38;cursor:default}.social-compose-publish .social-compose-icon{width:20px;height:20px}
.social-compose-media{display:grid;flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.social-compose-media:empty{display:none}
.social-compose-video-stage{flex:none;display:flex;justify-content:center;margin:0 0 20px}.social-compose-video-stage:empty{display:none}.social-compose-video-stage .social-compose-media-card{width:auto;max-width:100%;height:clamp(150px,calc(var(--keyboard-layout-height,100svh) * .22),240px);aspect-ratio:9/16;border:0;border-radius:24px;background:#17171b}.social-compose-video-stage video{object-fit:contain}.social-compose-video-stage figcaption{right:12px;bottom:12px}.social-compose-video-stage .social-compose-remove{top:10px;left:8px;width:28px;height:28px}.social-compose-video-stage video{cursor:pointer}
.social-compose-media-card{position:relative;margin:0;min-width:0;aspect-ratio:1;box-sizing:border-box;border:1px solid #e9e9ec;background:#ffffff;border-radius:14px;overflow:hidden}
.social-compose-media-card>img,.social-compose-media-card>video{display:block;width:100%;height:100%;object-fit:cover}.social-compose-media[data-media-kind=video] .social-compose-media-card{grid-column:span 2;aspect-ratio:4/3}.social-compose-media-card>video{background:#21181a;object-fit:contain}
.social-compose-remove{position:absolute;top:5px;left:5px;z-index:2;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:#281b1fb8;backdrop-filter:blur(8px);color:white;font-size:22px!important;line-height:1;display:grid;place-items:center;cursor:pointer}
.social-compose-media-card figcaption{position:absolute;right:5px;bottom:5px;display:flex;gap:5px;align-items:center;max-width:calc(100% - 10px);box-sizing:border-box;padding:3px 6px;border-radius:9px;background:#281b1fb8;color:#fff;font-size:10px;line-height:1.3;pointer-events:none}.social-compose-media-card figcaption strong{font-weight:600}.social-compose-media[data-media-kind=video] figcaption{top:7px;bottom:auto}
.social-compose-media-card[data-state=error] figcaption{left:5px;align-items:start;font-size:10px;background:#532e29eb}.social-compose-media-error{color:#fff0ed}
.social-compose-reorder{position:absolute;bottom:3px;left:3px;z-index:2;width:40px;height:40px;padding:0;border:1px solid #ffffff80;border-radius:10px;background:#fcf6f8eb;color:#442c32;font-size:24px!important;line-height:1;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.social-compose-reorder:active{cursor:grabbing}.social-compose-media-card[data-dragging=true]{border-color:var(--social-accent,#f65398);box-shadow:inset 0 0 0 2px var(--social-accent,#f65398);opacity:.75}.social-compose-reorder:disabled{opacity:.4}
.social-compose-pickers{display:flex;align-items:center;gap:10px}.social-compose-add{display:inline-flex;align-items:center;justify-content:center;flex:none;width:46px;height:46px;padding:0;border:1px solid var(--social-accent,#f65398);background:transparent;border-radius:50%;color:var(--social-accent,#f65398);cursor:pointer}.social-compose-add:hover:not(:disabled){background:transparent}.social-compose-add:disabled{opacity:.4}.social-compose-add[hidden]{display:none}.social-compose-error{flex:none;font-size:13px;line-height:1.6;color:#b04f42;margin:18px 0 0}.social-compose-error:empty{display:none}.social-compose-status{flex:none;font-size:12px;color:#53535b;line-height:1.7;margin-top:18px}.social-compose-status:empty{display:none}.social-compose-progress{display:block;flex:none;width:100%;height:6px;accent-color:#643f49;margin-top:12px}.social-compose-progress[hidden]{display:none}.social-composer button:focus-visible{outline:3px solid #b99da4;outline-offset:2px}.social-composer button:disabled{cursor:default}.social-compose-back:disabled{opacity:.35}
.social-composer :is(.social-compose-add,.social-compose-timi){display:inline-flex;align-items:center;justify-content:center;flex:0 0 52px;width:52px;min-width:52px;height:52px;min-height:52px;aspect-ratio:1;box-sizing:border-box;padding:0;border:1px solid #ffffffd9;border-radius:50%;background:linear-gradient(145deg,#faf9fbdb,#efedf2ba);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);box-shadow:inset 0 1px 0 #fff,0 3px 12px #3b16310a;color:var(--social-accent,#f65398);font-size:12px;white-space:nowrap;cursor:pointer}.social-compose-timi:disabled{opacity:.5}.social-compose-timi[hidden],.social-compose-publish[hidden]{display:none!important}.social-compose-pickers{flex-shrink:0}.social-composer .social-compose-publish{flex-shrink:0}
.social-compose-instruction-group>.social-compose-recipient{left:0;top:6px}.social-compose-caption-label .social-compose-creation-status{left:0;top:0;right:auto;max-width:100%;box-sizing:border-box}.social-compose-caption-label[data-creation-status=true] .social-compose-caption{padding-top:40px}
.social-compose-reference-add{margin-top:8px}.social-compose-references{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.social-compose-references:empty{display:none}.social-compose-reference{position:relative;margin:0;width:76px;height:76px;border-radius:12px;overflow:hidden;background:#f5f5f7}.social-compose-reference img{width:100%;height:100%;object-fit:cover}.social-compose-reference .social-compose-remove{width:24px;height:24px;left:2px;top:2px}.social-compose-reference .social-compose-media-error{position:absolute;bottom:0;left:0;right:0;font-size:10px;background:#fff;color:#b04f42}
.social-composer .social-compose-caption-label[data-recipient=timi] .social-compose-caption,.social-composer .social-compose-body[data-has-media=true] .social-compose-caption{flex:0 0 auto;min-height:36px;max-height:none;overflow-y:auto;text-indent:0}.social-compose-instruction-group{position:relative;flex:none;min-height:36px;width:100%;margin-top:16px}.social-compose-instruction-group[hidden],.social-compose-instruction[hidden]{display:none!important}.social-composer .social-compose-instruction{display:block;width:100%;min-height:36px;max-height:none;overflow-y:hidden;box-sizing:border-box;margin:0;padding:0;border:0;background:none;color:#303034;font-size:19px;line-height:1.8;resize:none;outline:none;text-indent:61px}.social-compose-instruction::placeholder{color:#777780}.social-compose-instruction:focus-visible{border-radius:8px;outline:2px solid #cfbac0;outline-offset:6px}
.social-compose-timi-note{margin:12px 0 0;font-size:10px;color:#53535b;line-height:1.5}.social-compose-timi-note[hidden]{display:none}
@media(max-width:400px){.social-compose-toolbar{gap:8px}.social-compose-pickers{gap:8px}.social-composer .social-compose-publish{min-width:92px;padding:12px;font-size:12px;gap:7px}.social-compose-publish .social-compose-icon{display:none}}
@media(max-width:360px){.social-compose-header{padding:10px 14px}.social-compose-body,.social-compose-footer{padding-left:18px;padding-right:18px}.social-compose-media{gap:6px}.social-composer .social-compose-caption{font-size:20px}}
.photo-creation-editor{min-height:100%;background:#ffffff;color:#303034}.photo-creation-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:#fffffff0;backdrop-filter:blur(12px);border-bottom:1px solid #e9e9ec}.photo-creation-header h2{font-size:15px;margin:0;font-weight:600}.photo-creation-back{min-height:44px;padding:8px 4px;border:0;background:none;color:#5d474d}.photo-creation-draft{font-size:11px;color:#777780;border:1px solid #d7d7dc;border-radius:999px;padding:5px 9px}.photo-creation-body{max-width:600px;margin:auto;padding:12px 20px calc(32px + env(safe-area-inset-bottom))}.photo-creation-lead{margin:5px 0 18px;font-size:14px;color:#53535b;line-height:1.6}.photo-creation-stage{position:relative;width:100%;height:clamp(240px,46dvh,460px);background:#ffffff;border-radius:18px;overflow:hidden;cursor:crosshair;outline-offset:4px;touch-action:pan-y}.photo-creation-stage>img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}.photo-creation-stage[aria-disabled=true]{cursor:wait}.photo-creation-pin{position:absolute;width:22px;height:22px;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;background:#8c54639e;box-shadow:0 0 0 5px #8b435655,0 2px 12px #38202655;pointer-events:none}.photo-creation-pin[hidden]{display:none}.photo-creation-pin:after{content:'';position:absolute;width:4px;height:4px;background:white;left:7px;top:7px;border-radius:50%}.photo-creation-location{min-height:20px;font-size:11px;color:#53535b;margin:14px 0 22px;font-variant-numeric:tabular-nums}.photo-creation-label{display:block;font-size:12px;color:#53535b}.photo-creation-instruction{display:block;width:100%;box-sizing:border-box;font:inherit;font-size:14px;line-height:1.65;resize:vertical;min-height:100px;margin-top:9px;padding:13px 14px;border:1px solid #d7d7dc;border-radius:12px;background:white;color:#303034;outline-color:#b3939b}.photo-creation-instruction::placeholder{color:#777780}.photo-creation-generate{display:block;width:100%;margin-top:15px;min-height:46px;padding:12px 20px;border:0;border-radius:999px;background:var(--social-accent-strong, #d63379);color:#fff;font-weight:600;cursor:pointer}.photo-creation-generate:disabled{opacity:.45;cursor:default}.photo-creation-status{font-size:12px;line-height:1.7;color:#53535b}.photo-creation-error{font-size:12px;line-height:1.7;color:#ab4e40}.photo-creation-status:empty,.photo-creation-error:empty{display:none}.photo-creation-preview{margin-top:20px;border-radius:16px;overflow:hidden;background:#ffffff;min-height:260px}.photo-creation-preview[hidden]{display:none}.photo-creation-note{font-size:11px;color:#777780;line-height:1.7;margin-top:22px}
.social-compose-drafts{width:44px;min-height:38px;align-self:center;border:1px solid transparent;border-radius:999px;padding:9px 4px;white-space:nowrap;background:transparent;color:#7a7a7a;font:inherit;font-size:13px;font-weight:650;cursor:pointer}
/* Glass utilities belong to the publish container; the square keeps its own styles. */
.social-composer :is(.social-compose-add,.social-compose-timi):hover:not(:disabled){background:linear-gradient(145deg,#fff,#f4eaf0cc)}
.social-composer :is(.social-compose-add,.social-compose-timi):not(:disabled):is(:active,[aria-pressed=true]){border-color:#f5c5db;background:linear-gradient(145deg,#fff5fadb,#f9dceccc);color:var(--social-accent,#f65398)}
.social-composer :is(.social-compose-drafts,.social-compose-ideas-mode):hover:not(:disabled){background:transparent}
.social-composer :is(.social-compose-drafts,.social-compose-ideas-mode):not(:disabled):is(:active,:focus-visible,[aria-pressed=true],[aria-selected=true]){border-color:var(--social-accent,#f65398);color:var(--social-accent,#f65398);background:transparent}
.social-composer :is(.social-compose-add,.social-compose-timi,.social-compose-drafts,.social-compose-ideas-mode):focus-visible{outline:2px solid var(--social-accent,#f65398);outline-offset:2px}

/* The ideas drawer is part of the composer, with its own scrolling surface. */
.social-composer[data-ideas=true]>.social-compose-workspace>.social-compose-layout>.social-compose-content>.social-compose-footer{padding-bottom:14px}
.social-compose-ideas{flex:0 1 47%;min-height:220px;position:relative;display:flex;flex-direction:column;width:100%;box-sizing:border-box;overflow:hidden;border-radius:28px 28px 0 0;background:#fff;color:#303034;padding:2px 16px max(12px,var(--safe-bottom,env(safe-area-inset-bottom)));box-shadow:inset 0 1px 0 #e9e9ec}
.social-composer[data-ideas=true]>.social-compose-workspace>.social-compose-layout>.social-compose-ideas{flex:0 0 var(--compose-ideas-height,350px);min-height:0}
.social-compose-ideas-resize-handle{flex:none;display:flex;align-items:center;justify-content:center;height:22px;margin:0 -16px;cursor:ns-resize;touch-action:none;user-select:none;-webkit-user-select:none;outline-offset:-3px}
.social-compose-ideas-resize-grip{display:block;width:36px;height:4px;border-radius:999px;background:#d3d3d8;pointer-events:none;transition:background .15s}
.social-compose-ideas-resize-handle:focus-visible{outline:2px solid var(--social-accent-strong, #d63379);border-radius:16px}
.social-compose-ideas-header{touch-action:none;cursor:ns-resize;user-select:none;-webkit-user-select:none}
.social-compose-workspace[data-ideas-dragging=true],.social-compose-workspace[data-ideas-dragging=true] *{cursor:ns-resize!important;user-select:none!important;-webkit-user-select:none!important}
.social-compose-workspace[data-ideas-dragging=true] .social-compose-ideas-resize-grip{background:#aaaab2}
.social-compose-workspace[data-ideas-dragging=true] .social-compose-ideas-modes{box-shadow:0 10px 30px #00000014}
.social-compose-ideas [hidden]{display:none!important}
.social-compose-ideas-header{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:42px}
.social-compose-ideas-title{margin:0;font-size:18px;font-weight:650;letter-spacing:-.035em}
.social-compose-ideas-search-toggle{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:9px;border:0;border-radius:50%;background:#f5f5f7;color:#53535b;cursor:pointer}
.social-compose-ideas-search-toggle svg{width:100%;height:100%}
.social-compose-ideas-search-toggle[aria-expanded=true]{background:#f9e7ed;color:var(--social-accent-strong, #d63379)}
.social-compose-ideas-search-area{flex:none;margin:6px 0 4px}
.social-compose-ideas-search-input{width:100%;box-sizing:border-box;min-height:38px;padding:8px 13px;border:1px solid #e5e5e9;border-radius:13px;background:#fff;color:#303034;font:inherit;font-size:14px;outline:none}
.social-compose-ideas-search-input::placeholder{color:#92929a}
.social-compose-ideas-search-input:focus-visible{border-color:var(--social-accent-strong, #d63379)}
.social-compose-ideas-categories{display:flex;flex:none;gap:22px;overflow:auto;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x;min-height:41px;margin-right:-16px;padding-right:16px;scroll-padding-inline:8px}
.social-compose-ideas-categories::-webkit-scrollbar{display:none}
.social-composer .social-compose-ideas-category{position:relative;flex:none;padding:6px 0 12px;border:0;border-radius:0;background:none;color:#777780;font-size:17px;line-height:23px;font-weight:500;white-space:nowrap;cursor:pointer}
.social-compose-ideas-category[aria-selected=true]{color:var(--social-accent-strong, #d63379);font-weight:650}
.social-compose-ideas-category[aria-selected=true]:after{content:'';position:absolute;width:9px;height:2px;border-radius:2px;left:calc(50% - 4.5px);bottom:5px;background:var(--social-accent-strong, #d63379)}
.social-compose-ideas-note{flex:none;margin:3px 0 0;color:#777780;font-size:10px;line-height:16px}
.social-compose-ideas-note:empty{display:none}
.social-compose-ideas-list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:9px 0 10px;scrollbar-width:thin;scrollbar-color:#c9c9ce transparent}
.social-compose-ideas-item{display:flex;align-items:center;gap:4px;margin:0 0 8px;border:1px solid #e9e9ec;border-radius:18px;background:#fff;overflow:hidden}
.social-compose-ideas-idea{display:flex;align-items:center;gap:12px;flex:1;min-width:0;min-height:68px;padding:12px;border:0;border-radius:16px;background:none;color:inherit;text-align:left;cursor:pointer}
.social-compose-ideas-idea:hover{background:#f6f6f8}
.social-compose-ideas-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:#f5f5f7;font-size:22px}
.social-compose-ideas-copy{display:block;min-width:0}
.social-compose-ideas-name{display:block;color:#303034;font-size:13px;font-weight:600;line-height:1.5}
.social-compose-ideas-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#777780;font-size:11px;line-height:1.5;margin-top:3px}
.social-compose-ideas-star{flex:none;width:38px;height:44px;margin-right:6px;padding:10px;border:0;border-radius:50%;background:none;color:#92929a;cursor:pointer}
.social-compose-ideas-star svg{width:100%;height:100%}
.social-compose-ideas-star[aria-pressed=true]{color:var(--social-accent-strong, #d63379)}
.social-compose-ideas-empty{height:100%;min-height:90px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:8px 12px;text-align:center;color:#777780;font-size:12px;line-height:1.65}
.social-compose-ideas-empty p{margin:0;max-width:230px}
.social-compose-ideas-empty>svg{width:42px;height:42px;color:#d3d3d8}
.social-compose-ideas-retry,.social-compose-ideas-empty button{min-height:34px;padding:7px 15px;border:1px solid #f0dce3;border-radius:999px;background:#f9e7ed;color:var(--social-accent-strong, #d63379);font:inherit;font-size:11px;cursor:pointer}
.social-compose-ideas-modes{position:relative;z-index:1;transform:translateZ(0);flex:none;display:flex;align-self:center;align-items:center;gap:3px;max-width:100%;box-sizing:border-box;border:1px solid #e5e5e9;border-radius:999px;background:#fff;padding:4px;box-shadow:0 6px 26px #0000000d;margin:6px 0 0}
.social-composer .social-compose-ideas-mode{display:flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:9px 19px;border:1px solid transparent;border-radius:999px;background:transparent;color:#7a7a7a;font-size:16px;font-weight:600;cursor:pointer;transition:border-color .18s,color .18s}
.social-compose-ideas-mode svg{width:21px;height:21px;flex:none}
.social-compose-ideas button:disabled{opacity:.45}
.social-compose-ideas button:focus-visible{outline:2px solid var(--social-accent-strong, #d63379);outline-offset:-3px}
@media(min-width:700px){.social-compose-ideas{padding-left:max(24px,calc((100% - 552px)/2));padding-right:max(24px,calc((100% - 552px)/2));border-radius:32px 32px 0 0;background:#fff;color:#303034;box-shadow:inset 0 1px 0 #e9e9ec}.social-compose-ideas-categories{margin-right:0;padding-right:0}}
@media(max-height:620px){.social-compose-ideas{flex-basis:46%;min-height:164px;padding-top:6px;padding-bottom:8px;background:#fff;color:#303034;box-shadow:inset 0 1px 0 #e9e9ec}.social-compose-ideas-header{min-height:34px}.social-compose-ideas-search-toggle{width:30px;height:30px;padding:7px;background:#f5f5f7;color:#53535b}.social-compose-ideas-categories{min-height:35px}.social-compose-ideas-mode{min-height:36px!important;padding:7px 16px!important;font-size:14px!important}.social-composer[data-ideas=true]>.social-compose-workspace>.social-compose-layout>.social-compose-content>.social-compose-body{padding-top:10px}.social-composer[data-ideas=true]>.social-compose-workspace>.social-compose-layout>.social-compose-content>.social-compose-footer{padding-top:6px;padding-bottom:9px}}
@media(prefers-reduced-motion:reduce){.social-compose-ideas-mode{transition:none}}
.compose-video-editor{position:absolute;inset:0;z-index:130;display:flex;flex-direction:column;overflow:hidden;background:#101014;color:#fff;padding:max(8px,var(--safe-top,env(safe-area-inset-top))) 20px max(20px,var(--safe-bottom,env(safe-area-inset-bottom)));box-sizing:border-box;overscroll-behavior:none}
.compose-video-editor header{display:grid;grid-template-columns:72px 1fr 72px;align-items:center;flex:none;min-height:48px}
.compose-video-editor header strong{text-align:center;font-size:15px;font-weight:600}
.compose-video-editor button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.compose-video-editor-close{width:42px;height:42px;border:0;border-radius:50%;background:#ffffff10;color:#fff;font-size:26px!important;line-height:1}
.compose-video-editor-apply{border:0;border-radius:22px;background:var(--social-accent,#f65398);color:#fff;min-height:40px;padding:8px 17px;font-weight:600!important}
.compose-video-editor-player{display:block;flex:1;min-height:0;width:100%;object-fit:contain;border-radius:18px;margin:14px 0 18px}
.compose-video-editor footer{flex:none;width:100%;max-width:600px;margin:0 auto}
.compose-video-editor-playback{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:13px;color:#e8e5ec}
.compose-video-editor-play{display:grid;place-items:center;width:42px;height:42px;flex:none;border:1px solid #ffffff1c;border-radius:50%;background:#ffffff0c;color:#fff}
.compose-video-editor-play::before{content:'';display:block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid currentColor;margin-left:3px}
.compose-video-editor-play[data-playing=true]::before{width:10px;height:13px;box-sizing:border-box;border:0;border-left:3px solid currentColor;border-right:3px solid currentColor;margin-left:0}
.compose-video-editor-selected{margin-left:auto;background:#ffffff0c;padding:7px 11px;border-radius:20px;font-size:12px}
.compose-video-editor output{font-variant-numeric:tabular-nums;white-space:nowrap}
.compose-video-timeline{padding:12px 16px 10px;touch-action:none;user-select:none;-webkit-user-select:none}
.compose-video-track{position:relative;height:56px;touch-action:none;cursor:crosshair}
.compose-video-filmstrip{position:absolute;inset:0;display:flex;overflow:hidden;border-radius:9px;background:#2c2932;pointer-events:none}
.compose-video-filmstrip canvas{display:block;flex:1;min-width:0;width:10%;height:100%;object-fit:cover;border:0;border-radius:0}
.compose-video-filmstrip-decoder{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none}
.compose-video-dim{position:absolute;top:0;bottom:0;background:#08080bb8;pointer-events:none}
.compose-video-dim-start{left:0;border-radius:9px 0 0 9px}
.compose-video-dim-end{right:0;border-radius:0 9px 9px 0}
.compose-video-selection{position:absolute;top:-3px;bottom:-3px;border:3px solid var(--social-accent,#f65398);border-radius:8px;pointer-events:none;box-sizing:border-box}
.compose-video-handle{position:absolute;top:-14px;height:84px;width:44px;transform:translateX(-50%);margin:0;padding:0;border:0!important;border-radius:12px;background:transparent!important;box-shadow:none!important;touch-action:none;cursor:ew-resize!important;z-index:4;outline:none}
.compose-video-handle>span{position:absolute;top:11px;bottom:11px;left:15px;width:14px;border-radius:6px;background:var(--social-accent,#f65398);box-shadow:0 2px 10px #0003;pointer-events:none}
.compose-video-handle>span::after{content:'';position:absolute;width:3px;height:20px;border-radius:3px;left:5.5px;top:50%;transform:translateY(-50%);background:#fff}
.compose-video-handle-playhead{z-index:3}
.compose-video-handle-playhead>span{width:3px;left:20.5px;top:6px;bottom:6px;background:#fff;border-radius:3px;box-shadow:0 1px 5px #0009}
.compose-video-handle-playhead>span::after{width:9px;height:7px;left:-3px;top:0;transform:none;border-radius:3px;background:#fff}
.compose-video-handle:focus-visible>span{outline:2px solid #fff;outline-offset:3px}
.compose-video-track[data-dragging=start] .compose-video-handle-start,.compose-video-track[data-dragging=end] .compose-video-handle-end,.compose-video-track[data-dragging=playhead] .compose-video-handle-playhead{z-index:5}
.compose-video-track[data-dragging=start] .compose-video-handle-start>span,.compose-video-track[data-dragging=end] .compose-video-handle-end>span{filter:brightness(1.16)}
.compose-video-boundaries{display:flex;justify-content:space-between;padding:0 16px;color:#c4becb;font-size:11px;line-height:20px}
.compose-video-editor p{font-size:12px;color:#938d9b;min-height:18px;line-height:18px;text-align:center;margin:12px 0 0}
.compose-video-editor button:disabled,.compose-video-timeline[data-disabled=true]{opacity:.5;cursor:default}
@media(max-height:480px){.compose-video-editor{padding-bottom:8px}.compose-video-editor header{min-height:40px}.compose-video-editor-player{margin:4px 0}.compose-video-editor-playback{margin-bottom:0}.compose-video-timeline{padding-top:8px;padding-bottom:4px}.compose-video-editor p{margin-top:4px}}