@font-face{font-family:HubDocument;src:url('/document-font.ttf') format('truetype');font-display:swap}
.modalbox.composer-dialog{width:min(1120px,96vw)!important;max-width:1120px!important;max-height:94dvh;overflow:auto;padding:22px!important;margin:auto}
.composer-meta{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.composer-dialog label{display:flex;flex-direction:column;gap:5px;font-size:14px}.composer-dialog input,.composer-dialog select{min-width:0;min-height:40px;border:1px solid var(--line);border-radius:8px;padding:7px;background:var(--soft);color:var(--text)}
.composer-tools,.composer-properties{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:12px 0}.composer-tools label{flex-direction:row;align-items:center}.composer-properties label{width:90px}.composer-properties label:first-child{width:125px}.composer-properties .composer-bold{width:60px;align-items:center}.composer-properties input[type=checkbox]{min-height:auto}.composer-properties input[type=color]{width:70px;padding:3px}
.composer-scroll{overflow:auto;max-height:58dvh;min-height:250px;padding:24px 20px;background:#526070;border-radius:12px;direction:ltr}.composer-size{position:relative;margin:0 auto}.composer-page{position:absolute;width:595.28px;height:841.89px;transform-origin:top left;background:#fff!important;box-shadow:0 6px 28px #0004;direction:rtl;color:#17263a}
.composer-item{position:absolute;box-sizing:border-box;outline:1px dashed #9ba8b9}.composer-item.selected{outline:2px solid #2d73b9}.composer-item textarea{display:block;width:100%;height:100%;box-sizing:border-box;border:0!important;border-radius:0!important;margin:0!important;padding:0!important;resize:none;outline:0;background:transparent!important;font-family:HubDocument,Arial!important;line-height:1.55!important;white-space:pre-wrap;overflow-wrap:anywhere;direction:rtl;overflow:hidden;min-height:0!important;box-shadow:none!important}.composer-item textarea::placeholder{color:#687c92!important;opacity:1}.composer-item img{width:100%;height:100%;object-fit:contain;display:block}.composer-item.overflowing{outline:2px solid #c33838}.composer-handle,.composer-resize{position:absolute;z-index:2;touch-action:none;border:0;background:#245e91!important;color:#fff!important;font:12px Arial!important;min-height:22px!important;border-radius:4px;cursor:move;padding:3px 8px}.composer-handle{right:0;top:-24px}.composer-resize{right:-9px;bottom:-9px;cursor:se-resize;width:22px;padding:1px}.composer-dialog [hidden]{display:none!important}.composer-dialog [data-plain-text]{width:100%;padding:14px;background:var(--soft);color:var(--text);font-size:16px}.composer-dialog [data-status]{min-height:24px;font-size:14px}.composer-proof canvas{display:block;direction:ltr;max-width:100%;height:auto;margin:12px auto;background:white}.composer-dialog .actions{padding-top:10px}
@media(max-width:600px){.modalbox.composer-dialog{padding:14px!important;max-height:96dvh;width:98vw!important}.composer-meta{grid-template-columns:1fr 1fr}.composer-meta label:first-child{grid-column:1/-1}.composer-tools{gap:8px}.composer-scroll{max-height:52dvh;padding:24px 20px}.composer-properties{gap:8px}.composer-properties label{width:calc(33.33% - 8px)}.composer-dialog .actions .btn{flex:1}.composer-dialog .modalhead h2{font-size:20px}}

html[data-mode] .composer-dialog .composer-item textarea{background:transparent!important;color:var(--composer-ink,#17263a)!important;border:0!important;font-family:HubDocument,Arial!important}html[data-mode] .composer-dialog .composer-item textarea::placeholder{color:#687c92!important}