@media screen {
body.vehicle-model-library .main-content .page-header{overflow:clip}
@media(min-width:769px){body.vehicle-model-library .model-library-card-body{padding-left:36px}}
.vehicle-model-library .page-header{gap:18px;flex-wrap:wrap}.vehicle-model-library .page-header h1{margin:0}.vehicle-model-library .page-header p{font-size:var(--ui-font-13,13px);margin-top:8px;opacity:.8}
.model-library-actions,.model-library-toolbar,.model-photo-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.model-library-toolbar{justify-content:space-between;margin:20px 0 14px;color:#596b78;font-size:var(--ui-font-14,14px)}
.model-library-message{padding:24px;color:#667085;background:#fff;border:1px solid #dde5e8;border-radius:12px}.model-library-message:empty{display:none}.model-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:18px}.model-library-card{background:#fff;border:1px solid #dae3e6;border-radius:12px;overflow:hidden;box-shadow:0 4px 14px rgba(20,44,58,.035)}.model-library-photo{height:190px;background:#edf3f3;display:grid;grid-template: minmax(0,1fr) / minmax(0,1fr);place-items:center;overflow:hidden;color:#667b80}.model-library-photo img{display:block;min-width:0;min-height:0;width:100%;height:100%;object-fit:contain}.model-library-card-body{padding:16px}.model-library-card-body h2{font-size:var(--ui-font-17,17px);font-weight:650;color:#253c49;overflow-wrap:anywhere;margin-bottom:14px}
#model-editor{inset:0;margin:auto;width:min(560px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:0;border:1px solid #dce4e8;border-radius:14px;color:#243745;box-shadow:0 20px 60px #11293633}#model-editor::backdrop{background:#10263888}#model-editor-form{display:flex;flex-direction:column;max-height:calc(100dvh - 30px)}.model-editor-header,.model-editor-footer{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.model-editor-header{border-bottom:1px solid #e5ebee}.model-editor-header h2{font-size:var(--ui-font-20,20px)}.model-editor-body{padding:20px 22px;overflow:auto}.model-editor-footer{border-top:1px solid #e5ebee;justify-content:flex-end}.model-photo-label{display:block;margin:18px 0 8px;font-size:var(--ui-font-14,14px);font-weight:600}.model-photo-picker{min-height:185px;border:1.5px dashed #9dbab9;border-radius:10px;background:#f3f8f7;display:grid;place-items:center;cursor:pointer;padding:12px;color:#567271}.model-photo-picker:focus-visible,.model-photo-picker.is-dragging{outline:3px solid #8bc7c4;outline-offset:2px}.model-photo-picker img{max-width:100%;max-height:200px;object-fit:contain}.model-photo-picker [hidden],.vehicle-model-library [hidden],#model-editor [hidden]{display:none!important}.model-photo-tools{justify-content:space-between;margin-top:10px;overflow-wrap:anywhere;font-size:var(--ui-font-12,12px)}.model-photo-help{font-size:var(--ui-font-12,12px);line-height:1.7;color:#70808c;margin-top:10px}.model-editor-error{color:#a7333d;line-height:1.6;font-size:var(--ui-font-13,13px);margin-top:10px}
@media(max-width:768px){.vehicle-model-library .page-header{padding:20px 16px}.model-library-actions{width:100%}.model-library-actions .btn{flex:1}.model-library-grid{grid-template-columns:1fr}.model-editor-header,.model-editor-footer{padding:14px 16px}.model-editor-body{padding:16px}.model-photo-picker{min-height:160px}}
}
@media screen {
.model-library-card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.model-library-card-actions .btn{min-height:36px;padding-inline:16px}.model-library-card-body h2{margin-bottom:6px}.model-library-brand{font-size:var(--ui-font-13,13px);color:#50616c;overflow-wrap:anywhere}body.vehicle-model-library .model-library-card-actions .model-library-delete{color:#a92338;border-color:#d7949e}body.vehicle-model-library .model-library-card-actions .model-library-delete:hover:not(:disabled){color:#8d1b2d;background:#fff1f3;border-color:#a92338}.model-library-message.is-error{color:#a92338;background:#fff5f6;border-color:#d7949e}
@media(max-width:768px){.model-library-card-actions .btn{flex:1}.model-editor-footer .btn{min-height:40px}}
}

/* HX183 A: retain photos and editor controls; expose the full selected filename. */
@media screen {
 .vehicle-model-library .model-library-card{box-shadow:none;border-color:var(--hx-ui-line,#d8e5e2)}
 #model-editor :is(.model-photo-help,.model-photo-tools){color:var(--hx-ui-muted,#526c71)}
 #model-editor #model-photo-name{flex:1;min-width:0;overflow-wrap:anywhere}
 #model-editor :is(input,button,.model-photo-picker):focus-visible{outline:2px solid var(--hx-ui-accent,#176d70);outline-offset:3px}
 @media(forced-colors:active){
  .vehicle-model-library :is(.model-library-card,.model-library-photo,.model-library-message),#model-editor,#model-editor .model-photo-picker{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}
  #model-editor :is(input,button,.model-photo-picker):focus-visible{outline-color:Highlight}
 }
}