.s4-sheet-card label{min-width:0;white-space:nowrap}
.s4-sheet-card label input,.s4-sheet-card label select{min-width:0;flex:1 1 0;max-width:100%}
/* Approved ux24 s4 geometry and palette; shared scene rules also serve q4st. */
.fs-scene{position:absolute;inset:0;overflow:hidden;isolation:isolate}
.fs-scene[data-background="0"]{background:#7C3AED}
.fs-scene[data-background="1"]{background:linear-gradient(160deg,#C4B5FD,#7C3AED 55%,#EC4899)}
.fs-scene[data-background="2"]{background:#16132A}
.fs-scene[data-background="3"]{background:linear-gradient(160deg,#F59E0B,#EF4444)}
.fs-scene[data-background="4"]{background:linear-gradient(160deg,#10B981,#0EA5E9)}
.fs-scene[data-background="5"]{background:linear-gradient(160deg,#1E1B4B,#7C3AED)}
.fs-scene[data-background="6"]{background:#EC4899}
.fs-scene[data-background="7"]{background:#120A24}
.fs-scene-item{position:absolute;transform-origin:center;touch-action:none;outline:none}
.fs-scene-item>img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.fs-scene-item[data-type="text"]{display:flex;align-items:center;justify-content:center}
.fs-scene-text{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;display:block;padding:2px 6px;border-radius:12px;position:relative}
.fs-scene-item[data-type="text"]>.fs-scene-text{width:100%}
.fs-style-modern{font-family:-apple-system,"SF Arabic","Geeza Pro","Noto Sans Arabic",Tahoma,sans-serif;font-weight:700;line-height:1.22}
.fs-style-classic{font-family:"Times New Roman","Damascus","Noto Naskh Arabic",Georgia,serif;font-weight:900;line-height:1.25}
.fs-style-signature{font-family:"Snell Roundhand","Savoye LET","Farah","Diwan Thuluth",cursive,-apple-system,"Geeza Pro",sans-serif;font-weight:600;line-height:1.3;font-style:italic}
.fs-style-editor{font-family:"Helvetica Neue","Geeza Pro",Arial,sans-serif;font-weight:500;line-height:1.3;word-spacing:.45em;letter-spacing:.01em}
.fs-style-poster{font-family:Impact,"Kufi Standard GK","Arial Black",-apple-system,"Geeza Pro",sans-serif;font-weight:900;line-height:1.04;letter-spacing:.01em}
.fs-style-bubble{font-family:"Chalkboard SE","Marker Felt","Baghdad",-apple-system,"Geeza Pro",sans-serif;font-weight:800;line-height:1.2;-webkit-text-stroke:.09em #7C3AED;paint-order:stroke fill}
.fs-style-deco{font-family:Didot,"Al Nile","Noto Naskh Arabic",serif;font-weight:700;line-height:1.25;letter-spacing:.05em}
.fs-style-squeeze{font-family:"Avenir Next Condensed","Arial Narrow","Geeza Pro",sans-serif;font-weight:900;line-height:1.02;letter-spacing:-.02em}
.fs-style-typewriter{font-family:"American Typewriter","Courier New",Baghdad,monospace;font-weight:500;line-height:1.3}
.fs-style-strong{font-family:"Arial Black","Helvetica Neue","Geeza Pro",sans-serif;font-weight:900;line-height:1.15;font-style:italic}
.fs-style-meme{font-family:Impact,"Arial Black","Kufi Standard GK",sans-serif;font-weight:900;line-height:1.1;-webkit-text-stroke:.08em #000;paint-order:stroke fill}
.fs-style-elegant{font-family:"Bodoni 72",Didot,Damascus,Georgia,serif;font-weight:400;line-height:1.25;font-style:italic}
.fs-style-directional{font-family:Futura,"Avenir Next","Geeza Pro",sans-serif;font-weight:700;line-height:1.2;letter-spacing:.08em}
.fs-style-literature{font-family:Baskerville,Georgia,"Al Nile",serif;font-weight:400;line-height:1.42}
.fs-scene-ink{display:block}
.fs-anim-pulse{animation:fsc-pulse 1.2s ease-in-out infinite}
.fs-anim-wave{animation:fsc-wave 1.6s ease-in-out infinite}
.fs-text-glow{position:absolute;inset:2px 6px;pointer-events:none;text-shadow:0 0 6px currentColor,0 0 14px currentColor,0 0 26px currentColor;animation:fsc-glow 1.4s ease-in-out infinite}
.fs-clip-defs{position:absolute;width:0;height:0;overflow:hidden}
.fs-type-reveal{transform-origin:right;transform-box:fill-box;animation:fsc-type 1.6s steps(12) infinite}
.fs-scene-voice-fit{position:absolute;left:50%;top:50%;transform-origin:center}
.fs-scene .s4v{position:relative;direction:ltr;color:#fff;--sz:160px;--p:0%}
.fs-scene .s4v button{color:inherit;border:0;padding:0}
.fs-scene .s4v-wv{width:160px;height:160px;filter:drop-shadow(0 0 16px rgba(192,132,252,.55))}
.fs-scene .s4_ring{position:absolute;inset:0}
.fs-scene .s4_ring i{position:absolute;left:50%;top:50%;width:3.84px;border-radius:4px;background:rgba(216,180,254,.45);transform-origin:50% 100%;display:block}
.fs-scene .s4_ring i.on{background:linear-gradient(0deg,#C084FC,#E9A8FF)}
.fs-scene .s4_pr{position:absolute;left:50%;top:50%;width:96px;height:96px;transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(#A855F7 0 var(--p),rgba(255,255,255,.28) var(--p))}
.fs-scene .s4_core{position:absolute;left:50%;top:50%;width:88px;height:88px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 40% 30%,#9333EA,#5B21B6);border:3.52px solid #fff!important;display:grid;place-items:center}
.fs-scene .s4_core svg{width:32px;height:32px;fill:currentColor;stroke:none}
.fs-scene .s4_core[aria-label="إيقاف مؤقت"] svg{fill:none;stroke:currentColor;stroke-width:3}
.fs-scene .s4v-wv.pl .s4_ring{animation:fsc-spin 9s linear infinite}
.fs-scene .s4v-c{width:99.2px;height:99.2px;border-radius:50%;padding:5px}
.fs-scene .s4_rg{position:absolute;inset:0;border-radius:50%;background:conic-gradient(#7C3AED 0 var(--p),rgba(255,255,255,.55) var(--p))}
.fs-scene .s4v-c .new-avatar{position:relative;width:100%!important;height:100%!important;border-radius:50%;object-fit:cover;border:3px solid #fff}
.fs-scene .s4_pb{position:absolute;right:-2px;bottom:-2px;width:26px;height:26px;border-radius:50%;background:#7C3AED;border:2px solid #fff!important;display:grid;place-items:center}
.fs-scene .s4_bars{display:flex;gap:2px;align-items:center}
.fs-scene .s4_bars i{width:3px;border-radius:2px;background:#C9C1E6;display:block}
.fs-scene .s4_bars i.on{background:#7C3AED}
.fs-scene .s4v-cap{height:56px;padding:0 14px 0 4px;border-radius:28px;background:#fff;display:flex;align-items:center;gap:10px;box-shadow:0 10px 26px rgba(0,0,0,.3)}
.fs-scene .s4_rg2{width:48px;height:48px;border-radius:50%;padding:3px;background:conic-gradient(#7C3AED 0 var(--p),#E9E3FB var(--p))}
.fs-scene .s4_rg2 .new-avatar{width:100%!important;height:100%!important;border-radius:50%;border:2px solid #fff}
.fs-scene .s4v-cap b,.fs-scene .s4v-bub b{color:#14121F;font-size:13px;white-space:nowrap}
.fs-scene .s4v-card{width:96px;height:96px;border-radius:20px;background:linear-gradient(135deg,#8B5CF6,#6D28D9);padding:9px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 8px 20px rgba(0,0,0,.35)}
.fs-scene .s4v-card .new-avatar{width:30px!important;height:30px!important;border-radius:50%;border:2px solid #fff}
.fs-scene .s4v-card .s4_bars i,.fs-scene .s4v-wave .s4_bars i{background:rgba(255,255,255,.45)}
.fs-scene .s4v-card .s4_bars i.on,.fs-scene .s4v-wave .s4_bars i.on{background:#fff}
.fs-scene .s4v-card b{font-size:11px}
.fs-scene .s4v-wave{height:46px;padding:0 16px;border-radius:23px;background:#7C3AED;display:flex;align-items:center;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.fs-scene .s4v-bub{padding:10px 14px 10px 10px;border-radius:20px 20px 20px 5px;background:#fff;display:flex;align-items:center;gap:8px;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.fs-scene .s4v-bub .s4_pb{position:static;width:28px;height:28px;border:0!important;flex:none}
.fs-scene .s4v-vin{width:86px;height:86px;border-radius:50%;background:repeating-radial-gradient(#141018 0 2px,#2A2236 2px 4px);display:grid;place-items:center;box-shadow:0 6px 16px rgba(0,0,0,.35)}
.fs-scene .s4v-vin .new-avatar{width:36px!important;height:36px!important;border-radius:50%;border:2px solid #A78BFA}
.fs-scene .s4v-vin.pl{animation:fsc-spin 4s linear infinite}
.fs-scene .s4v-stk{padding:9px 14px;border-radius:14px;background:#FDE047;color:#14121F;font-weight:900;font-size:14px;transform:rotate(-6deg);direction:rtl;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,.2)}
.fs-scene .s4v-stk small{font-size:11px;opacity:.7}
.fs-scene .s4v-stk.pl{animation:fsc-pulse 1s infinite}
.fs-scene .fs-voice-custom .s4v{color:var(--custom-voice-color)}
.fs-scene .fs-voice-custom .s4_bars i,.fs-scene .fs-voice-custom .s4_bars i.on{background:var(--custom-voice-color)}
.fs-scene .fs-voice-custom .s4_ring i.on{background:var(--custom-voice-color)}
.fs-scene .fs-voice-custom .s4v b,.fs-scene .fs-voice-custom .s4v small{color:var(--custom-voice-color)}
.fs-scene .fs-voice-hit{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;background:transparent}
.fs-scene .fs-voice-hit>svg{opacity:0}
#q4st .fs-scene .s4_core svg{width:32px;height:32px}
#q4st .fs-scene .s4_pb svg{width:12px;height:12px}
#q4st .fs-scene button:focus-visible{outline:3px solid #FDE047;outline-offset:5px}
#q4st .fs-rich-scene .z17b{z-index:3}
#q4st .fs-rich-scene .fs-scene-item{pointer-events:none}
#q4st .fs-rich-scene .fs-scene button{pointer-events:auto}
#s4{background:#000;color:#fff;overflow:hidden;font-family:-apple-system,"SF Arabic","Geeza Pro",Tahoma,sans-serif}
#s4 .new-panel-body{position:relative;padding:0;overflow:hidden;flex:1}
#s4 button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
#s4 button:disabled{opacity:.35;cursor:not-allowed}
#s4 button:focus-visible,#s4 input:focus-visible,#s4 textarea:focus-visible{outline:3px solid #A78BFA;outline-offset:3px}
#s4 .s4-stage{position:absolute;inset:env(safe-area-inset-top,0px) 0 calc(84px + env(safe-area-inset-bottom,0px));border-radius:22px;overflow:hidden;background:#120A24}
#s4 .s4-stage .fs-scene-item{user-select:none;-webkit-user-select:none}
#s4 .fs-scene-item.selected{outline:1.5px dashed rgba(255,255,255,.8);outline-offset:6px}
#s4 .fs-scene-item:focus-visible{outline:3px solid #FDE047}
#s4 .fs-scene .s4v button{pointer-events:none}
#s4 .s4-glass{background:rgba(20,14,40,.45);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.16)}
#s4 .s4-tb{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));left:12px;right:12px;height:50px;border-radius:25px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;direction:ltr}
#s4 .s4-rb{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex:none}
#s4 .s4-cap{position:absolute;right:12px;top:calc(76px + env(safe-area-inset-top,0px));border-radius:28px;padding:6px;display:flex;flex-direction:column;gap:6px;z-index:10}
#s4 .s4-cap button{display:flex;align-items:center;justify-content:flex-end;gap:10px;direction:ltr}
#s4 .s4-cap button>span:first-child{font-size:13px;font-weight:800;text-shadow:0 1px 6px rgba(0,0,0,.7)}
#s4 .s4-cap .s4_ic{width:44px;height:44px;border-radius:50%;display:grid;place-items:center}
#s4 .s4-bot{position:absolute;left:0;right:0;bottom:0;height:calc(84px + env(safe-area-inset-bottom,0px));padding:12px 14px env(safe-area-inset-bottom,0px);display:flex;gap:8px;align-items:flex-start}
#s4 .s4-pub{flex:1;height:62px;border-radius:31px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;padding:5px;gap:6px;direction:ltr;margin-top:-4px}
#s4 .s4_ch{flex:1;height:50px;border-radius:25px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.16);display:flex;align-items:center;gap:8px;padding:0 9px;font-weight:800;font-size:13.5px;direction:rtl;color:#fff}
#s4 .s4_ch .new-avatar{width:38px!important;height:38px!important;border-radius:50%;border:2px solid rgba(255,255,255,.7)}
#s4 .s4_go{width:50px;height:50px;border-radius:50%;background:#7C3AED;display:grid;place-items:center;flex:none}
#s4 .s4-hint{position:absolute;top:44%;left:20px;right:20px;text-align:center;font-size:28px;font-weight:700;opacity:.65;pointer-events:none;direction:rtl}
#s4 .s4-trash{position:absolute;left:50%;bottom:105px;transform:translateX(-50%);width:56px;height:56px;border-radius:50%;background:rgba(0,0,0,.45);border:1.5px solid rgba(255,255,255,.6);place-items:center;z-index:12;display:none}
#s4 .s4-trash.on{display:grid}
#s4 .s4-trash.hot{background:#EF4444;transform:translateX(-50%) scale(1.1)}
#s4 .s4-guide{position:absolute;pointer-events:none;background:#A78BFA;z-index:8;display:none}
#s4 .s4-guide.v{left:50%;top:0;bottom:0;width:1px}
#s4 .s4-guide.h{top:50%;left:0;right:0;height:1px}
#s4 .s4-error{position:absolute;left:14px;right:14px;bottom:100px;z-index:40;background:#fff;color:#16132A;border:1px solid #E4DCF8;border-radius:20px;padding:14px;font-size:14px;line-height:1.6;box-shadow:0 8px 28px rgba(0,0,0,.3)}
#s4 .s4-error button{background:#7C3AED;color:#fff;border-radius:15px;padding:8px 14px;margin:8px 0 0 8px;font-weight:700}
#s4 .s4-sheet{position:absolute;inset:0;z-index:22;background:rgba(0,0,0,.5);display:flex;flex-direction:column;justify-content:flex-end}
#s4 [hidden]{display:none!important}
#s4 .s4-sheet-card{max-height:80%;overflow:auto;background:#fff;color:#14121F;border-radius:26px 26px 0 0;padding:14px 16px max(22px,env(safe-area-inset-bottom,0px));overscroll-behavior:contain}
#s4 .s4-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
#s4 .s4-sheet-head h2{font-size:18px;margin:0;font-weight:800}
#s4 .s4-done{padding:7px 18px;border-radius:16px;background:#7C3AED;color:#fff;font-weight:800;font-size:15px}
#s4 .s4-sheet-card label{display:flex;align-items:center;gap:12px;font-size:13px;margin:12px 0}
#s4 .s4-sheet-card input[type=range]{flex:1;min-width:0;accent-color:#7C3AED}
#s4 .s4-sheet-card input[type=color]{width:32px;height:32px;border:0;background:none}
#s4 .s4-sheet-card .s4-action{padding:10px 14px;border-radius:18px;background:#F2ECFF;color:#5B21B6;font-weight:800;margin:5px}
#s4 .s4-note{font-size:12px;color:#8A8798;line-height:1.7}
#s4 .s4-cap{max-height:calc(100% - 190px);overflow:auto;overscroll-behavior:contain;scrollbar-width:none}
#s4 .s4-cap::-webkit-scrollbar{display:none}
#s4 .s4-cap button>span:first-child{max-width:72px}
#s4 .s4-audience-options,#s4 .s4-filter-options{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0}
#s4 .s4-audience-options button,#s4 .s4-filter-options button{border:1px solid #E4DCF8;border-radius:18px;padding:9px 13px;color:#5B21B6;background:#F8F5FF;font-weight:750}
#s4 .s4-audience-options button.on,#s4 .s4-filter-options button.on{background:#7C3AED;color:#fff}
#s4 .s4-sheet-card [data-s4-user-ids],#s4 .s4-sheet-card [data-s4-location],#s4 .s4-sheet-card [data-s4-mention-id],#s4 .s4-sheet-card [data-s4-mention-text],#s4 .s4-sheet-card [data-s4-sticker-text],#s4 .s4-sheet-card [data-s4-sticker-url],#s4 .s4-sheet-card [data-s4-post-input],#s4 .s4-sheet-card [data-s4-option]{width:100%;min-width:0;border:1px solid #E4DCF8;border-radius:12px;padding:10px 12px;color:#16132A;background:#FBFAFE}
#s4 .s4-sheet-card select{border:1px solid #E4DCF8;border-radius:12px;padding:9px;background:#FBFAFE;color:#16132A}
.fs-scene[data-filter="warm"]{filter:sepia(.16) saturate(1.15)}
.fs-scene[data-filter="cool"]{filter:hue-rotate(12deg) saturate(.9)}
.fs-scene[data-filter="mono"]{filter:grayscale(1)}
.fs-scene[data-filter="vivid"]{filter:saturate(1.45)}
.fs-scene[data-filter="sepia"]{filter:sepia(.7)}
.fs-scene-item[data-type="image"]>img[data-image-filter="warm"]{filter:sepia(.16) saturate(1.15)}
.fs-scene-item[data-type="image"]>img[data-image-filter="cool"]{filter:hue-rotate(12deg) saturate(.9)}
.fs-scene-item[data-type="image"]>img[data-image-filter="mono"]{filter:grayscale(1)}
.fs-scene-item[data-type="image"]>img[data-image-filter="vivid"]{filter:saturate(1.45)}
.fs-scene-item[data-type="image"]>img[data-image-filter="sepia"]{filter:sepia(.7)}
.fs-scene-chip,.fs-scene-post,.fs-scene-sticker{width:100%;height:100%;min-height:100%;border-radius:18px;background:rgba(255,255,255,.94);color:#29233B;box-shadow:0 10px 28px rgba(17,10,38,.2);padding:10px 14px;display:flex;flex-direction:column;justify-content:center;gap:7px;text-align:center;overflow:hidden}
.fs-scene-chip{font-size:clamp(12px,3vw,20px)}
.fs-scene-mention{align-self:center;border-radius:18px;background:#EEE7FF;color:#5B21B6;padding:8px 12px;font-weight:800}
.fs-scene-post{border:0;align-items:center;cursor:pointer}
.fs-scene-post img{width:100%;height:54%;object-fit:cover;border-radius:12px}
.fs-scene-post b,.fs-scene-post span{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.fs-scene-post small,.fs-scene-sticker small{color:#7C3AED}
.fs-scene-sticker{font-size:clamp(11px,2.8vw,18px)}
.fs-scene-sticker button{min-height:28px;border:1px solid #E3DDF0;border-radius:12px;background:#F8F5FF;color:#3D3156;padding:4px 8px}
.fs-scene-sticker textarea{min-height:40px;max-height:75px;border:1px solid #E3DDF0;border-radius:10px;background:#fff;color:#29233B;resize:vertical}
.fs-scene-sticker a{color:#6D28D9;text-decoration:underline}
#q4st .fs-scene .fs-scene-item textarea,#q4st .fs-scene .fs-scene-item a{pointer-events:auto}
.fs-scene-unavailable{display:grid;place-items:center;width:100%;height:100%;border-radius:16px;background:rgba(255,255,255,.86);color:#5B5670;font-size:14px;font-weight:800}
@media(max-height:700px){#s4 .s4-cap{top:calc(68px + env(safe-area-inset-top,0px));gap:3px;padding:4px}#s4 .s4-cap .s4_ic{width:38px;height:38px}}
#s4 .s4-palette{display:flex;gap:9px;overflow:auto;padding:7px 3px;direction:ltr}
#s4 .s4-palette button{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.5);flex:none;box-shadow:0 0 0 1px #D8CDEC}
#s4 .s4-palette button.on{box-shadow:0 0 0 3px #7C3AED;border:3px solid #fff}
#s4 .s4-te{position:absolute;inset:0;z-index:24;background:rgba(5,3,12,.62);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;flex-direction:column;padding:calc(12px + env(safe-area-inset-top,0px)) 12px calc(10px + env(safe-area-inset-bottom,0px) + var(--s4-kbb,0px))}
#s4 .s4-tools{display:flex;align-items:center;gap:5px;direction:rtl}
#s4 .s4-tools .s4-done{margin-left:auto;background:#7C3AED;color:#fff}
#s4 .s4-tools button{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);flex:none}
#s4 .s4-tools button.s4-done{order:-1;width:auto;min-width:59px;border-radius:16px;padding:0 12px;font-size:14px;margin-left:auto}
#s4 .s4-topt{display:flex;gap:8px;overflow:auto;min-height:44px;align-items:center;padding:8px 2px}
#s4 .s4-topt button{flex:none;padding:7px 12px;border-radius:16px;background:rgba(255,255,255,.12);font-size:12px;font-weight:800}
#s4 .s4-topt button.on{background:#fff;color:#16132A}
#s4 .s4-teb{display:flex;flex:1;align-items:center;justify-content:center;min-height:0}
#s4 .s4-ted{display:block;resize:none;width:84%;min-height:54px;max-height:100%;background:transparent;border:0;outline:0;color:#fff;text-align:center;white-space:pre-wrap;overflow:auto;padding:2px 6px;font-size:34px;caret-color:#A78BFA}
#s4 .s4-fonts{display:flex;align-items:center;gap:4px;overflow:auto;direction:ltr;flex:none;padding:0 6px;scrollbar-width:none;height:52px;border-radius:26px;background:rgba(255,255,255,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.16)}
#s4 .s4-fonts button{flex:none;min-width:66px;height:40px;padding:0 15px;border-radius:20px;background:transparent;font-size:15px;color:rgba(255,255,255,.85);white-space:nowrap}
#s4 .s4-fonts button.on{background:#fff;color:#14121F}
#s4 .s4-vt{position:absolute;inset:0;z-index:24;background:linear-gradient(180deg,#F6F2FF,#EEE7FF);color:#14121F;padding:0;overflow:auto}
#s4 .s4-vt-content{position:relative;min-height:540px;height:100%;padding:calc(16px + env(safe-area-inset-top,0px)) 18px max(22px,env(safe-area-inset-bottom,0px))}
#s4 .s4-vth{display:flex;justify-content:space-between;align-items:center;direction:ltr}
#s4 .s4-vth button{width:38px;height:38px;border-radius:50%;background:#fff;display:grid;place-items:center;color:#7C3AED}
#s4 .s4-vth h2{font-size:19px;margin:0;font-weight:800}
#s4 .s4-vdemo{position:absolute;top:calc(84px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);margin:0;width:160px;height:130px}
#s4 .s4-vshape{position:absolute;top:calc(234px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:10px;margin:0;padding:10px 18px;border-radius:24px;background:#fff;color:#14121F;box-shadow:0 4px 14px rgba(80,40,160,.18);font-weight:800;font-size:13px;white-space:nowrap}
#s4 .s4-shg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;direction:rtl}
#s4 .s4-shg button{height:108px;border-radius:20px;background:#F7F6FA;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:relative;color:#4A4760;font-size:11.5px;font-weight:800;border:2px solid transparent}
#s4 .s4-shg button.on{border-color:#7C3AED;background:#EEE7FF}
#s4 .s4-shg .s4-mini{width:85px;height:62px;position:relative;pointer-events:none}
#s4 .s4-vbar{position:absolute;top:calc(292px + env(safe-area-inset-top,0px));left:16px;right:16px;height:52px;border-radius:26px;background:linear-gradient(90deg,#8B5CF6,#7C3AED);display:flex;align-items:center;gap:10px;padding:0 10px;direction:ltr;box-shadow:0 8px 20px rgba(124,58,237,.3);color:#fff}
#s4 .s4-vbar button{width:32px;height:32px;border-radius:50%;background:#fff;color:#7C3AED;display:grid;place-items:center;flex:none}
#s4 .s4-vwave{display:flex;align-items:center;justify-content:space-between;gap:3px;height:34px;flex:1;min-width:0}
#s4 .s4-vwave i{width:3px;border-radius:2px;background:rgba(255,255,255,.35);height:4px}
#s4 .s4-vch{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:14px 0}
#s4 .s4-music-controls{position:absolute;top:calc(430px + env(safe-area-inset-top,0px));left:16px;right:16px;border-radius:16px;padding:10px 12px;background:rgba(255,255,255,.8);color:#4C1D95;box-shadow:0 6px 20px rgba(80,40,160,.12)}
#s4 .s4-music-controls label{display:grid;grid-template-columns:100px 1fr 48px;align-items:center;gap:7px;font-size:11px;margin:5px 0}
#s4 .s4-music-controls input{width:100%;accent-color:#7C3AED}
#s4 .s4-music-controls output{text-align:left;direction:ltr;font-size:11px}
#s4 .s4-music-controls small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6F6580}
#s4 .s4-people-search-label{display:grid;gap:6px;margin:12px 0}
#s4 .s4-people-list,#s4 .s4-post-options{display:grid;gap:8px;max-height:none;overflow:visible;padding:4px}
#s4 .s4-person-row{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border-radius:16px;background:#F7F3FF;color:#35254C;text-align:right}
#s4 .s4-person-row>span{display:grid;flex:1;min-width:0}
#s4 .s4-person-row small{color:#827590}
#s4 .s4-person-row i{font-style:normal;color:#7856AA;font-size:12px}
#s4 .s4-person-row.on{background:#EDE3FF;outline:1px solid #B99CF7}
#s4 .s4-picked-people{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0}
#s4 .s4-person-picked{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:20px;background:#F2ECFF;color:#49376A;font-size:12px}
#s4 .s4-person-picked button{color:#8F4351;font-size:11px}
#s4 .s4-person-avatar-fallback{width:30px;height:30px;border-radius:50%;background:#E4DCF8}
#s4 .s4-people-status,#s4 .s4-post-status{display:grid;gap:8px;margin-top:8px;color:#7A7188;font-size:12px}
#s4 .s4-post-card{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:10px;padding:9px;border-radius:16px;background:#F7F3FF;color:#35254C;text-align:right}
#s4 .s4-post-card>img,#s4 .s4-post-card-mark{width:54px;height:54px;border-radius:12px;object-fit:cover;background:#E8E1F4;display:grid;place-items:center;color:#7A629A;font-size:10px}
#s4 .s4-post-card-copy{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:2px 8px;min-width:0}
#s4 .s4-post-card-copy img{grid-row:span 2}
#s4 .s4-post-card-copy b,#s4 .s4-post-card-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#s4 .s4-post-card-copy small{grid-column:2;color:#827590}
#s4 .s4-post-card>i{font-style:normal;color:#7655A8;font-size:11px}
#s4 .s4-audience-pick{width:100%;margin-top:10px}
#s4 .s4-vt-content>.s4-vch{position:absolute;top:calc(358px + env(safe-area-inset-top,0px));left:0;right:0;margin:0}
#s4 .s4-vch button{display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:16px;background:#fff;border:1.5px solid #E4DCF8;color:#5B21B6;font-size:12.5px;font-weight:800}
#s4 .s4-vch button.s4-red{color:#EF4444;border-color:#FECACA}
#s4 .s4-vbig{position:absolute;bottom:calc(46px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);margin:0;width:84px;height:84px;border-radius:50%;background:#7C3AED;border:5px solid #fff;display:grid;place-items:center;box-shadow:0 10px 26px rgba(109,40,217,.4);color:#fff}
#s4 .s4-vlb{position:absolute;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:0;right:0;margin:0;text-align:center;font-size:12px;color:#6B6880}
#s4 .s4-shapes{position:absolute;left:0;right:0;bottom:0;max-height:70%;overflow:auto;margin:0;padding:16px;background:#fff;border-radius:26px 26px 0 0;z-index:30;box-shadow:0 -14px 32px rgba(30,15,65,.16)}
#s4 .s4-record-status{position:absolute;top:calc(406px + env(safe-area-inset-top,0px));left:16px;right:16px;display:block;text-align:center;font-size:12px;color:#8A8798;min-height:22px}
#s4 .s4-draw-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}
#s4 .s4-drawbar{position:absolute;left:10px;right:10px;bottom:100px;z-index:26;border-radius:26px;padding:12px}
#s4 .s4-pens{display:flex;gap:8px;justify-content:center}
#s4 .s4-pens button{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1)}
#s4 .s4-pens button.on{background:#7C3AED}
#s4 .s4-progress{position:absolute;inset:0;z-index:50;display:grid;place-content:center;text-align:center;gap:18px;background:rgba(20,12,40,.9);color:#fff;font-weight:700}
#s4 .s4-progress .new-skeleton{min-width:180px}
#s4 .nc-draft-controls{display:grid;gap:8px;padding:12px 0;color:#5B21B6;font-size:13px}
#s4 .nc-draft-controls label{margin:0}
#s4 .nc-draft-dialog{max-width:360px;width:calc(100% - 32px);border:1px solid #E4DCF8;border-radius:24px;padding:22px;color:#14121F;background:#fff;line-height:1.7}
#s4 .nc-draft-dialog::backdrop{background:rgba(0,0,0,.6)}
#s4 .nc-draft-dialog h3{font-size:18px;margin:0 0 8px}
#s4 .nc-draft-dialog .new-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
#s4 .nc-draft-dialog button{padding:9px 13px;border-radius:18px;background:#7C3AED;color:#fff}
@keyframes fsc-pulse{50%{transform:scale(1.07)}}
@keyframes fsc-wave{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-4px) rotate(-2deg)}75%{transform:translateY(4px) rotate(2deg)}}
@keyframes fsc-glow{50%{opacity:.15}}
@keyframes fsc-type{0%{transform:scaleX(0)}70%,100%{transform:scaleX(1)}}
@keyframes fsc-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.fs-scene *{animation:none!important}.fs-type-reveal{transform:none!important}}
@media(max-height:700px){#s4 .s4-shg button{height:90px}#s4 .s4-cap{max-height:calc(100% - 180px);overflow-y:auto;scrollbar-width:none}}