.kv-designer{display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:0;margin:28px 0;border:1px solid #e8dfd4;background:#fff;clear:both}.kv-fields{padding:28px}.kv-fields h2{margin-top:0}.kv-fields label{display:block;font-weight:700;margin:14px 0}.kv-fields input[type=text],.kv-fields textarea{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #d8cec1;font:inherit}.kv-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.kv-modes label{border:1px solid #d8cec1;padding:11px;font-size:.88rem}.kv-upload{padding:22px;border:1px dashed #8ca198;text-align:center;background:#f7faf8}.kv-upload input{margin:10px auto 0}.kv-upload small{display:block;font-weight:400;color:#68746e}.kv-quality{font-size:.8rem}.kv-quality.good{color:#217657}.kv-quality.warn{color:#a35338}.kv-fields input[type=range]{width:100%;accent-color:#234d43}.kv-preview{min-width:0;padding:24px;background:#edf3ef;display:flex;flex-direction:column}.kv-preview-title{display:flex;justify-content:space-between}.kv-preview canvas{width:100%;height:auto;max-height:510px}.kv-preview>small{text-align:center;color:#68746e}.kv-admin-files{margin:8px 0}.kv-admin-files .button{margin-bottom:4px}@media(max-width:780px){.kv-designer{grid-template-columns:1fr}.kv-modes{grid-template-columns:1fr}.kv-fields,.kv-preview{padding:18px}}