.document-editor{width:min(1100px,calc(100vw - 24px));max-height:92dvh;overflow:auto;box-sizing:border-box;border:1px solid var(--line);border-radius:16px;padding:20px;background:var(--panel);color:var(--text)}
.document-editor::backdrop{background:#0009}.document-editor header{display:flex;justify-content:space-between;gap:16px;align-items:center}.document-editor h2{margin:0 0 14px}.document-tools{display:flex;flex-wrap:wrap;gap:8px;margin-block:12px}
.document-editor input,.document-editor textarea,.document-editor select{box-sizing:border-box;max-width:100%;min-height:44px;padding:10px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:var(--field,var(--panel));font:inherit}
.document-editor>input{width:100%}.document-editor>textarea{width:100%;min-height:42dvh;resize:vertical;font-family:ui-monospace,monospace;line-height:1.5}.document-editor .btn{width:auto;min-height:44px}.document-editor iframe{width:100%;height:320px;background:white;border:1px solid var(--line)}.document-editor [role=status]{line-height:1.6}
.document-tools>select{width:auto;flex:1;min-width:160px}
@media(max-width:600px){.document-editor{padding:14px}.document-editor input,.document-editor textarea,.document-editor select{font-size:16px}.document-tools>select{width:100%}}