.composer-background-option{display:none!important}.composer-types.has-background{grid-template-columns:repeat(4,minmax(0,1fr))}.composer-types.has-background button{min-width:0;gap:4px;padding:8px 3px;font-size:10px!important;line-height:1.1;white-space:nowrap}.composer-types.has-background button svg{width:19px!important;height:19px!important;flex:0 0 19px}.composer-types.has-background button span{overflow:hidden;text-overflow:ellipsis}.composer-types [data-composer-mode="background"] svg{fill:none;stroke:#08715d;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.composer-types [data-composer-mode="background"]:hover svg{stroke:#02372e;transform:scale(1.05)}
body.background-composer-open{overflow:hidden}.background-composer-workspace{position:fixed;z-index:996;top:var(--background-composer-top,0);right:0;bottom:0;left:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#f4faf7;color:#173a34}.background-composer-workspace[hidden]{display:none!important}.background-composer-workspace>header{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:62px;padding:10px clamp(14px,3vw,34px);border-bottom:1px solid #cbded7;background:#fff}.background-composer-workspace>header>div{display:grid;gap:3px}.background-composer-workspace>header b{color:#02372e;font-size:18px}.background-composer-workspace>header small{color:#64756f}.background-composer-workspace>header button{display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:50%;background:#eef6f3;color:#526a64;font-size:24px}.background-composer-scroll{min-height:0;overflow:auto;display:grid;place-items:center;padding:18px}.background-editor-card{width:min(680px,100%);padding:14px;border:1px solid #c7ddd5;border-radius:17px;background:#fff;box-shadow:0 8px 26px rgba(2,55,46,.08)}.background-preview{position:relative;display:grid;min-height:min(52vh,480px);place-items:center;overflow:hidden;border-radius:14px;background-position:center;background-size:cover;background-repeat:no-repeat}.composer-form.background-post-mode .background-preview textarea,.background-preview textarea{box-sizing:border-box;width:min(78%,520px);min-height:180px;padding:20px;border:0;background:transparent!important;background-image:none!important;color:#02372e;font-family:Sultan,Alexandria,sans-serif;font-size:clamp(20px,3.2vw,32px)!important;font-weight:600;line-height:1.55;text-align:center!important;resize:none;outline:0;text-shadow:0 1px 2px rgba(255,255,255,.7)}.background-preview textarea::placeholder{color:#536b65;opacity:.8}.background-arrow{position:absolute;top:50%;display:grid;width:44px;height:44px;place-items:center;transform:translateY(-50%);border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(2,55,46,.78);color:#fff;font-size:31px;box-shadow:0 5px 18px #0003}.background-arrow.previous{left:12px}.background-arrow.next{right:12px}.background-picker-meta{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:5px 12px;padding:12px 5px 2px}.background-picker-meta strong{color:#02372e}.background-picker-meta span{color:#08715d;font-weight:800}.background-picker-meta small{grid-column:1/3;color:#687c76}.background-picker-meta>b{grid-column:3;grid-row:1/3;color:#08715d;font-size:12px}.background-composer-workspace.has-error .background-picker-meta>b{color:#b42318}.background-composer-workspace>footer{display:flex;justify-content:flex-end;gap:9px;min-height:62px;padding:10px clamp(14px,3vw,34px);border-top:1px solid #cbded7;background:#fff;box-shadow:0 -5px 18px rgba(2,55,46,.07)}.background-composer-workspace>footer .btn{min-width:130px}
@media(max-width:700px){.composer-types.has-background{grid-template-columns:repeat(4,minmax(0,1fr))}.composer-types.has-background button{gap:2px;padding:7px 1px;font-size:8px!important}.composer-types.has-background button svg{width:17px!important;height:17px!important;flex-basis:17px}.background-composer-workspace>header{min-height:54px;padding:7px 10px}.background-composer-workspace>header small{font-size:10px}.background-composer-scroll{padding:8px}.background-editor-card{padding:7px}.background-preview{min-height:52vh}.background-preview textarea{width:82%;min-height:150px;padding:12px;font-size:22px!important}.background-arrow{width:37px;height:37px;font-size:27px}.background-arrow.previous{left:7px}.background-arrow.next{right:7px}.background-picker-meta{padding:9px 5px 3px}.background-picker-meta small{font-size:10px}.background-composer-workspace>footer{min-height:54px;padding:7px 10px}.background-composer-workspace>footer .btn{min-width:0;flex:1}}