.vk-flow {display:grid;gap:18px;min-width:0;text-align:left}
.vk-flow p {margin:0;line-height:1.5}
.vk-flow-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.vk-flow-field {display:flex;flex-direction:column;gap:8px;min-width:0;text-align:left;font-size:14px}
.vk-flow-field :is(input,textarea,select) {width:100%;min-width:0;max-width:100%;box-sizing:border-box;font:inherit;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;color:var(--text);background:var(--surface)}
.vk-flow-field textarea {resize:vertical;min-height:130px;line-height:1.5}
.vk-flow-toolbar {display:flex;gap:10px;align-items:end;flex-wrap:wrap}
.vk-flow-toolbar>.vk-flow-field {flex:1 1 220px}
.vk-flow-screen {display:grid;gap:16px;margin-top:16px}
.vk-flow-card,.vk-flow-preview,.vk-flow-copy {display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:14px;min-width:0}
.vk-flow .secondary-button {margin:0;min-height:42px;white-space:normal;width:auto;font-size:14px}
.vk-flow-photos {display:flex;gap:8px;flex-wrap:wrap}
.vk-flow-photos>div {display:grid;gap:4px;width:100px}
.vk-flow-photos img {width:100px;height:110px;object-fit:contain;border-radius:8px;background:#eceae4}
.vk-flow-bubble {white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;padding:14px;border-radius:14px;background:var(--surface-2);color:var(--text);font-size:15px}
.vk-flow-keys {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.vk-flow-key {min-height:44px;border:0;border-radius:8px;padding:10px;white-space:normal;font:inherit;color:#fff;margin:0;cursor:pointer}
.vk-flow-key.wide {grid-column:1/-1}
.vk-flow-key.tone-primary {background:#346bb1}
.vk-flow-key.tone-secondary {background:#e2e5e9;color:#222}
.vk-flow-key.tone-danger {background:#b83c3c}
.vk-flow-key.tone-positive {background:#27834d}
.vk-flow summary {cursor:pointer;font-weight:700;padding:14px 0}
.vk-flow h5 {font-size:18px;margin:0}
@media(max-width:650px){.vk-flow-grid{grid-template-columns:minmax(0,1fr)}.vk-flow-card,.vk-flow-preview,.vk-flow-copy{padding:12px}.vk-flow-toolbar{align-items:stretch}.vk-flow-toolbar>*{flex:1 1 100%}}