.vs-model-editor{display:grid;grid-template-columns:165px minmax(0,1fr);gap:24px;margin-top:18px;min-height:420px;color:#23354c}
.vs-model-editor[hidden]{display:none!important}.vs-model-editor nav{display:flex;flex-direction:column;gap:8px;background:#f1f5fa;border-radius:10px;padding:12px;align-self:start}.vs-model-editor nav button{text-align:left;border:0;padding:10px}
.vs-model-editor button.active{background:#e0ecff;color:#164c9c;border-color:#8eaedb}.vs-model-editor h3{font-size:19px;font-weight:650;margin:0 0 18px}
.vme-properties{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-content:start}.vme-property{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#435570}
.vme-property input,.vme-property select,.vme-property textarea,.vs-model-editor input[type=search]{padding:9px 11px;border:1px solid #c9d3e1;border-radius:6px;background:white;min-width:0;color:#172f4b}.vme-property input:disabled{background:#f1f4f8;color:#69778a}.vme-property input[type=checkbox]{align-self:start;width:18px;height:18px}
.vme-split{display:grid;grid-template-columns:minmax(170px,30%) minmax(0,1fr);gap:20px;margin:16px 0}.vme-list{display:flex;flex-direction:column;gap:5px;max-height:420px;overflow:auto;border-right:1px solid #dae1eb;padding-right:12px}.vme-list button{text-align:left;overflow-wrap:anywhere}.vme-status{font-size:13px;color:#50627b;margin-top:12px}
#jsonEditor[hidden]{display:none!important}.vs-model-editor p{font-size:13px;margin-top:18px}.vs-model-editor button:focus-visible{outline:3px solid #5d9bde}
@media(max-width:800px){.vs-model-editor{grid-template-columns:1fr}.vs-model-editor nav{flex-direction:row;flex-wrap:wrap}.vme-split,.vme-properties{grid-template-columns:1fr}.vme-list{max-height:160px}}
.vme-combo-option{display:flex;align-items:end;gap:6px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid #dce3ed}.vme-combo-option label{flex:1;min-width:100px}.vme-combo-option input{display:block;width:100%;box-sizing:border-box;padding:6px}
.vme-history{position:sticky;top:0;z-index:10;display:flex;gap:8px;flex-wrap:wrap;background:#fff;padding:10px 0;border-bottom:1px solid #ccd8e6}.vme-history button{padding:8px 14px;border:1px solid #9fb7d5;border-radius:6px;background:#eef4ff;color:#174a85;font-weight:600}.vme-history button:disabled{opacity:.5}
.vme-edit-group{margin:0 0 14px;border:1px solid #d0d9e5;border-radius:6px;background:#f8fafc;overflow:hidden}.vme-edit-group>summary{cursor:pointer;padding:10px 12px;background:#e7edf5;border-bottom:1px solid #d0d9e5;font-weight:700;color:#172f4b}.vme-edit-card{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:10px;margin:12px;padding:12px;border:1px solid #cbd6e4;border-radius:6px;background:white}.vme-edit-card legend{grid-column:1/-1;font-weight:700;color:#172f4b;padding:0 4px}.vme-edit-card .vme-property{min-width:0}.vme-inline-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;padding-top:4px}.vme-inline-actions .btn{min-width:90px}@media(max-width:900px){.vme-edit-card{grid-template-columns:1fr}.vme-inline-actions{justify-content:flex-start}}
#friendlyModelEditor:has(.vs-model-editor:not([hidden])){height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}
#friendlyModelEditor:has(.vs-model-editor:not([hidden])) .vme-history{flex:0 0 auto}
#friendlyModelEditor:has(.vs-model-editor:not([hidden])) .vs-model-editor{flex:1 1 auto;min-height:0;height:auto;align-items:stretch;overflow:hidden}
#friendlyModelEditor:has(.vs-model-editor:not([hidden])) .vs-model-editor>nav{max-height:100%;overflow:auto}
#friendlyModelEditor:has(.vs-model-editor:not([hidden])) .vs-model-editor>div{min-height:0;overflow:auto;padding-right:8px}
#friendlyModelEditor:has(.vs-model-editor:not([hidden])) .vme-status{flex:0 0 auto}

.vme-parameters{min-width:0;border:1px solid #d0d9e5;border-radius:6px;padding:12px}
.vme-parameters p{font-size:13px;color:#53627b;margin:0 0 12px}
.vme-parameter-row{display:grid;grid-template-columns:minmax(100px,1fr) minmax(130px,1fr) minmax(160px,2fr) auto;align-items:end;gap:10px;margin-bottom:12px}
.vme-parameter-row .vme-property{min-width:0}
.vme-parameter-row textarea{min-height:80px}
@media(max-width:900px){.vme-parameter-row{grid-template-columns:1fr 1fr}}

/* Structured Data API properties and nested relation keys. */
.vme-edit-card > .vme-edit-card{grid-column:1 / -1;min-width:0}
.vme-edit-card > button{align-self:start;justify-self:start}

.vme-ai{border:1px solid #b8c9df;background:#f4f8ff;border-radius:8px;padding:16px;margin:12px 0;max-width:100%;color:#172b4d}.vme-ai[hidden]{display:none}.vme-ai label{display:block}.vme-ai textarea{display:block;width:100%;box-sizing:border-box;margin:8px 0;padding:8px;border:1px solid #a4b4c8;border-radius:4px}.vme-ai button{margin:4px 8px 4px 0}.vme-ai details{margin:8px 0;padding:8px;background:white;border:1px solid #d7e0ec}.vme-ai pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto}.vme-ai summary{cursor:pointer;font-weight:600}
.vme-ai button{border:1px solid #97b4d8;background:white;color:#124a89;border-radius:4px;padding:7px 12px;cursor:pointer}.vme-ai button:disabled{opacity:.5;cursor:default}
.vme-ai{flex:0 1 auto;max-height:55vh;overflow:auto;min-height:120px} .vme-ai textarea{font:inherit}