dialog { position:fixed; max-height:calc(100vh - 24px); max-height:calc(100dvh - 24px); overflow-y:auto; overscroll-behavior:contain; margin:auto; padding:20px; }
dialog form { min-width:0; }
.dialog-actions { position:sticky; bottom:-20px; background:#fff; padding:12px 0; flex-wrap:wrap; }
.document-draft { display:grid; gap:14px; }
.page-actions { display:flex; gap:10px; flex-wrap:wrap; }
.file-button { position:relative; display:inline-flex; align-items:center; cursor:pointer; }
.file-button input { position:absolute; width:1px; height:1px; opacity:0; }
.upload-action-3d{justify-content:center;min-height:44px;padding:10px 17px!important;border:1px solid #18524d!important;border-radius:16px!important;color:#fff!important;background:linear-gradient(145deg,var(--brand,#27766f),var(--brand-dark,#18524d))!important;box-shadow:0 5px 0 #103f3b,0 9px 16px rgba(23,57,54,.18)!important;font-weight:700;transform:translateY(0);transition:transform .14s ease,box-shadow .14s ease,filter .14s ease}.upload-action-3d:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 6px 0 #103f3b,0 11px 18px rgba(23,57,54,.2)!important}.upload-action-3d:active{transform:translateY(4px);box-shadow:0 1px 0 #103f3b,0 4px 8px rgba(23,57,54,.16)!important}.upload-action-3d:focus-visible{outline:3px solid rgba(232,135,111,.5);outline-offset:4px}
.page-preview { display:grid; gap:12px; grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr)); }
.draft-page { display:grid; gap:8px; padding:12px; border:1px solid var(--line); border-radius:12px; min-width:0; }
.draft-page span { overflow-wrap:anywhere; font-size:13px; }
.draft-page img { width:100%; max-height:200px; object-fit:contain; }
#draftControls { display:grid; gap:18px; }
#cropCanvas { display:block; width:100%; height:auto; max-width:100%; border:1px solid var(--line); touch-action:none; }
.crop-sliders { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.crop-sliders input { padding:0; min-height:34px; }
.crop-sliders output { color:var(--muted); font-weight:400; }
@media(max-width:400px){.crop-sliders{grid-template-columns:1fr}}

.dialog-actions{bottom:0}.document-actions{display:flex;gap:6px;flex-wrap:nowrap}.document span{white-space:normal;overflow-wrap:anywhere}.document,.document>div{min-width:0}input{font-size:16px}#draftControls.hidden{display:none}.page-actions>*{min-height:44px}dialog[open]{max-width:calc(100vw - 24px);width:600px}@media(max-width:700px){.compact-options{grid-template-columns:1fr}.language-fieldset label{grid-template-columns:1fr}.document-list .document{flex-direction:row;align-items:center;padding:10px 12px}.document-list .document-name{flex:1}.document-list .document-actions{flex:0 0 auto}.dialog-actions>*{flex:1 1 110px}}

dialog[open]{top:var(--vocab-dialog-top,12px);bottom:auto;margin:0 auto;max-height:var(--vocab-dialog-height,calc(100dvh - 24px));}