/* AZRA Composer Studio v55 — borderless title + refined social composer. */
:root{--az-y:#FFD60A;--az-y2:#ffe55c;--az-bg:#050506;--az-s1:#0b0b0d;--az-s2:#111114;--az-ln:#1b1b20;--az-ln2:#26262d;--az-tx:#f5f5f7;--az-mu:#8c8c96;--az-rd:#ff5365;--az-mono:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace}
html.az-open .hxm-bar,html.az-open .hxm-sheet,html.az-open .azra-ai-widget,html.az-open #azraAiWidget,html.az-open .azra-companion{display:none!important}

/* ---------- shell ---------- */
.overlay.az-ov{padding:0!important;align-items:stretch!important;justify-content:stretch!important;background:rgba(0,0,0,.8)!important;-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);z-index:2147483000!important}
.az-ov .modal.az-studio{position:relative;display:flex;flex-direction:column;width:100%!important;max-width:none!important;height:var(--az-vh,100dvh)!important;max-height:none!important;margin-top:var(--az-top,0);overflow:hidden!important;border:0!important;border-radius:0!important;background:var(--az-bg)!important;color:var(--az-tx);box-shadow:none!important;animation:azIn .36s cubic-bezier(.19,1,.22,1)}
@keyframes azIn{from{opacity:0;transform:translateY(26px) scale(.985)}}
.az-studio>.modal-head,.az-studio>.modal-foot{display:none!important}
.az-studio *{scrollbar-width:thin;scrollbar-color:#2a2a31 transparent}
.az-studio [hidden]{display:none!important}
.az-hide{display:none!important}.az-sp{flex:1}.az-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.az-i{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.az-ib{position:relative;width:42px;height:42px;border-radius:50%;border:0;background:transparent;color:var(--az-tx);display:grid;place-items:center;cursor:pointer;transition:background .15s,color .15s,transform .12s}
.az-ib:hover{background:#17171b}.az-ib:active{transform:scale(.92)}
.az-dot{position:absolute;top:8px;inset-inline-end:8px;width:9px;height:9px;border-radius:50%;background:var(--az-y);box-shadow:0 0 0 2px var(--az-bg)}
:dir(rtl) .az-flip{transform:scaleX(-1)}

/* ---------- top bar ---------- */
.az-top{position:relative;flex:none;display:flex;align-items:center;gap:4px;padding:max(8px,env(safe-area-inset-top)) 12px 8px;min-height:60px;background:rgba(5,5,6,.9);border-bottom:1px solid var(--az-ln);z-index:6}
.az-h{margin:0 8px;font-size:17px;font-weight:800;letter-spacing:-.01em;color:#fff}
.az-post{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 24px;border:0;border-radius:999px;background:var(--az-y);color:#000;font-family:inherit;font-size:15px;font-weight:800;line-height:1;cursor:pointer;transition:transform .12s,background .15s,opacity .15s,box-shadow .2s}
.az-post:hover{background:var(--az-y2);box-shadow:0 6px 24px rgba(255,214,10,.28)}.az-post:active{transform:scale(.96)}
.az-post:disabled{opacity:.3;pointer-events:none;box-shadow:none}
.az-post .az-i{width:18px;height:18px;fill:currentColor;stroke:none}
.az-post-d{display:none;margin-inline-start:8px}
.az-topbar{position:absolute;inset-inline:0;bottom:-1px;height:3px;background:linear-gradient(90deg,var(--az-y),#fff6b0);transform:scaleX(0);transform-origin:left;transition:transform .15s linear;pointer-events:none}
.az-topbar:dir(rtl){transform-origin:right}

/* ---------- body / editor column ---------- */
.az-studio .modal-body.az-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0!important;position:static;-webkit-overflow-scrolling:touch}
.az-main{position:relative;padding:14px 18px 0;min-height:100%;display:flex;flex-direction:column}
.az-ehead{display:flex;align-items:center;margin-bottom:6px}
.az-studio .azc-author{margin:0;width:100%;gap:12px;align-items:center}
.az-studio .azc-who{gap:1px}.az-studio .azc-who b{font-size:15px;font-weight:800}.az-studio .azc-who span{font:500 12px var(--az-mono);color:var(--az-mu);direction:ltr;unicode-bidi:plaintext}
.az-studio .azc-pill{font:700 11px var(--az-mono);letter-spacing:.02em;padding:6px 12px;border-radius:999px;background:rgba(255,214,10,.08);border:1px solid rgba(255,214,10,.35);color:var(--az-y)}
.az-studio .az-tabs{display:flex!important;flex-wrap:nowrap!important;gap:8px;overflow-x:auto;margin:4px -18px 8px!important;padding:2px 18px 6px!important;scrollbar-width:none;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.az-tabs::-webkit-scrollbar{display:none}
.az-studio .az-tabs .chip{flex:none;display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:999px;background:var(--az-s2)!important;color:#c9c9d1!important;border:1px solid var(--az-ln2)!important;font-weight:700;font-size:13.5px;cursor:pointer;transition:all .18s}
.az-studio .az-tabs .chip .az-i{width:17px;height:17px}
.az-studio .az-tabs .chip:hover{border-color:#3a3a44!important;color:#fff!important}
.az-studio .az-tabs .chip.active{background:var(--az-y)!important;border-color:var(--az-y)!important;color:#000!important}
.az-banner{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:10px 14px;border-radius:16px;background:rgba(255,214,10,.07);border:1px solid rgba(255,214,10,.22);color:#ffec8a;font-size:13px}
.az-banner .az-i{width:18px;height:18px}.az-banner b{color:#fff}
.az-banner button{border:0;background:transparent;color:var(--az-y);font-weight:800;font-size:13px;padding:6px 8px;border-radius:10px;cursor:pointer}.az-banner button:hover{background:rgba(255,214,10,.12)}
.az-banner button[data-b=d]{color:var(--az-mu)}
.az-titlef,.az-bodyf{margin:0!important;padding:0!important}
.az-studio #cTitle{width:100%;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;padding:8px 0!important;font-size:27px;line-height:1.3;font-weight:800;letter-spacing:-.02em;color:#fff!important;caret-color:var(--az-y)}
.az-studio #cBody{display:block;width:100%;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;resize:none;overflow:hidden;padding:6px 0 12px!important;min-height:150px;font-size:17px;line-height:1.8;color:#e9e9ee!important;caret-color:var(--az-y)}
.az-studio ::placeholder{color:#55555e!important;opacity:1}
.az-bodyf>label,.az-studio .md-toolbar,.az-studio .azra-media-picker,.az-studio .az-bodyf>.hint,.az-studio #cCount,.az-studio .az-media .hint,.az-media>.field>label:not(.filebox){display:none!important}
.az-status{display:flex;align-items:center;gap:16px;padding:8px 0;border-top:1px dashed #1d1d23;font:500 11.5px var(--az-mono);color:#6d6d77;white-space:nowrap;overflow:hidden}
.az-status span{display:inline-flex;align-items:center;gap:6px}.az-status .az-i{width:14px;height:14px;color:var(--az-y)}
.az-cn.warn{color:#ffb020}.az-status .az-sp{min-width:4px}
@media(max-width:560px){.az-status{gap:12px}.az-status span:nth-child(4){display:none}}
.az-media{margin-top:6px}.az-media .field{margin:0!important}
.az-media #cMediaPreview{margin-top:12px;animation:azMediaIn .24s cubic-bezier(.2,.8,.2,1)}
@keyframes azMediaIn{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}
.az-studio .azra-composer-media-preview{padding:0;border:1px solid var(--az-ln2);border-radius:20px;background:#09090b;overflow:hidden}
.az-studio .azra-composer-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:7px;padding:10px}
.az-studio .azra-composer-thumb{border:1px solid #222228;border-radius:12px;aspect-ratio:1;overflow:hidden}
.azc-attachment-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px 0;color:#eee;font-size:13px}
.azc-media-remove{flex:none;min-height:30px;padding:6px 10px;border:1px solid #323239;border-radius:999px;background:#141417;color:#a9a9b2;font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;transition:background .16s,border-color .16s,color .16s}
.azc-media-remove:hover{border-color:rgba(255,83,101,.55);background:rgba(255,83,101,.08);color:#ff9aa5}
.az-studio .azra-composer-video.azc-video-card{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:0;border:0;border-radius:0;background:transparent}
.azc-video-stage{position:relative;display:grid;place-items:center;min-height:150px;max-height:48dvh;overflow:hidden;background:#020203;border-bottom:1px solid #1b1b20}
.azc-video-stage video{display:block;width:100%;max-height:48dvh;object-fit:contain;background:#020203}
.azc-video-badge{position:absolute;top:10px;inset-inline-start:10px;padding:5px 8px;border:1px solid rgba(255,255,255,.14);border-radius:7px;background:rgba(0,0,0,.68);color:#fff;font:700 10px var(--az-mono);letter-spacing:.08em;pointer-events:none}
.azc-video-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px}
.azc-video-meta>div{min-width:0;display:flex;flex-direction:column;gap:4px}
.azc-video-meta b{font-size:13px;color:#f5f5f7}.azc-video-meta span{font-size:11.5px;color:var(--az-mu);line-height:1.5}
.az-studio .cp-media{margin:14px 0 6px;border-radius:20px;background:var(--az-s1);border-color:var(--az-ln2)}
.az-main>#cErr{margin:10px 0 0;padding:11px 14px;border-radius:14px;background:rgba(255,83,101,.08);border:1px solid rgba(255,83,101,.28);color:#ff8b98;font-size:13.5px}
.az-main>#cErr:empty{display:none}

/* ---------- format / media toolbar ---------- */
.az-tools{position:sticky;bottom:0;z-index:4;margin:auto -18px 0;padding:8px 14px;display:flex;align-items:center;gap:2px;overflow-x:auto;background:linear-gradient(180deg,rgba(5,5,6,0),rgba(5,5,6,.96) 28%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #141418;scrollbar-width:none}
.az-tools::-webkit-scrollbar{display:none}
.az-t{flex:none;width:42px;height:42px;border:0;border-radius:14px;background:transparent;color:#a3a3ad;display:grid;place-items:center;cursor:pointer;transition:all .15s}
.az-t:hover{background:#17171b;color:var(--az-y)}.az-t:active{transform:scale(.9)}
.az-t:nth-child(-n+3){color:#d4d4dc}.az-t-azra{color:var(--az-y)!important}
.az-vr{flex:none;width:1px;height:22px;background:var(--az-ln2);margin:0 6px}

/* ---------- options panel ---------- */
.az-col{display:contents}
.az-side,.az-prev{position:absolute;inset:0;z-index:20;background:var(--az-bg);overflow-y:auto;transition:transform .34s cubic-bezier(.19,1,.22,1);padding-top:env(safe-area-inset-top)}
.az-side{transform:translateX(100%)}.az-side:dir(rtl){transform:translateX(-100%)}
.az-opts-open .az-side{transform:none}
.az-prev{transform:translateY(100%)}.az-prev-open .az-prev{transform:none}
.az-sh{display:flex;align-items:center;gap:6px;position:sticky;top:0;z-index:3;padding:8px 12px;min-height:60px;background:rgba(5,5,6,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.az-sh h3{margin:0 6px;font-size:17px;font-weight:800}
.az-post-s{height:38px;padding:0 20px;font-size:14px}
.az-cover{display:flex;gap:16px;align-items:center;margin:6px 16px 4px;padding:16px;border-radius:22px;background:var(--az-s1);border:1px solid var(--az-ln)}
.az-thumb{position:relative;flex:none;width:96px;height:128px;border-radius:16px;overflow:hidden;border:1px solid var(--az-ln2);background:#000;padding:0;cursor:pointer;color:#fff}
.az-thumb-i{position:absolute;inset:0;display:grid;place-items:center}.az-thumb-i img{width:100%;height:100%;object-fit:cover}
.az-thumb em{position:absolute;inset:auto 0 0;padding:18px 4px 7px;background:linear-gradient(transparent,rgba(0,0,0,.85));font-family:inherit;font-size:11.5px;font-weight:700;font-style:normal;text-align:center}
.az-cover-t b{display:block;font-size:15px}.az-cover-t span{display:block;margin-top:3px;font:500 12px var(--az-mono);color:var(--az-mu)}
.az-sbody{padding:14px 16px 40px;display:flex;flex-direction:column;gap:14px}
.az-side .field{margin:0!important;padding:14px 16px;border-radius:20px;background:var(--az-s1);border:1px solid var(--az-ln)}
.az-side .field>label,.az-sec{display:flex;align-items:center;gap:8px;margin:0 0 9px;font:700 11.5px var(--az-mono)!important;letter-spacing:.06em;text-transform:uppercase;color:var(--az-mu)!important}
.az-sec span{display:inline-flex;align-items:center;gap:8px}.az-sec .az-i{width:16px;height:16px;color:var(--az-y)}.az-sec small{margin-inline-start:auto;font:600 11px var(--az-mono);color:#5e5e68;text-transform:none;letter-spacing:0}
.az-side .input,.az-side .select,.az-side .textarea{width:100%;background:#0a0a0c!important;border:1px solid var(--az-ln2)!important;border-radius:14px!important;padding:12px 14px!important;color:#fff!important;font-size:14.5px;outline:0;transition:border-color .15s,box-shadow .15s}
.az-side .input:focus,.az-side .select:focus{border-color:var(--az-y)!important;box-shadow:0 0 0 3px rgba(255,214,10,.14)}
.az-side .grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.az-side .grid2 .field{padding:0;background:transparent;border:0}
.az-side .f-proj:not(.field):not(.grid2){display:flex;flex-direction:column;gap:14px}
.az-side .hint{font-size:12px;color:#6d6d77;margin-top:8px}
.az-tagsec{padding:14px 16px;border-radius:20px;background:var(--az-s1);border:1px solid var(--az-ln)}
.az-tagin{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 10px;border-radius:14px;background:#0a0a0c;border:1px solid var(--az-ln2);cursor:text;transition:border-color .15s,box-shadow .15s}
.az-tagin:focus-within{border-color:var(--az-y);box-shadow:0 0 0 3px rgba(255,214,10,.14)}
.az-tagin input{flex:1;min-width:120px;border:0;outline:0;background:transparent;color:#fff;padding:6px 2px;font-size:14.5px}
.az-chips{display:contents}
.az-chip{display:inline-flex;align-items:center;gap:2px;padding:5px 6px 5px 11px;border-radius:999px;background:rgba(255,214,10,.1);border:1px solid rgba(255,214,10,.3);color:#ffe985;font:600 12.5px var(--az-mono);direction:ltr}
.az-chip b{color:var(--az-y)}.az-chip button{width:22px;height:22px;border:0;border-radius:50%;background:transparent;color:inherit;display:grid;place-items:center;cursor:pointer;margin-inline-start:3px}
.az-chip button:hover{background:rgba(255,214,10,.2)}.az-chip .az-i{width:13px;height:13px}
.az-sugs{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}
.az-sugs button{border:1px solid var(--az-ln2);background:transparent;color:#a9a9b3;border-radius:999px;padding:6px 11px;font:600 12px var(--az-mono);cursor:pointer;direction:ltr;transition:all .15s}
.az-sugs button:hover{color:#000;background:var(--az-y);border-color:var(--az-y)}
.az-keys{display:none;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;border:1px dashed var(--az-ln2);color:#6d6d77;font:500 11.5px/1.6 var(--az-mono)}
.az-keys .az-i{width:18px;height:18px;color:var(--az-y)}

/* ---------- live preview ---------- */
.az-ph{display:flex;align-items:center;gap:8px;position:sticky;top:0;z-index:2;padding:10px 12px;min-height:56px;background:rgba(5,5,6,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.az-ph b{display:inline-flex;align-items:center;gap:8px;font:700 11.5px var(--az-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--az-mu)}.az-ph b .az-i{width:16px;height:16px;color:var(--az-y)}
.az-pc{margin:6px 16px 28px;padding:18px;border-radius:22px;background:var(--az-s1);border:1px solid var(--az-ln)}
.az-pa{display:flex;align-items:center;gap:11px;margin-bottom:12px}.az-pa>div{flex:1;min-width:0;line-height:1.3}.az-pa b{display:block;font-size:14px}.az-pa span{font:500 11.5px var(--az-mono);color:var(--az-mu);direction:ltr;unicode-bidi:plaintext}
.az-pa em{font:700 10.5px var(--az-mono);font-style:normal;color:var(--az-y);border:1px solid rgba(255,214,10,.35);border-radius:999px;padding:4px 9px}
.az-pc h2{margin:0 0 8px;font-size:21px;line-height:1.35;font-weight:800;letter-spacing:-.015em}
.az-pm{font-size:14.5px;line-height:1.8;color:#d6d6dd;overflow-wrap:anywhere}
.az-pm p{margin:0 0 9px}.az-pm h2,.az-pm h3,.az-pm h4{margin:14px 0 6px;font-size:16px}
.az-pm code{font:500 .88em var(--az-mono);background:#1a1a1f;color:var(--az-y2);padding:2px 6px;border-radius:7px;direction:ltr;unicode-bidi:plaintext}
.az-pm pre{position:relative;margin:10px 0;padding:14px 14px 12px;border-radius:14px;background:#08080a;border:1px solid var(--az-ln2);overflow-x:auto;direction:ltr;text-align:left}
.az-pm pre::before{content:attr(data-lang);position:absolute;top:6px;inset-inline-end:10px;font:600 10px var(--az-mono);color:var(--az-y);text-transform:uppercase;letter-spacing:.08em}
.az-pm pre code{background:none;padding:0;color:#e6e6ec;font-size:12.8px;line-height:1.65}
.az-pm blockquote{margin:10px 0;padding:4px 14px;border-inline-start:3px solid var(--az-y);color:#b8b8c2}
.az-pm ul,.az-pm ol{margin:6px 0 10px;padding-inline-start:22px}
.az-pm a{color:var(--az-y);text-decoration:underline;text-underline-offset:3px}.az-m{color:var(--az-y);font-weight:600}
.az-pi{display:grid;gap:4px;margin-top:12px;border-radius:16px;overflow:hidden}.az-pi.n1{grid-template-columns:1fr}.az-pi.n2,.az-pi.n3,.az-pi.n4{grid-template-columns:1fr 1fr}
.az-pi img{width:100%;height:100%;max-height:300px;object-fit:cover;display:block}.az-pi.n1 img{max-height:340px}
.az-pv{position:relative;margin-top:12px;border-radius:16px;overflow:hidden;background:#000;aspect-ratio:16/9;display:grid;place-items:center}.az-pv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.az-pv span{position:relative;width:54px;height:54px;border-radius:50%;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.4);display:grid;place-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.az-pd{display:flex;align-items:center;gap:10px;margin-top:12px;padding:14px;border-radius:14px;background:#0a0a0c;border:1px solid var(--az-ln2);color:var(--az-y)}.az-pd b{color:#fff;font-size:13.5px}
.az-pt{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.az-pt span{font:600 12px var(--az-mono);color:var(--az-y);background:rgba(255,214,10,.08);border-radius:999px;padding:4px 10px;direction:ltr}
.az-pe{margin:14px 0 4px;color:#6d6d77;font-size:13.5px;line-height:1.8}

/* ---------- bottom bar (mobile) ---------- */
.az-bottom{flex:none;display:flex;align-items:center;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:var(--az-bg);border-top:1px solid var(--az-ln);z-index:6}
.az-optb{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 16px 0 12px;border:1px solid var(--az-ln2);border-radius:999px;background:var(--az-s2);color:#fff;font-weight:700;font-size:14px;cursor:pointer;transition:border-color .15s}
.az-optb:hover{border-color:var(--az-y)}.az-optb .az-i{width:20px;height:20px;color:var(--az-y)}
.az-optb u{min-width:20px;height:20px;border-radius:10px;background:var(--az-y);color:#000;font:800 11px/20px var(--az-mono);text-align:center;text-decoration:none;padding:0 5px}
.az-cm{font:600 12px var(--az-mono);color:#6d6d77}

/* ---------- menu / toast / drop / sheets ---------- */
.az-menu{position:absolute;top:calc(env(safe-area-inset-top) + 56px);inset-inline-end:12px;z-index:45;min-width:230px;padding:6px;border-radius:18px;background:#101013;border:1px solid var(--az-ln2);box-shadow:0 20px 60px rgba(0,0,0,.7);animation:azPop .16s ease-out}
@keyframes azPop{from{opacity:0;transform:translateY(-6px) scale(.97)}}
.az-menu button{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border:0;border-radius:12px;background:transparent;color:#e8e8ee;font-size:14px;font-weight:600;cursor:pointer;text-align:start}
.az-menu button:hover{background:#1a1a1f}.az-menu button .az-i{width:19px;height:19px;color:var(--az-y)}.az-menu .dng,.az-menu .dng .az-i{color:var(--az-rd)}
.az-toast{position:absolute;left:50%;bottom:calc(88px + env(safe-area-inset-bottom));z-index:80;max-width:88%;padding:11px 18px;border-radius:999px;background:#fff;color:#000;font-weight:700;font-size:13.5px;text-align:center;opacity:0;transform:translate(-50%,14px);pointer-events:none;transition:all .22s}
.az-toast.on{opacity:1;transform:translate(-50%,0)}
.az-drop{position:absolute;inset:12px;z-index:55;display:none;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:2px dashed var(--az-y);border-radius:24px;background:rgba(0,0,0,.86);color:var(--az-y);font-size:17px}
.az-drop .az-i{width:44px;height:44px}.az-dragging .az-drop{display:flex}
.az-sheet{position:absolute;inset:0;z-index:40;display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .2s}.az-sheet.on{opacity:1}
.az-sh-bd{position:absolute;inset:0;background:rgba(0,0,0,.66)}
.az-sh-pn{position:relative;width:100%;max-width:500px;padding:22px 20px calc(20px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;background:#0f0f12;border:1px solid var(--az-ln2);border-bottom:0;transform:translateY(26px);transition:transform .28s cubic-bezier(.19,1,.22,1)}
.az-sheet.on .az-sh-pn{transform:none}
.az-sh-pn h3{margin:0 0 6px;font-size:19px;font-weight:800}.az-sh-pn p{margin:0 0 16px;color:var(--az-mu);font-size:14px;line-height:1.7}
.az-col2{display:flex;flex-direction:column;gap:9px;margin-top:14px}.az-row{display:flex;align-items:center;gap:8px;margin-top:16px;flex-wrap:wrap}
.az-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border:1px solid var(--az-ln2);border-radius:999px;background:var(--az-s2);color:#fff;font-weight:700;font-size:14.5px;cursor:pointer;transition:all .15s}
.az-btn:hover{border-color:#3d3d47}.az-btn .az-i{width:18px;height:18px}.az-btn.pri{background:var(--az-y);border-color:var(--az-y);color:#000}.az-btn.pri:hover{background:var(--az-y2)}.az-btn.dng{color:var(--az-rd);border-color:rgba(255,83,101,.35)}
.az-cv{margin:14px 0 12px;border-radius:18px;overflow:hidden;background:#000;display:grid;place-items:center}.az-cv video{display:block;max-width:100%;max-height:38dvh}
.az-rng{width:100%;height:6px;-webkit-appearance:none;appearance:none;border-radius:6px;background:#26262d;outline:0}
.az-rng::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:var(--az-y);border:3px solid #000;box-shadow:0 0 0 2px var(--az-y)}
.az-rng::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--az-y);border:3px solid #000}

/* ---------- upload overlay ---------- */
.az-up{position:absolute;inset:0;z-index:60;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.93);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:azFade .2s}
@keyframes azFade{from{opacity:0}}
.az-upc{width:min(420px,100%);text-align:center}
.az-ring{position:relative;width:156px;height:156px;margin:0 auto 18px}
.az-upbar{position:relative;width:min(320px,100%);height:9px;margin:0 auto 24px;border-radius:999px;overflow:hidden;background:#25252c;border:1px solid rgba(255,255,255,.04)}
.az-upbar i{display:block;width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,#ffb900,#ffe56b);box-shadow:0 0 16px rgba(255,214,10,.4);transition:width .16s linear}
.az-up.indet .az-upbar i{width:34%!important;animation:azBarTravel 1.15s cubic-bezier(.6,0,.4,1) infinite}
@keyframes azBarTravel{from{transform:translateX(-110%)}to{transform:translateX(330%)}}
.az-ring svg{width:100%;height:100%;transform:rotate(-90deg);filter:drop-shadow(0 0 22px rgba(255,214,10,.25))}
.az-ring circle{fill:none;stroke-width:7}.az-ring .t{stroke:#1b1b20}.az-ring .v{stroke:var(--az-y);stroke-linecap:round;transition:stroke-dashoffset .18s linear;transform-origin:60px 60px}
.az-up.indet .az-ring .v{stroke-dasharray:80 260!important;stroke-dashoffset:0!important;animation:azSpin 1s linear infinite}
@keyframes azSpin{to{transform:rotate(360deg)}}
.az-pct{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--az-mono);direction:ltr}.az-pct b{font-size:46px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}.az-pct small{margin:10px 0 0 2px;font-size:16px;color:var(--az-y);font-weight:700;align-self:flex-start;padding-top:42px}
.az-up.indet .az-pct{opacity:.0}
.az-ut{margin:0 0 6px;font-size:20px;font-weight:800;color:#fff}.az-us{margin:0 auto 18px;max-width:320px;color:var(--az-mu);font-size:13.5px;line-height:1.7}
.az-steps{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 14px}
.az-steps i{width:28px;height:2px;background:#26262d;border-radius:2px}
.az-steps span{display:inline-flex;align-items:center;gap:6px;padding:6px 12px 6px 8px;border-radius:999px;border:1px solid var(--az-ln2);color:#5e5e68;font:700 11.5px var(--az-mono)}
.az-steps span .az-i{width:14px;height:14px;opacity:0}.az-steps span.on{color:#fff;border-color:rgba(255,214,10,.4);background:rgba(255,214,10,.07)}.az-steps span.on .az-i{opacity:1;color:var(--az-y)}.az-steps span.cur{border-color:var(--az-y)}
.az-ub{margin:0 0 20px;font:600 12.5px var(--az-mono);color:#a9a9b3;direction:ltr;font-variant-numeric:tabular-nums;min-height:18px}
.az-cancel{height:44px;padding:0 24px;border-radius:999px;border:1px solid var(--az-ln2);background:transparent;color:#d4d4dc;font-weight:700;font-size:14px;cursor:pointer}.az-cancel:hover{border-color:var(--az-rd);color:var(--az-rd)}
.az-shake .az-main{animation:azShake .4s}@keyframes azShake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}

/* ---------- desktop workspace ---------- */
@media(min-width:1000px){
  .overlay.az-ov{padding:3vh 3vw!important;align-items:center!important;justify-content:center!important}
  .az-ov .modal.az-studio{width:min(1240px,100%)!important;height:min(900px,100%)!important;margin:0;border:1px solid var(--az-ln2)!important;border-radius:28px!important;box-shadow:0 50px 140px rgba(0,0,0,.9),0 0 0 1px rgba(255,214,10,.05),0 0 120px rgba(255,214,10,.05)!important;background:radial-gradient(900px 420px at 12% -10%,rgba(255,214,10,.06),transparent 60%),var(--az-bg)!important}
  .az-top{padding:10px 18px;min-height:66px;background:transparent}.az-h{font:800 15px var(--az-mono);letter-spacing:.02em;color:var(--az-mu)}.az-h::before{content:'~/azra/';color:var(--az-y);margin-inline-end:2px}
  .az-post-d{display:inline-flex}.az-bottom{display:none}
  .az-studio .modal-body.az-body{display:grid;grid-template-columns:minmax(0,1fr) 400px;overflow:hidden}
  .az-main{min-height:0;overflow-y:auto;padding:18px 40px 0}
  .az-studio .az-tabs{margin-inline:0!important;padding-inline:0!important}
  .az-tools{margin:auto -40px 0;padding:10px 32px}
  .az-studio #cTitle{font-size:32px}.az-studio #cBody{font-size:17.5px}
  .az-col{display:flex;flex-direction:column;min-height:0;overflow-y:auto;border-inline-start:1px solid var(--az-ln);background:rgba(8,8,10,.7)}
  .az-side,.az-prev{position:static;transform:none!important;overflow:visible;background:transparent;padding-top:0}
  .az-side{border-bottom:1px solid var(--az-ln)}
  .az-sh,.az-pback{display:none}.az-cover{margin-top:16px}
  .az-sbody{padding-top:16px}.az-keys{display:flex}
  .az-ph{position:static;background:transparent;padding:16px 20px 0}
  .az-sheet{align-items:center}.az-sh-pn{border-radius:26px;border-bottom:1px solid var(--az-ln2)}
  .az-menu{top:62px}.az-toast{bottom:40px}
}
@media(max-width:999px){.az-tools{margin-inline:-18px}}
@media(prefers-reduced-motion:reduce){.az-ov .modal.az-studio,.az-side,.az-prev,.az-sh-pn,.az-up,.az-menu,#cMediaPreview{animation:none!important;transition:none!important}.az-up.indet .az-ring .v,.az-up.indet .az-upbar i{animation-duration:2.4s}}

@media(max-width:560px){.azc-video-stage{min-height:125px;max-height:42dvh}.azc-video-stage video{max-height:42dvh}.az-studio .azra-composer-thumbs{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));padding:8px}.azc-video-meta{align-items:flex-start;padding:10px 12px}.azc-media-remove{font-size:10.5px}}


/* ---------- v52 mobile-first polish: social composer, not a form dialog ---------- */
.az-top{position:relative;isolation:isolate}
.az-h{font-size:16px;letter-spacing:-.02em}
.az-top .az-ib:focus-visible,.az-tools .az-t:focus-visible,.az-bottom button:focus-visible{outline:2px solid var(--az-y);outline-offset:2px}
.az-tabs{scroll-behavior:smooth;scroll-snap-type:x proximity}
.az-studio .az-tabs .chip{scroll-snap-align:start;gap:6px;padding:8px 11px;border-radius:14px;font-size:12.5px;box-shadow:none!important}
.az-studio .az-tabs .chip .az-i{width:15px;height:15px}
.az-studio .az-tabs .chip.active{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)!important}
.az-studio .azc-author{padding:1px 0 5px}
.az-status{margin-top:6px;padding:9px 0 11px;border-top:1px solid rgba(255,255,255,.065);font-size:10.5px;gap:13px}
.az-tools{gap:3px;padding-top:9px;padding-bottom:9px;background:linear-gradient(180deg,rgba(5,5,6,.74),rgba(5,5,6,.98) 25%);border-top-color:#1a1a20}
.az-t{border-radius:13px}
.az-t:active{background:rgba(255,214,10,.09)}
.az-bottom{gap:10px;padding-top:10px;border-top-color:#202026;background:rgba(5,5,6,.98)}
.az-optb{height:43px;font-size:13px;background:#101013;border-color:#292930}
.az-bottom .az-post{height:43px;min-width:112px;padding-inline:20px;font-size:14px;box-shadow:0 4px 18px rgba(255,214,10,.13)}
.az-upbar{box-shadow:0 0 0 1px rgba(255,214,10,.025)}
.az-upbar i{will-change:width,transform}
.azc-attachment-head{padding-top:12px;padding-bottom:9px}
.azc-video-meta .azc-media-remove{align-self:center}

@media(max-width:999px){
  .az-main{padding:12px 16px 0}
  .az-studio .az-tabs{margin:4px -16px 8px!important;padding:2px 16px 7px!important;gap:6px}
  .az-studio .az-tabs .chip{padding:8px 9px;font-size:12px;gap:5px}
  .az-studio .az-tabs .chip .az-i{width:14px;height:14px}
  .az-studio #cTitle{border:0!important;border-bottom:1px solid #202026!important;border-radius:0!important;padding:12px 0 13px!important;margin:1px 0 8px;font-size:clamp(22px,5.6vw,29px);line-height:1.25;letter-spacing:-.035em}
  .az-studio #cTitle:focus{border-bottom-color:rgba(255,214,10,.66)!important;box-shadow:none!important}
  .az-studio #cBody{border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:9px 0 16px!important;min-height:clamp(190px,23dvh,280px)!important;font-size:16.5px;line-height:1.8}
  .az-studio #cBody:focus{border:0!important;box-shadow:none!important}
  .az-studio .az-bodyf{border-bottom:1px solid rgba(255,255,255,.06)}
  .az-status{gap:10px;margin-top:3px;padding:8px 0 10px}
  .az-tools{margin-inline:-16px;padding-inline:10px;gap:1px}
  .az-t{width:40px;height:40px}
  .az-bottom{padding-inline:12px}
  .az-optb{padding-inline:12px 14px}
  .az-upc{width:min(360px,100%)}
  .az-ring{width:144px;height:144px;margin-bottom:16px}
  .az-upbar{margin-bottom:20px}
}
@media(max-width:380px){
  .az-studio .az-tabs .chip{padding:7px 8px;font-size:11.5px}
  .az-studio .az-tabs .chip .az-i{width:13px;height:13px}
  .az-optb{gap:7px;font-size:12px}
  .az-bottom .az-post{min-width:92px;padding-inline:15px}
  .az-t{width:37px;height:39px}
}
@media(min-width:1000px){
  .az-studio #cTitle{border:0!important;border-bottom:1px solid #202026!important;border-radius:0!important;padding:13px 0 16px!important;font-size:32px}
  .az-studio #cTitle:focus{border-bottom-color:rgba(255,214,10,.66)!important}
  .az-studio #cBody{min-height:240px!important;padding:10px 0 18px!important}
  .az-studio .az-tabs .chip{font-size:13px;padding:9px 14px}
  .az-tools{padding-top:10px;padding-bottom:10px}
}


/* ---------- v53: social-first composer, deliberately close to a native Threads-style sheet ---------- */
.az-ov .modal.az-studio{--az-bg:#101010;background:#101010!important;color:#f4f4f5}
.az-top{min-height:68px;padding:max(8px,env(safe-area-inset-top)) 16px 8px;gap:8px;background:#101010;border-bottom:1px solid #262626}
.az-top .az-h{margin:0 8px;font-family:inherit;font-size:16px;font-weight:750;line-height:1.2;letter-spacing:-.025em;color:#f5f5f5}
.az-top .az-ib{width:40px;height:40px;color:#e6e6e6}
.az-top .az-ib .az-i{width:25px;height:25px;stroke-width:2}
.az-top .az-ib[data-a="drafts"] .az-i{width:26px;height:26px}
.az-top .az-ib[data-a="more"] .az-i{width:26px;height:26px}
.az-top .az-post-d{display:none!important}
.az-studio .modal-body.az-body{background:#101010}
.az-main{padding:20px 18px 0;min-height:100%;background:#101010}
.az-ehead{margin:0 0 18px;padding:0 0 2px}
.az-studio .azc-author{display:flex;align-items:flex-start;gap:12px;margin:0;width:100%;min-width:0;padding:0}
.az-studio .azc-author>.avatar,.az-studio .azc-author>.avatar.md{flex:none;width:46px;height:46px}
.az-studio .az-social-author .azc-who{display:flex;flex:1;min-width:0;flex-direction:row!important;flex-wrap:wrap;align-items:center;align-content:flex-start;gap:4px 7px;padding-top:2px;line-height:1.35}
.az-studio .az-social-author .azc-who b{font-size:15px;font-weight:800;color:#f3f3f5;line-height:1.35}
.az-studio .az-social-author .azc-who>span:not(.azc-destination){font-family:inherit;font-size:13px;font-weight:500;line-height:1.35;color:#828288;direction:ltr;unicode-bidi:plaintext}
.az-studio .az-social-author .azc-destination{display:inline-flex;align-items:center;gap:5px;min-width:0;color:#818187;font-family:inherit;font-size:14px;font-weight:500;line-height:1.35;white-space:normal;direction:inherit}
.az-studio .az-social-author .azc-destination>i{font-style:normal;font-size:21px;line-height:12px;color:#66666c}
.az-studio .az-social-author .azc-destination>span{color:#818187;font-family:inherit;font-size:14px;font-weight:500;line-height:1.35;direction:inherit}
.az-studio .azc-pill[hidden]{display:none!important}
.az-studio .azc-pill{align-self:center;margin-inline-start:auto;padding:5px 9px;border:1px solid #39393d;border-radius:999px;background:#19191b;color:#b4b4bb;font-family:inherit;font-size:10.5px;font-weight:600;line-height:1.2;white-space:nowrap}
.az-studio .az-bodyf{border:0!important;margin:0!important;padding:0!important;min-width:0}
.az-studio #cBody{width:100%;min-height:150px!important;height:auto;padding:0 0 12px!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#ededf0!important;font-family:inherit;font-size:18px;font-weight:400;line-height:1.65;letter-spacing:0;resize:none;overflow:hidden}
.az-studio #cBody::placeholder{color:#77777d!important;opacity:1}
.az-studio #cBody:focus{border:0!important;box-shadow:none!important}
.az-studio .az-status{display:none!important}
.az-media{margin:0!important;padding:0!important}
.az-studio .azra-composer-media-preview{margin:8px 0 12px!important;border:1px solid #2b2b2f;border-radius:17px;background:#121212;overflow:hidden}
.azc-video-stage{min-height:130px;max-height:44dvh}
.azc-video-stage video{max-height:44dvh}
.az-tools{position:relative;inset:auto;flex:none;display:flex;align-items:center;gap:2px;margin:6px -10px 0!important;padding:7px 8px 9px!important;overflow-x:auto;overflow-y:hidden;background:transparent!important;border:0!important;border-top:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;scrollbar-width:none;overscroll-behavior-inline:contain}
.az-tools::-webkit-scrollbar{display:none}
.az-t{width:48px;height:44px;min-width:44px;border:0;border-radius:12px;background:transparent!important;color:#85858b!important;transition:color .16s,background .16s,transform .16s}
.az-t .az-i{width:26px;height:26px;stroke-width:1.9}
.az-t:nth-child(-n+3){color:#a5a5ab!important}
.az-t:hover,.az-t:focus-visible{color:#e8e8eb!important;background:#1b1b1d!important}
.az-t:active{transform:scale(.93);background:#242426!important}
.az-t-azra{color:#e5c700!important}
.az-vr{height:25px;background:#3a3a3f;margin:0 6px}
.az-bottom{min-height:84px;gap:12px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:#101010;border-top:1px solid #28282b}
.az-optb{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 15px;border-radius:999px;background:#161618;border:1px solid #303034;color:#f0f0f2;font-size:14px;font-weight:750;white-space:nowrap}
.az-optb .az-i{width:20px;height:20px;color:#b4b4bb;stroke-width:2}
.az-optb:active{background:#232326;transform:scale(.98)}
.az-bottom .az-cm{font:500 11px var(--az-mono);color:#85858b}
.az-bottom .az-post{height:46px;min-width:120px;padding:0 24px;border-radius:999px;background:#f4d20c;color:#171500;font-family:inherit;font-size:15px;font-weight:750;line-height:1;box-shadow:none}
.az-bottom .az-post:disabled{background:#2c2c2f!important;color:#74747a!important;opacity:1!important;box-shadow:none!important}
.az-bottom .az-post:not(:disabled):hover{background:#ffe34d;box-shadow:0 5px 18px rgba(255,214,10,.12)}
.az-studio .az-side{background:#101010}
.az-studio .az-side .az-sbody{padding:12px 16px 42px;gap:12px}
.az-studio .az-side .az-tabs{display:flex!important;flex-wrap:wrap!important;gap:7px;margin:0 0 2px!important;padding:0!important;overflow:visible;border:0!important}
.az-studio .az-side .az-tabs .chip{flex:1 1 calc(50% - 7px);min-height:43px;justify-content:flex-start;padding:10px 12px;border:1px solid #2b2b30!important;border-radius:13px;background:#171719!important;color:#bcbcc3!important;font-size:13px;box-shadow:none!important}
.az-studio .az-side .az-tabs .chip.active{background:#f4d20c!important;border-color:#f4d20c!important;color:#171500!important}
.az-studio .az-side .az-tabs .chip .az-i{width:17px;height:17px}
.az-studio .az-side .az-titlef{padding:14px!important;border:1px solid #29292d!important;border-radius:16px;background:#151517!important}
.az-studio .az-side .az-titlef>label{display:block!important;position:static!important;width:auto!important;height:auto!important;clip:auto!important;overflow:visible!important;margin:0 0 8px!important;color:#92929b!important;font-family:inherit!important;font-size:11px!important;font-weight:700!important;line-height:1.35!important;letter-spacing:.04em;text-transform:uppercase}
.az-studio .az-side #cTitle{width:100%;min-height:44px;padding:11px 12px!important;border:1px solid #303035!important;border-radius:11px!important;background:#0f0f10!important;color:#f0f0f2!important;font-family:inherit!important;font-size:14px!important;font-weight:500!important;line-height:1.5!important;letter-spacing:0!important;outline:0!important;box-shadow:none!important}
.az-studio .az-side #cTitle:focus{border-color:#b9a200!important;box-shadow:0 0 0 3px rgba(255,214,10,.09)!important}
.az-studio .az-side .field{margin:0!important;padding:14px!important;border-radius:16px;background:#151517;border:1px solid #29292d}
.az-studio .az-side .field>label{display:flex!important;margin:0 0 8px!important;color:#92929b!important;font-family:inherit!important;font-size:11px!important;font-weight:700!important;line-height:1.35!important;letter-spacing:.04em;text-transform:uppercase}
.az-studio .az-side .input,.az-studio .az-side .select,.az-studio .az-side .textarea{background:#0f0f10!important;border:1px solid #303035!important;border-radius:11px!important;color:#f0f0f2!important;font-size:14px}
.az-studio .az-side .az-tagsec{border:1px solid #29292d;border-radius:16px;background:#151517}
.az-studio .az-side .az-keys{border-radius:14px}
.az-studio .az-side .az-sh{min-height:68px;padding:8px 14px;background:#101010;border-bottom:1px solid #262626}
.az-studio .az-side .az-sh h3{font-size:16px;letter-spacing:-.02em}
.az-studio .az-side .az-cover{margin:12px 16px 0;border-radius:16px;background:#151517}
.az-studio .az-bottom .az-post .az-i{display:none}
.az-studio .az-drop{background:rgba(16,16,16,.93)}
.az-studio .az-menu{background:#1b1b1e;border:1px solid #38383d;box-shadow:0 18px 50px rgba(0,0,0,.5)}
.az-studio .az-menu button{color:#f0f0f2}
.az-studio .az-menu button:hover{background:#2a2a2e}
.az-studio .az-banner{background:#191815;border-color:#4a4320}
.az-studio #cErr{margin-top:12px}
@media(max-width:999px){
  .az-main{padding:18px 16px 0;min-height:100%;}
  .az-studio .azc-author>.avatar,.az-studio .azc-author>.avatar.md{width:44px;height:44px}
  .az-studio #cBody{font-size:17.5px;min-height:150px!important}
  .az-tools{margin-inline:-8px!important;padding-inline:4px!important;gap:0}
  .az-t{width:46px;height:44px;min-width:42px}
  .az-bottom{padding-inline:14px;min-height:82px}
  .az-optb{max-width:58vw;padding-inline:13px;font-size:13.5px}
  .az-bottom .az-post{min-width:112px;height:44px;padding-inline:22px}
  .az-studio .az-side .az-sbody{padding-inline:14px}
  .az-studio .az-top .az-h{font-size:16px}
}
@media(max-width:420px){
  .az-main{padding-inline:14px}
  .az-studio .az-social-author .azc-who b{font-size:14px}
  .az-studio .az-social-author .azc-who>span:not(.azc-destination){font-size:12px}
  .az-studio .az-social-author .azc-destination,.az-studio .az-social-author .azc-destination>span{font-size:12px}
  .az-bottom{gap:8px;padding-inline:12px}
  .az-optb{gap:8px;padding-inline:11px}
  .az-optb .az-i{width:18px;height:18px}
  .az-bottom .az-post{min-width:96px;padding-inline:18px}
}
@media(min-width:1000px){
  .az-studio .modal-body.az-body{grid-template-columns:minmax(0,1fr) 380px}
  .az-main{padding:24px 32px 0}
  .az-studio #cBody{min-height:220px!important;font-size:18px}
  .az-tools{margin:12px -8px 0!important;padding-inline:8px!important}
  .az-studio .az-side .az-sbody{padding:16px}
}
@media(prefers-reduced-motion:reduce){.az-studio .az-social-author,.az-studio .az-tools,.az-studio .az-bottom,.az-studio #cBody{transition:none!important}}

/* ---------- v54: native social-thread composer layout ---------- */
@media (max-width:999px){
  .az-ov .modal.az-studio{background:#101010!important;color:#f5f5f5}
  .az-top{min-height:64px;padding:max(8px,env(safe-area-inset-top)) 16px 8px;gap:7px;background:#101010;border-bottom:1px solid #262626}
  .az-top .az-h{font-family:inherit;font-size:17px;font-weight:800;letter-spacing:-.025em}
  .az-top .az-post-d{display:none!important}
  .az-studio .modal-body.az-body{background:#101010;overflow-y:auto;overscroll-behavior:contain}
  .az-main{padding:20px 16px 22px;min-height:100%;background:#101010;display:flex;flex-direction:column;align-items:stretch}
  .az-ehead{margin:0 0 0;padding:0;align-items:flex-start}
  .az-studio .az-social-author{display:flex;align-items:flex-start;gap:12px;margin:0;width:100%;min-width:0;padding:0}
  .az-studio .az-social-author>.avatar,.az-studio .az-social-author>.avatar.md{flex:none;width:48px;height:48px}
  .az-studio .az-social-author .azc-who{display:flex;flex:1;min-width:0;flex-wrap:wrap;flex-direction:row!important;align-items:center;gap:3px 7px;padding-top:2px;line-height:1.35}
  .az-studio .az-social-author .azc-who b{font-size:15px;font-weight:800;line-height:1.35;color:#f4f4f5}
  /* Keep the author name + destination, like the reference; the handle remains in metadata/preview. */
  .az-studio .az-social-author .azc-who>span:not(.azc-destination){display:none!important}
  .az-studio .az-social-author .azc-destination{display:inline-flex;align-items:center;gap:5px;min-width:0;padding:0;border:0;background:transparent;color:#8b8b90;font-family:inherit;font-size:14px;font-weight:500;line-height:1.35;white-space:nowrap;cursor:pointer}
  .az-studio .az-social-author .azc-destination>i{font-style:normal;font-size:22px;line-height:12px;color:#66666c}
  .az-studio .az-social-author .azc-destination>span{color:#85858b;font-family:inherit;font-size:14px;font-weight:500;line-height:1.35}
  .az-studio .az-social-author .azc-destination:active{opacity:.75}
  .az-studio .az-bodyf{width:auto;min-width:0;margin:8px 0 0 0!important;margin-inline-start:60px!important;padding:0!important;border:0!important;background:transparent!important}
  .az-studio #cBody{display:block;width:100%;min-height:72px!important;height:72px;padding:0 0 8px!important;margin:0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#f1f1f3!important;font-family:inherit;font-size:17px;font-weight:400;line-height:1.55;letter-spacing:0;resize:none;overflow:hidden}
  .az-studio #cBody::placeholder{color:#7b7b81!important;opacity:1}
  .az-studio .az-bodyf:focus-within{background:transparent!important}
  .az-studio .az-status{display:none!important}
  .az-studio .az-media{margin:0!important;margin-inline-start:60px!important;min-width:0}
  .az-studio .az-media>.field{padding:0!important;margin:0!important;border:0!important;background:transparent!important}
  .az-studio .azra-composer-media-preview{margin:8px 0 10px!important;border:1px solid #29292d;border-radius:16px;background:#151515;overflow:hidden}
  .az-studio .azra-composer-thumbs{padding:6px;gap:5px}
  .azc-video-stage{min-height:100px;max-height:40dvh}
  .azc-video-stage video{max-height:40dvh}
  .az-studio #cUpl{margin:8px 0!important;margin-inline-start:60px!important}
  .az-studio #cErr{margin:10px 0 8px!important;margin-inline-start:60px!important}
  .az-studio .az-tools{position:relative;inset:auto;display:block;flex:none;order:0;z-index:4;margin:9px 0 0!important;margin-inline-start:60px!important;margin-inline-end:-16px!important;padding:0!important;overflow:visible;background:transparent!important;border:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;scrollbar-width:none}
  .az-tools-primary{display:flex;align-items:center;gap:2px;min-height:43px;overflow-x:auto;overflow-y:hidden;padding:0 12px 0 0;scrollbar-width:none;overscroll-behavior-inline:contain}
  .az-tools-primary::-webkit-scrollbar{display:none}
  .az-studio .az-t{flex:none;width:43px;height:43px;min-width:40px;display:grid;place-items:center;border:0;border-radius:12px;background:transparent!important;color:#86868c!important;transition:color .16s,background .16s,transform .16s}
  .az-studio .az-t .az-i{width:26px;height:26px;stroke-width:1.9}
  .az-studio .az-t:nth-child(-n+4){color:#929298!important}
  .az-studio .az-t:hover,.az-studio .az-t:focus-visible{color:#f1f1f3!important;background:#1e1e20!important}
  .az-studio .az-t:active{transform:scale(.93);background:#29292b!important}
  .az-studio .az-t-azra{color:#e2c500!important}
  .az-studio .az-vr{height:23px;background:#39393d;margin:0 5px}
  .az-tools-advanced{display:flex;align-items:center;gap:2px;overflow-x:auto;overflow-y:hidden;padding:6px 12px 8px 0;border-top:1px solid #252528;animation:azFormatIn .18s ease-out;scrollbar-width:none}
  .az-tools-advanced::-webkit-scrollbar{display:none}
  .az-tools-advanced[hidden]{display:none!important}
  @keyframes azFormatIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
  .az-studio .az-thread-more{display:flex;align-items:center;gap:12px;width:calc(100% - 60px);min-height:46px;margin:2px 0 0!important;margin-inline-start:60px!important;padding:0;border:0;background:transparent;color:#77777d;text-align:start;font:500 15px/1.4 inherit;cursor:pointer;transition:color .16s}
  .az-studio .az-thread-more[hidden]{display:none!important}
  .az-studio .az-thread-more>.avatar,.az-studio .az-thread-more>.avatar.md{flex:none;width:26px;height:26px;opacity:.68}
  .az-studio .az-thread-more>span{color:#77777d;font-family:inherit;font-size:15px;font-weight:500;line-height:1.4}
  .az-studio .az-thread-more:active>span{color:#c7c7cc}
  .az-studio .az-bottom{min-height:82px;gap:10px;padding:10px 18px calc(10px + env(safe-area-inset-bottom));background:#101010;border-top:1px solid #262626}
  .az-studio .az-optb{height:46px;gap:10px;padding:0 15px 0 12px;border:1px solid #303034;border-radius:999px;background:#161618;color:#efeff2;font-family:inherit;font-size:14px;font-weight:750;white-space:nowrap;transition:background .16s,transform .16s}
  .az-studio .az-optb .az-i{width:20px;height:20px;color:#b8b8be}
  .az-studio .az-optb u{display:none!important}
  .az-studio .az-cm{display:none!important}
  .az-studio .az-preview-toggle{position:relative;flex:none;width:82px;height:46px;padding:0;border:0;border-radius:999px;background:#343437;cursor:pointer;transition:background .2s,opacity .2s}
  .az-studio .az-preview-toggle[aria-pressed=true]{background:#4b470e}
  .az-studio .az-preview-knob{position:absolute;inset-inline-start:4px;top:4px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#111113;color:#a1a1a7;transition:transform .24s cubic-bezier(.2,.8,.2,1),background .2s,color .2s;box-shadow:0 1px 3px rgba(0,0,0,.25)}
  .az-studio .az-preview-knob .az-i{width:21px;height:21px}
  .az-studio .az-preview-toggle[aria-pressed=true] .az-preview-knob{transform:translateX(36px);background:#f4d20c;color:#181600}
  :dir(rtl) .az-studio .az-preview-toggle[aria-pressed=true] .az-preview-knob{transform:translateX(-36px)}
  .az-studio .az-bottom .az-post{height:46px;min-width:112px;padding:0 23px;border-radius:999px;background:#f4d20c;color:#171500;font-family:inherit;font-size:15px;font-weight:750;box-shadow:none;white-space:nowrap}
  .az-studio .az-bottom .az-post:disabled{background:#262628!important;color:#66666c!important;opacity:1!important;box-shadow:none!important}
  .az-studio .az-bottom .az-post:not(:disabled):hover{background:#ffe34d;box-shadow:0 5px 18px rgba(255,214,10,.12)}
  .az-studio .az-side{background:#101010}
  .az-studio .az-side .az-sbody{padding:12px 16px 42px;gap:12px}
  .az-studio .az-side .az-tabs{display:flex!important;flex-wrap:wrap!important;gap:7px;margin:0 0 2px!important;padding:0!important;overflow:visible;border:0!important}
  .az-studio .az-side .az-tabs .chip{flex:1 1 calc(50% - 7px);min-height:43px;justify-content:flex-start;padding:10px 12px;border:1px solid #2b2b30!important;border-radius:13px;background:#171719!important;color:#bcbcc3!important;font-size:13px;box-shadow:none!important}
  .az-studio .az-side .az-tabs .chip.active{background:#f4d20c!important;border-color:#f4d20c!important;color:#171500!important}
  .az-studio .az-side .az-titlef{padding:14px!important;border:1px solid #29292d!important;border-radius:16px;background:#151517!important}
  .az-studio .az-side .az-titlef>label{display:block!important;position:static!important;width:auto!important;height:auto!important;clip:auto!important;overflow:visible!important;margin:0 0 8px!important;color:#92929b!important;font-size:11px!important;font-weight:700!important;line-height:1.35!important;letter-spacing:.04em;text-transform:uppercase}
  .az-studio .az-side #cTitle{width:100%;min-height:44px;padding:11px 12px!important;border:1px solid #303035!important;border-radius:11px!important;background:#0f0f10!important;color:#f0f0f2!important;font-size:14px!important;font-weight:500!important;line-height:1.5!important;letter-spacing:0!important;outline:0!important;box-shadow:none!important}
  .az-studio .az-side .field{margin:0!important;padding:14px!important;border-radius:16px;background:#151517;border:1px solid #29292d}
  .az-studio .az-side .field>label{display:flex!important;margin:0 0 8px!important;color:#92929b!important;font-size:11px!important;font-weight:700!important;line-height:1.35!important;letter-spacing:.04em;text-transform:uppercase}
  .az-studio .az-side .input,.az-studio .az-side .select,.az-studio .az-side .textarea{background:#0f0f10!important;border:1px solid #303035!important;border-radius:11px!important;color:#f0f0f2!important;font-size:14px}
  .az-studio .az-side .az-tagsec{border:1px solid #29292d;border-radius:16px;background:#151517}
}
@media(max-width:390px){
  .az-studio .az-bottom{gap:8px;padding-inline:12px}
  .az-studio .az-optb{gap:7px;padding-inline:10px;font-size:12px}
  .az-studio .az-optb .az-i{width:18px;height:18px}
  .az-studio .az-preview-toggle{width:64px}
  .az-studio .az-preview-knob{width:36px;height:36px}
  .az-studio .az-preview-toggle[aria-pressed=true] .az-preview-knob{transform:translateX(24px)}
  :dir(rtl) .az-studio .az-preview-toggle[aria-pressed=true] .az-preview-knob{transform:translateX(-24px)}
  .az-studio .az-bottom .az-post{min-width:84px;padding-inline:15px}
}
@media(min-width:1000px){
  .az-studio .az-tools{display:block;position:sticky;bottom:0;margin:auto -40px 0!important;padding:8px 24px!important;background:linear-gradient(180deg,rgba(5,5,6,0),rgba(5,5,6,.98) 28%);border-top:1px solid #202026}
  .az-studio .az-tools-primary,.az-studio .az-tools-advanced{display:flex;align-items:center;gap:2px;flex-wrap:wrap;padding:2px 0}
  .az-studio .az-thread-more{display:none!important}
  .az-studio .az-preview-toggle{display:none!important}
}
@media(prefers-reduced-motion:reduce){.az-studio .az-tools-advanced,.az-studio .az-thread-more,.az-studio .az-preview-knob{animation:none!important;transition:none!important}}


/* ---------- v55: title restored, truly borderless writing surface, responsive controls ---------- */
.az-studio,.az-studio *{box-sizing:border-box}
.az-studio .modal-body.az-body{min-width:0;overflow-x:hidden}
.az-studio .az-main{width:100%;min-width:0;overflow-x:hidden}
.az-studio .az-ehead{min-width:0;margin-bottom:3px}
.az-studio .az-social-author{min-width:0;max-width:100%}
.az-studio .az-social-author .azc-who{min-width:0;overflow-wrap:anywhere}
.az-studio .az-social-author .azc-destination{max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis}
.az-studio .az-social-author .azc-destination>span{min-width:0;overflow:hidden;text-overflow:ellipsis}

/* Title is a first-class input in the editor: no card, no fill, no outline box. */
.az-studio .az-titlef-inline{
  display:block!important;position:relative;width:auto;min-width:0;max-width:100%;align-self:stretch;
  margin:4px 0 0!important;margin-inline-start:60px!important;padding:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
.az-studio .az-titlef-inline>label{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
}
.az-studio .az-titlef-inline #cTitle{
  display:block;width:100%;min-width:0;max-width:100%;height:auto;min-height:0!important;
  margin:0 0 3px!important;padding:5px 0 4px!important;
  border:0!important;border-radius:0!important;outline:0!important;
  background:transparent!important;box-shadow:none!important;
  color:#f5f5f7!important;caret-color:#ffd60a;
  font-family:inherit!important;font-size:clamp(21px,5.35vw,27px)!important;
  font-weight:760!important;line-height:1.3!important;letter-spacing:-.035em!important;
  overflow-wrap:anywhere;text-overflow:clip;transition:color .18s ease!important;
}
.az-studio .az-titlef-inline #cTitle::placeholder{color:#6e6e76!important;opacity:1;font-weight:700!important}
.az-studio .az-titlef-inline #cTitle:focus{border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important}
.az-studio .az-titlef-inline #cTitle::selection,.az-studio #cBody::selection{background:rgba(255,214,10,.26)}

.az-studio .az-bodyf{
  display:block!important;width:auto;min-width:0;max-width:100%;align-self:stretch;
  margin:0!important;margin-inline-start:60px!important;padding:0!important;
  border:0!important;border-bottom:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
.az-studio .az-bodyf:focus-within{border:0!important;background:transparent!important;box-shadow:none!important}
.az-studio #cBody{
  display:block;width:100%;min-width:0;max-width:100%;max-height:none;
  margin:0!important;padding:5px 0 12px!important;
  border:0!important;border-bottom:0!important;border-radius:0!important;outline:0!important;
  background:transparent!important;box-shadow:none!important;resize:none;overflow:hidden;
  color:#e8e8ec!important;caret-color:#ffd60a;font-family:inherit!important;
  font-size:16.5px!important;font-weight:400!important;line-height:1.75!important;letter-spacing:0!important;
  overflow-wrap:anywhere;transition:color .18s ease!important;
}
.az-studio #cBody::placeholder{color:#85858c!important;opacity:1}
.az-studio #cBody:focus{border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#f5f5f7!important}

/* Keep the toolbar in its own horizontal scroll lane instead of pushing past the viewport. */
.az-studio .az-tools{width:auto;min-width:0;max-width:100%;margin-inline-start:60px!important;margin-inline-end:-8px!important;overflow:visible}
.az-studio .az-tools-primary,.az-studio .az-tools-advanced{min-width:0;max-width:100%;overscroll-behavior-x:contain}
.az-studio .az-t{box-sizing:border-box;flex:0 0 42px;min-width:38px;max-width:42px;overflow:hidden}
.az-studio .az-vr{flex:0 0 1px}

/* Label and icon should always stay inside their hit targets on narrow phones. */
.az-studio .az-bottom{display:flex;align-items:center;gap:clamp(6px,2vw,10px);width:100%;min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden}
.az-studio .az-bottom>*{min-width:0;box-sizing:border-box}
.az-studio .az-bottom>.az-optb{flex:0 1 auto;width:auto;min-width:0;max-width:min(52vw,210px);overflow:hidden;white-space:nowrap;padding-inline:11px;gap:8px}
.az-studio .az-bottom>.az-optb>span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.az-studio .az-bottom>.az-optb>.az-i{flex:0 0 19px;width:19px;height:19px}
.az-studio .az-bottom>.az-sp{flex:1 1 0;min-width:2px}
.az-studio .az-bottom>.az-preview-toggle{flex:0 0 64px;width:64px;min-width:64px;max-width:64px}
.az-studio .az-bottom>.az-post{flex:0 0 auto;width:auto;min-width:78px;max-width:112px;min-height:44px;height:44px;padding-inline:clamp(13px,4vw,22px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1;justify-content:center}
.az-studio .az-bottom>.az-post:disabled{opacity:1!important}
.az-studio .az-bottom>.az-post:not(:disabled){transition:background-color .2s ease,box-shadow .22s ease,transform .18s cubic-bezier(.2,.8,.2,1)}

.az-studio .az-thread-more{
  display:flex;align-items:center;gap:11px;width:auto;min-width:0;max-width:calc(100% - 60px);
  margin:4px 0 0!important;margin-inline-start:60px!important;padding:4px 0;
  border:0!important;border-radius:10px;background:transparent!important;
  font-family:inherit!important;font-size:14px!important;font-weight:600!important;line-height:1.45!important;
  overflow:hidden;text-align:start;transition:color .18s ease,transform .18s cubic-bezier(.2,.8,.2,1)
}
.az-studio .az-thread-more>span{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7d7d85;font-family:inherit;font-size:14px;font-weight:600;line-height:1.45}
.az-studio .az-thread-more:hover>span,.az-studio .az-thread-more:focus-visible>span{color:#d4d4d9}
.az-studio .az-thread-more:active{transform:translateY(1px)}

.az-studio .az-side,.az-studio .az-prev{min-width:0;max-width:100%;overflow-x:hidden}
.az-studio .az-side .az-tabs{min-width:0;max-width:100%;width:100%}
.az-studio .az-side .az-tabs .chip{flex:1 1 calc(50% - 7px);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;justify-content:flex-start}
.az-studio .az-side .az-tabs .chip .az-i{flex:0 0 15px;min-width:15px}
.az-studio .az-side .az-tabs .chip:not(.active){color:#c8c8ce!important}
.az-studio .az-side .az-titlef{max-width:100%;min-width:0}
.az-studio .az-top,.az-studio .az-sh{min-width:0;max-width:100%}
.az-studio .az-top .az-h,.az-studio .az-sh h3{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.az-studio button,.az-studio input,.az-studio textarea,.az-studio select{font-family:inherit}
.az-studio button:focus-visible{outline:2px solid rgba(255,214,10,.78);outline-offset:2px}

@media(max-width:390px){
  .az-studio .az-main{padding-inline:14px}
  .az-studio .az-titlef-inline,.az-studio .az-bodyf,.az-studio .az-media,.az-studio #cUpl,.az-studio #cErr,.az-studio .az-tools,.az-studio .az-thread-more{margin-inline-start:54px!important}
  .az-studio .az-thread-more{max-width:calc(100% - 54px)}
  .az-studio .az-bottom{padding-inline:10px;gap:6px}
  .az-studio .az-bottom>.az-optb{max-width:calc(100vw - 174px);padding-inline:9px;gap:6px;font-size:12px}
  .az-studio .az-bottom>.az-optb>.az-i{flex-basis:18px;width:18px;height:18px}
  .az-studio .az-bottom>.az-preview-toggle{flex-basis:58px;width:58px;min-width:58px;max-width:58px}
  .az-studio .az-preview-knob{width:34px;height:34px}
  .az-studio .az-preview-toggle[aria-pressed=true] .az-preview-knob{transform:translateX(20px)}
  :dir(rtl) .az-studio .az-preview-toggle[aria-pressed=true] .az-preview-knob{transform:translateX(-20px)}
  .az-studio .az-bottom>.az-post{min-width:74px;max-width:92px;padding-inline:12px;font-size:13px}
}
@media(min-width:1000px){
  .az-studio .az-titlef-inline{margin-inline-start:0!important;margin-top:12px!important}
  .az-studio .az-titlef-inline #cTitle{font-size:32px!important}
  .az-studio .az-bodyf{margin-inline-start:0!important}
  .az-studio #cBody{font-size:17.5px!important}
  .az-studio .az-tools{margin-inline:0!important}
}
@media(prefers-reduced-motion:reduce){
  .az-studio .az-titlef-inline #cTitle,.az-studio #cBody,.az-studio .az-thread-more,.az-studio .az-bottom button{transition:none!important;animation:none!important}
}