.document-tool{display:grid;gap:14px;padding:clamp(12px,2vw,20px);background:var(--kit-surface);border:1px solid var(--kit-line);border-radius:12px;min-width:0;color:var(--kit-ink)}
.document-tool p,.document-tool output{margin:0;color:var(--kit-muted);font-size:14px}
.document-tool>button{justify-self:start}
.dt-controls,.dt-row,.dt-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.dt-controls label,.dt-row label{display:grid;gap:4px;min-width:0;font-size:13px;font-weight:600}
.document-tool :is(input,select){box-sizing:border-box;max-width:100%;min-width:0;padding:8px;border:1px solid var(--kit-line);border-radius:7px;background:var(--kit-surface);color:var(--kit-ink)}
.document-tool input[type=number]{width:7rem}.dt-row label:has(input[type=text]){flex:1 1 9rem}
.dt-sheet{display:grid;width:min(100%,260px);box-sizing:border-box;border:1px solid var(--kit-line);border-radius:4px;background:#fff;padding:8px;gap:4px;box-shadow:0 2px 6px #0001}
.dt-sheet span{display:grid;place-items:center;background:#eef2fd;border:1px solid #c1cce9;color:#385187;font-size:13px;border-radius:2px}
.dt-tree{display:grid;gap:8px}.dt-row{padding:11px;margin-inline-start:calc(var(--depth,0) * 16px);border:1px solid var(--kit-line);border-radius:8px}
.dt-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(145px,100%),1fr));gap:9px}
.dt-images label{display:grid;grid-template-columns:auto 1fr;gap:6px;align-items:center;padding:8px;border:1px solid var(--kit-line);border-radius:8px;cursor:pointer}
.dt-images canvas{justify-self:center;max-width:100%;height:70px;object-fit:contain}.dt-images span{grid-column:1/-1;font-size:12px;color:var(--kit-muted)}
@media(max-width:520px){.dt-controls>label{flex:1 1 42%}.dt-row{margin-inline-start:calc(var(--depth,0) * 6px)}.dt-row label{max-width:100%}.dt-actions{gap:5px}}