/* HAT Physics Diagram Library integrated into the V0.7.4 gallery */
#hatshapeBrowse{background:#1f756f!important;color:white!important;min-height:37px;padding:7px 13px;border-radius:10px;border:1px solid #70c9b5;margin:2px 5px}
#hatshapeInsideGallery[hidden],#hatshapeInspector[hidden],#hat069Gallery [hidden]{display:none!important}
#hatshapeInsideGallery{overflow-y:auto;min-height:120px;max-height:min(80vh,750px);padding:12px 17px;color:#213147;background:#f4f8fd}
.hatshape-headline{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.hatshape-headline h3{margin:0;font-size:17px;color:#143d5e}.hatshape-headline p{font-size:12px;color:#607389;margin:6px 0}
.hatshape-headline a,.hatshape-headline button{border:1px solid #8ba6bb;color:#164969;background:white;padding:9px 12px;text-decoration:none;border-radius:9px;font-weight:700}
.hatshape-tools,.hatshape-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0}
.hatshape-tools button,.hatshape-actions button{border:1px solid #b5c8db;color:#274969;background:white;padding:9px 11px;border-radius:9px;cursor:pointer;min-height:37px}
.hatshape-tools button.active{background:#136f72;color:white;border-color:#136f72}.hatshape-tools label{display:flex;gap:7px;align-items:center;font-size:12px;font-weight:700}
.hatshape-tools input{border:1px solid #b5c8db;background:white;color:#1b2b3b;padding:10px;border-radius:8px;min-width:150px}
#hatshapeStatus{font-size:12px;color:#486172;margin:10px 0}
.hatshape-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:12px}
.hatshape-card{border:1px solid #d0dce8;border-radius:13px;background:white;display:flex;flex-direction:column;padding:10px;gap:7px;box-shadow:0 4px 15px #1834560a}
.hatshape-thumbnail{height:136px;overflow:hidden;background:#fdfbf6;border-radius:9px;border:1px solid #ebedf1}
.hatshape-thumbnail svg{width:100%;height:100%;object-fit:contain}
.hatshape-card strong{color:#173e5c;font-size:14px}.hatshape-card small{color:#667d8e;font-size:11px;line-height:1.4}
.hatshape-card-actions{display:flex;gap:5px;margin-top:auto;flex-wrap:wrap}.hatshape-card-actions button{padding:8px;border:1px solid #a8c3d5;border-radius:7px;background:#e5f5f4;color:#13575c;font-weight:700;font-size:11px;cursor:pointer}
.hatshape-help,.hatshape-empty{font-size:12px;line-height:1.5;color:#617688}
#hatshapeInspector{padding:11px;background:#103b47;border:1px solid #437b86;border-radius:11px;margin:7px 0 13px;color:#fff}
#hatshapeInspector h3{font-size:13px;margin:4px 0 5px}#hatshapeInspector p{color:#a3cad0;font-size:11px}
#hatshapeInspector label{display:block;font-size:12px;margin:8px 0 4px}#hatshapeInspector input[type=number]{width:100%;height:36px;background:#062735;border:1px solid #64919b;border-radius:7px;color:white;padding:7px}
#hatshapeInspector input[type=checkbox]{accent-color:#34b9aa}#hatshapeInspector .hatshape-inspector-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}
#hatshapeInspector .hatshape-inspector-actions button{border-radius:7px;border:1px solid #74b6c3;background:#1b6770;color:white;padding:8px;font-size:11px}
@media(max-width:680px){#hatshapeInsideGallery{padding:10px 7px}.hatshape-cards{grid-template-columns:1fr}.hatshape-headline{align-items:flex-start}.hatshape-tools label{width:100%}.hatshape-tools input{flex:1}}

#hatshapeInsideGallery .hatshape-tips{font-size:12px;color:#42677a;background:#e9f5fa;border-radius:9px;padding:8px 10px;line-height:1.5}
#hatshapeInsideGallery #hat080ShowHiddenPublic{background:#356579;color:white;border-color:#356579}
#hatshapeInsideGallery .hatshape-card-actions button:nth-child(2){background:#dceefb;color:#17517b}
#hatshapeInsideGallery .hatshape-card-actions button:last-child{background:#f9eae8;color:#8d3633;border-color:#edc4bd}