/* Final132 / Social composer: app-like, accessible, mobile-first */
#add-post-modal[hidden],.social-compose-modal[hidden]{display:none!important}
#add-post-modal.social-compose-modal:not([hidden]){position:fixed;inset:0;z-index:10520;display:flex!important;align-items:center;justify-content:center;padding:clamp(12px,2.3vw,28px);overflow:hidden;background:rgba(8,17,32,.40);backdrop-filter:blur(12px) saturate(125%);-webkit-backdrop-filter:blur(12px) saturate(125%);isolation:isolate}
#add-post-modal .social-compose-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:transparent;cursor:default}
#add-post-modal .social-compose-dialog{position:relative;z-index:1;display:flex!important;flex-direction:column;width:min(100%,980px);max-height:min(92dvh,920px);min-height:0;margin:0;overflow:hidden;border:1px solid rgba(148,163,184,.26);border-radius:26px;background:#fff;color:#142033;box-shadow:0 32px 100px rgba(4,14,30,.30);outline:none;animation:arz-compose-enter .22s cubic-bezier(.2,.75,.25,1) both}
#add-post-modal .social-compose-header{position:relative;display:flex;align-items:center;gap:14px;flex:0 0 auto;padding:22px 64px 20px 24px;border-bottom:1px solid #e8edf3;background:radial-gradient(circle at 0 0,rgba(20,184,166,.12),transparent 42%),linear-gradient(135deg,#fbfefd,#f5f9fc);text-align:start}
[dir="rtl"] #add-post-modal .social-compose-header{padding-inline:24px 64px}
#add-post-modal .social-compose-heading-mark{display:grid;place-items:center;width:50px;height:50px;flex:0 0 50px;border-radius:17px;color:#087f76;background:linear-gradient(145deg,#d8fbf4,#e8f3ff);border:1px solid rgba(13,148,136,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
#add-post-modal .social-compose-heading-mark svg{stroke:currentColor}
#add-post-modal .social-compose-heading-copy{min-width:0;flex:1}
#add-post-modal .social-compose-eyebrow{display:block;margin-bottom:4px;color:#0f9387;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
#add-post-modal #social-compose-title{margin:0;color:#102033;font-size:clamp(19px,2vw,25px);font-weight:950;line-height:1.35;letter-spacing:-.025em}
#add-post-modal .social-compose-subtitle{max-width:690px;margin:7px 0 0;color:#64748b;font-size:12px;line-height:1.8}
#add-post-modal #close-modal-button{position:absolute;top:18px;right:18px;left:auto;z-index:4;display:grid;place-items:center;width:40px;height:40px;min-width:40px;border:1px solid #dce5ed;border-radius:13px;background:rgba(255,255,255,.92);color:#536176;font-size:25px;line-height:1;box-shadow:0 3px 12px rgba(15,23,42,.07);cursor:pointer;transition:background .18s,color .18s,border-color .18s,transform .18s}
[dir="rtl"] #add-post-modal #close-modal-button{right:auto;left:18px}
#add-post-modal #close-modal-button:hover{background:#fff1f2;color:#be123c;border-color:#fecdd3;transform:rotate(4deg)}
#add-post-modal .social-compose-form{display:flex;flex-direction:column;gap:0;min-height:0;flex:1;overflow:hidden;margin:0;padding:0;background:#fff}
#add-post-modal .social-compose-body{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:20px 24px 22px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}
#add-post-modal .social-compose-identity{display:flex;align-items:center;gap:12px;min-width:0;margin-bottom:20px;padding:12px 14px;border:1px solid #e7edf3;border-radius:17px;background:linear-gradient(110deg,#f8fafc,#f2fbf9);box-shadow:0 3px 12px rgba(15,23,42,.025)}
#add-post-modal .social-compose-avatar{display:block;width:43px;height:43px;flex:0 0 43px;border:2px solid #fff;border-radius:50%;object-fit:cover;box-shadow:0 2px 9px rgba(15,23,42,.13)}
#add-post-modal .social-compose-identity-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
#add-post-modal .social-compose-identity-copy strong{color:#152439;font-size:13px;font-weight:900;line-height:1.5;overflow-wrap:anywhere}
#add-post-modal .social-compose-identity-copy span{color:#738198;font-size:10px;line-height:1.6}
#add-post-modal .social-compose-community-badge{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:6px 10px;border:1px solid #c7f0e7;border-radius:999px;background:#e9faf5;color:#087b70;font-size:10px;font-weight:850;white-space:nowrap}
#add-post-modal .social-compose-community-badge span{font-size:8px;color:#10b981}
#add-post-modal .social-compose-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(260px,.88fr);gap:20px;align-items:start}
#add-post-modal .social-compose-primary-column,#add-post-modal .social-compose-secondary-column{display:flex;flex-direction:column;gap:18px;min-width:0}
#add-post-modal .social-compose-section{min-width:0;padding:17px;border:1px solid #e5ebf2;border-radius:19px;background:#fff;box-shadow:0 4px 14px rgba(15,23,42,.025)}
#add-post-modal .social-compose-section-heading{display:flex;align-items:flex-start;gap:10px;min-width:0;margin:0 0 14px}
#add-post-modal .social-compose-step-number{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border:1px solid #cceee7;border-radius:10px;background:#e9faf6;color:#0f766e;font-size:10px;font-weight:950;font-variant-numeric:tabular-nums}
#add-post-modal .social-compose-section-heading>div{min-width:0;flex:1}
#add-post-modal .social-compose-section-heading h3{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:1px 0 3px;color:#17263a;font-size:13px;font-weight:900;line-height:1.5}
#add-post-modal .social-compose-section-heading p{margin:0;color:#8090a4;font-size:10px;line-height:1.75}
#add-post-modal .social-compose-optional{padding:3px 7px;border:1px solid #e1e8f0;border-radius:7px;background:#f8fafc;color:#78879b;font-size:9px;font-weight:700}
#add-post-modal .social-compose-type-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
#add-post-modal .social-compose-type-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:90px;padding:10px 5px;border:1px solid #e1e8f0;border-radius:14px;background:#f9fbfd;color:#64748b;font-family:inherit;font-size:10px;font-weight:800;line-height:1.45;text-align:center;cursor:pointer;transition:background .18s,border-color .18s,color .18s,box-shadow .18s,transform .18s}
#add-post-modal .social-compose-type-option:hover:not(:disabled){border-color:#9bded3;background:#f0fdfa;color:#0f766e;transform:translateY(-1px)}
#add-post-modal .social-compose-type-option:disabled{opacity:.48;cursor:not-allowed;filter:saturate(.35);transform:none;box-shadow:none}
#add-post-modal .social-compose-type-unavailable{margin:10px 2px 0;color:#8a6470;font-size:10px;line-height:1.8}
.dark #add-post-modal .social-compose-type-unavailable{color:#c2a8b0}
#add-post-modal .social-compose-type-option.is-selected{border-color:#0d9488;background:linear-gradient(150deg,#e9faf6,#f0fdfa);color:#087b70;box-shadow:0 0 0 2px rgba(13,148,136,.11),0 5px 12px rgba(13,148,136,.07)}
#add-post-modal .social-compose-type-option:focus-visible{outline:3px solid rgba(13,148,136,.28);outline-offset:2px}
#add-post-modal .social-compose-type-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #e2e8f0;border-radius:11px;background:#fff;color:#75869b}
#add-post-modal .social-compose-type-icon svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#add-post-modal .social-compose-type-option.is-selected .social-compose-type-icon{border-color:#b8ece3;background:#d8f7f0;color:#087f76}
#add-post-modal .social-compose-type-source{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}
#add-post-modal .social-compose-caption-heading-row{align-items:center}
#add-post-modal .social-compose-section-title-copy{min-width:0;flex:1}
#add-post-modal .social-compose-character-count{display:inline-flex;align-items:baseline;gap:4px;flex:0 0 auto;color:#8190a4;font-size:10px;white-space:nowrap;font-variant-numeric:tabular-nums;direction:ltr}
#add-post-modal .social-compose-character-count b{color:#53647a;font-weight:900}
#add-post-modal .social-compose-character-count.is-near-limit,#add-post-modal .social-compose-character-count.is-near-limit b{color:#b45309}
#add-post-modal #caption,#add-post-modal #currency_id{display:block;width:100%;max-width:100%;min-width:0;margin:0;border:1px solid #dce5ee;border-radius:14px;background:#f8fafc;color:#1c2b40;font-family:inherit;font-size:13px;line-height:1.85;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}
#add-post-modal #caption{min-height:150px;max-height:340px;resize:vertical;padding:13px 14px}
#add-post-modal #caption::placeholder{color:#9aa7b7}
#add-post-modal #currency_id{height:47px;padding:0 13px;cursor:pointer}
#add-post-modal #caption:focus,#add-post-modal #currency_id:focus{border-color:#0d9488;background:#fff;box-shadow:0 0 0 3px rgba(13,148,136,.13)}
#add-post-modal .social-compose-upload-zone{position:relative;min-height:148px;overflow:hidden;border:1.5px dashed #bddad7;border-radius:16px;background:linear-gradient(145deg,#f7fcfb,#f5f8fd);transition:border-color .18s,background .18s}
#add-post-modal .social-compose-upload-zone:hover,#add-post-modal .social-compose-upload-zone:focus-within{border-color:#0d9488;background:#f0fdfa}
#add-post-modal .social-compose-upload-zone input[type=file]{position:absolute;inset:0;z-index:2;width:100%;height:100%;opacity:0;cursor:pointer}
#add-post-modal .social-compose-upload-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:148px;padding:17px 12px;text-align:center;pointer-events:none}
#add-post-modal .social-compose-upload-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #d0eee8;border-radius:14px;background:#e5faf4;color:#0f8d80}
#add-post-modal .social-compose-upload-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#add-post-modal .social-compose-upload-content strong{color:#315063;font-size:11px;font-weight:900}
#add-post-modal .social-compose-upload-formats{color:#8796a8;font-size:9px;line-height:1.6}
#add-post-modal .social-compose-file-info{display:flex;align-items:center;gap:8px;min-width:0;margin-top:10px;padding:9px 10px;border:1px solid #d9eee8;border-radius:11px;background:#f4fcf9}
#add-post-modal .social-compose-file-info[hidden]{display:none!important}
#add-post-modal .social-compose-file-mark{display:grid;place-items:center;width:23px;height:23px;flex:0 0 23px;border-radius:8px;background:#d8f6e9;color:#087b55;font-size:12px;font-weight:900}
#add-post-modal .social-compose-file-name{min-width:0;flex:1;overflow-wrap:anywhere;color:#486779;font-size:10px;line-height:1.5}
#add-post-modal .social-compose-remove-image{flex:0 0 auto;border:0;background:transparent;color:#b4233b;font-family:inherit;font-size:10px;font-weight:850;cursor:pointer}
#add-post-modal .social-compose-preview[hidden]{display:none!important}
#add-post-modal .social-compose-preview{display:block;width:100%;max-height:230px;min-height:100px;object-fit:contain;margin-top:10px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc}
#add-post-modal .modal-loader-container[hidden],#add-post-modal .social-compose-status[hidden]{display:none!important}
#add-post-modal .modal-loader-container{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;border-top:1px solid #e8eef3;background:#f8fafc;color:#60748b;font-size:11px}
#add-post-modal .social-compose-loader-spinner{width:19px;height:19px;flex:0 0 19px;border:2px solid #cdece6;border-top-color:#0d9488;border-radius:50%;animation:arz-compose-spin .75s linear infinite}
#add-post-modal .social-compose-status{position:relative;margin:12px 24px 0;padding:12px 14px 12px 45px;border:1px solid #dce5ee;border-radius:14px;color:#40536b;background:#f8fafc;font-size:12px;line-height:1.8;white-space:pre-line;overflow-wrap:anywhere}
#add-post-modal .social-compose-status:before{position:absolute;left:14px;top:12px;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;content:"i";font-size:12px;font-weight:950;background:#e2e8f0;color:#475569}
[dir="rtl"] #add-post-modal .social-compose-status{padding:12px 45px 12px 14px}
[dir="rtl"] #add-post-modal .social-compose-status:before{left:auto;right:14px}
#add-post-modal .social-compose-status[data-state="success"]{border-color:#b9e8d3;background:#f0fdf6;color:#166044}
#add-post-modal .social-compose-status[data-state="success"]:before{content:"✓";background:#d1fae5;color:#047857}
#add-post-modal .social-compose-status[data-state="error"]{border-color:#fecaca;background:#fff7f7;color:#991b1b}
#add-post-modal .social-compose-status[data-state="error"]:before{content:"!";background:#fee2e2;color:#b91c1c}
#add-post-modal .social-compose-status[data-state="warning"]{border-color:#f4d9a6;background:#fffbeb;color:#92400e}
#add-post-modal .social-compose-status[data-state="warning"]:before{content:"!";background:#fef3c7;color:#a16207}
#add-post-modal .social-compose-footer{position:relative;z-index:3;display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:0 0 auto;padding:15px 24px calc(15px + env(safe-area-inset-bottom,0px));border-top:1px solid #e6edf3;background:rgba(255,255,255,.96);box-shadow:0 -8px 24px rgba(15,23,42,.035)}
#add-post-modal .social-compose-cancel,#add-post-modal .social-compose-submit{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:47px;padding:0 20px;border:1px solid transparent;border-radius:14px;font-family:inherit;font-size:12px;font-weight:900;cursor:pointer;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s;}
#add-post-modal .social-compose-cancel{border-color:#dce5ee;background:#fff;color:#53657b}
#add-post-modal .social-compose-cancel:hover{border-color:#c8d5e2;background:#f8fafc}
#add-post-modal .social-compose-submit{min-width:170px;background:linear-gradient(135deg,#0f9488,#087b70);color:#fff;box-shadow:0 8px 20px rgba(13,148,136,.18)}
#add-post-modal .social-compose-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px rgba(13,148,136,.24)}
#add-post-modal .social-compose-submit:disabled{opacity:.56;cursor:not-allowed;box-shadow:none;transform:none}
#add-post-modal .social-compose-submit-icon{display:grid;place-items:center;width:22px;height:22px}
#add-post-modal .social-compose-submit-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#add-post-modal .social-compose-cancel:focus-visible,#add-post-modal .social-compose-submit:focus-visible,#add-post-modal #close-modal-button:focus-visible{outline:3px solid rgba(13,148,136,.3);outline-offset:2px}
#add-post-modal .social-compose-form.is-submitting .social-compose-body{opacity:.75;pointer-events:none}
#add-post-modal .social-compose-form.is-published .social-compose-body{opacity:.64}
.social-compose-open{overflow:hidden!important;overscroll-behavior:none}
.dark #add-post-modal.social-compose-modal:not([hidden]){background:rgba(2,6,23,.66)}
.dark #add-post-modal .social-compose-dialog{border-color:#334155;background:#0f1724;color:#e5edf7;box-shadow:0 34px 100px rgba(0,0,0,.54)}
.dark #add-post-modal .social-compose-header{border-color:#2a394c;background:radial-gradient(circle at 0 0,rgba(20,184,166,.11),transparent 42%),linear-gradient(135deg,#121f2d,#111b29)}
.dark #add-post-modal .social-compose-heading-mark{border-color:#28554f;background:linear-gradient(145deg,#153b3b,#1c3046);color:#99f6e4;box-shadow:none}
.dark #add-post-modal #social-compose-title{color:#f3f7fb}
.dark #add-post-modal .social-compose-subtitle{color:#a2b0c2}
.dark #add-post-modal #close-modal-button{border-color:#35445a;background:#1d2939;color:#d4dfeb;box-shadow:none}
.dark #add-post-modal .social-compose-identity{border-color:#2b3b4d;background:linear-gradient(110deg,#172333,#142c2c);box-shadow:none}
.dark #add-post-modal .social-compose-identity-copy strong{color:#edf4fc}
.dark #add-post-modal .social-compose-identity-copy span{color:#9baabd}
.dark #add-post-modal .social-compose-community-badge{border-color:#28574e;background:#173b37;color:#99f6e4}
.dark #add-post-modal .social-compose-section{border-color:#2b394b;background:#131e2c;box-shadow:none}
.dark #add-post-modal .social-compose-step-number{border-color:#28554f;background:#173b37;color:#99f6e4}
.dark #add-post-modal .social-compose-section-heading h3{color:#e7eef7}
.dark #add-post-modal .social-compose-section-heading p{color:#9baabc}
.dark #add-post-modal .social-compose-optional{border-color:#38475a;background:#1b2737;color:#a9b6c8}
.dark #add-post-modal .social-compose-type-option{border-color:#334256;background:#172333;color:#a9b6c8}
.dark #add-post-modal .social-compose-type-option:hover:not(:disabled){border-color:#2c786f;background:#1a3939;color:#99f6e4}
.dark #add-post-modal .social-compose-type-option:disabled{opacity:.43;cursor:not-allowed;filter:saturate(.3);transform:none;box-shadow:none}
.dark #add-post-modal .social-compose-type-option.is-selected{border-color:#2caa9b;background:linear-gradient(150deg,#153d3a,#183434);color:#99f6e4;box-shadow:0 0 0 2px rgba(45,212,191,.1)}
.dark #add-post-modal .social-compose-type-icon{border-color:#35455a;background:#202c3c;color:#a9b6c8}
.dark #add-post-modal .social-compose-type-option.is-selected .social-compose-type-icon{border-color:#286a60;background:#1b4b45;color:#99f6e4}
.dark #add-post-modal .social-compose-character-count{color:#90a1b6}
.dark #add-post-modal .social-compose-character-count b{color:#c3cfdd}
.dark #add-post-modal #caption,.dark #add-post-modal #currency_id{border-color:#35455a;background:#101927;color:#edf4fc}
.dark #add-post-modal #caption::placeholder{color:#76879c}
.dark #add-post-modal #caption:focus,.dark #add-post-modal #currency_id:focus{border-color:#2dd4bf;background:#14212f;box-shadow:0 0 0 3px rgba(45,212,191,.12)}
.dark #add-post-modal .social-compose-upload-zone{border-color:#2f6962;background:linear-gradient(145deg,#132c2e,#172438)}
.dark #add-post-modal .social-compose-upload-zone:hover,.dark #add-post-modal .social-compose-upload-zone:focus-within{border-color:#2dd4bf;background:#153632}
.dark #add-post-modal .social-compose-upload-icon{border-color:#28574f;background:#173b37;color:#99f6e4}
.dark #add-post-modal .social-compose-upload-content strong{color:#c4d4e1}
.dark #add-post-modal .social-compose-upload-formats{color:#8295aa}
.dark #add-post-modal .social-compose-file-info{border-color:#28574f;background:#15332f}
.dark #add-post-modal .social-compose-file-mark{background:#1a5144;color:#99f6e4}
.dark #add-post-modal .social-compose-file-name{color:#bed7d5}
.dark #add-post-modal .social-compose-preview{border-color:#334256;background:#101927}
.dark #add-post-modal .modal-loader-container{border-color:#2b394b;background:#141f2e;color:#a9b8ca}
.dark #add-post-modal .social-compose-loader-spinner{border-color:#28554f;border-top-color:#2dd4bf}
.dark #add-post-modal .social-compose-status{border-color:#35455a;background:#182434;color:#c3cfdd}
.dark #add-post-modal .social-compose-status:before{background:#2b394b;color:#dbe6f2}
.dark #add-post-modal .social-compose-status[data-state="success"]{border-color:#27604f;background:#143329;color:#a7f3d0}
.dark #add-post-modal .social-compose-status[data-state="success"]:before{background:#1d513e;color:#a7f3d0}
.dark #add-post-modal .social-compose-status[data-state="error"]{border-color:#71323b;background:#351e29;color:#fecaca}
.dark #add-post-modal .social-compose-status[data-state="error"]:before{background:#542631;color:#fecaca}
.dark #add-post-modal .social-compose-status[data-state="warning"]{border-color:#705329;background:#342b1c;color:#fde68a}
.dark #add-post-modal .social-compose-status[data-state="warning"]:before{background:#4d3d20;color:#fde68a}
.dark #add-post-modal .social-compose-footer{border-color:#2a394c;background:rgba(15,23,36,.97);box-shadow:0 -8px 24px rgba(0,0,0,.13)}
.dark #add-post-modal .social-compose-cancel{border-color:#35455a;background:#1a2737;color:#c9d5e4}
.dark #add-post-modal .social-compose-cancel:hover{border-color:#50637b;background:#233247}
@keyframes arz-compose-enter{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes arz-compose-spin{to{transform:rotate(360deg)}}
@media(max-width:767px){
 #add-post-modal.social-compose-modal:not([hidden]){align-items:flex-end;justify-content:center;padding:0}
 #add-post-modal .social-compose-dialog{width:100%;max-width:none;max-height:96dvh;max-height:calc(100dvh - 6px);border-radius:25px 25px 0 0;border-inline:0;border-bottom:0}
 #add-post-modal .social-compose-header{gap:10px;padding:16px 56px 15px 16px}
 [dir="rtl"] #add-post-modal .social-compose-header{padding-inline:16px 56px}
 #add-post-modal .social-compose-heading-mark{width:42px;height:42px;flex-basis:42px;border-radius:14px}
 #add-post-modal #social-compose-title{font-size:18px}
 #add-post-modal .social-compose-subtitle{margin-top:5px;font-size:10px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 #add-post-modal #close-modal-button{top:13px;right:12px;width:36px;height:36px;min-width:36px;border-radius:12px}
 [dir="rtl"] #add-post-modal #close-modal-button{right:auto;left:12px}
 #add-post-modal .social-compose-body{padding:13px 12px 16px}
 #add-post-modal .social-compose-identity{gap:9px;margin-bottom:13px;padding:9px 10px;border-radius:14px}
 #add-post-modal .social-compose-avatar{width:37px;height:37px;flex-basis:37px}
 #add-post-modal .social-compose-identity-copy strong{font-size:11px}
 #add-post-modal .social-compose-identity-copy span{font-size:9px;line-height:1.5}
 #add-post-modal .social-compose-community-badge{padding:5px 7px;font-size:9px}
 #add-post-modal .social-compose-layout{grid-template-columns:minmax(0,1fr);gap:12px}
 #add-post-modal .social-compose-primary-column,#add-post-modal .social-compose-secondary-column{gap:12px}
 #add-post-modal .social-compose-section{padding:13px;border-radius:16px}
 #add-post-modal .social-compose-section-heading{gap:8px;margin-bottom:11px}
 #add-post-modal .social-compose-step-number{width:27px;height:27px;flex-basis:27px;border-radius:9px;font-size:9px}
 #add-post-modal .social-compose-section-heading h3{font-size:12px}
 #add-post-modal .social-compose-section-heading p{font-size:9px;line-height:1.65}
 #add-post-modal .social-compose-type-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 #add-post-modal .social-compose-type-option{min-height:73px;gap:6px;padding:8px 4px;border-radius:12px;font-size:9px}
 #add-post-modal .social-compose-type-icon{width:29px;height:29px;border-radius:9px}
 #add-post-modal .social-compose-type-icon svg{width:17px;height:17px}
 #add-post-modal #caption{min-height:120px;max-height:260px;padding:11px 12px;font-size:12px;border-radius:12px}
 #add-post-modal #currency_id{height:44px;font-size:12px}
 #add-post-modal .social-compose-upload-zone,#add-post-modal .social-compose-upload-content{min-height:112px}
 #add-post-modal .social-compose-upload-content{gap:5px;padding:12px 10px}
 #add-post-modal .social-compose-upload-icon{width:34px;height:34px;border-radius:11px}
 #add-post-modal .social-compose-upload-icon svg{width:19px;height:19px}
 #add-post-modal .social-compose-upload-content strong{font-size:10px}
 #add-post-modal .social-compose-upload-formats{font-size:8px}
 #add-post-modal .social-compose-preview{max-height:190px;min-height:70px}
 #add-post-modal .social-compose-status{margin:9px 12px 0;padding:10px 12px 10px 40px;font-size:11px;border-radius:12px}
 [dir="rtl"] #add-post-modal .social-compose-status{padding:10px 40px 10px 12px}
 #add-post-modal .social-compose-footer{gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px))}
 #add-post-modal .social-compose-cancel,#add-post-modal .social-compose-submit{min-height:44px;padding:0 13px;border-radius:12px;font-size:11px}
 #add-post-modal .social-compose-submit{flex:1;min-width:0}
 #add-post-modal .social-compose-cancel{flex:0 0 auto}
}
@media(max-width:380px){#add-post-modal .social-compose-heading-mark{display:none}#add-post-modal .social-compose-header{padding-inline-start:13px}#add-post-modal .social-compose-body{padding-inline:9px}#add-post-modal .social-compose-type-grid{gap:5px}#add-post-modal .social-compose-type-option{min-height:69px;font-size:8px}#add-post-modal .social-compose-footer{gap:6px;padding-inline:9px calc(9px + env(safe-area-inset-right,0px))}#add-post-modal .social-compose-submit{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){#add-post-modal .social-compose-dialog,#add-post-modal .social-compose-loader-spinner{animation:none!important;transition:none!important}#add-post-modal .social-compose-type-option,#add-post-modal .social-compose-submit,#add-post-modal #close-modal-button{transition:none!important}}