/* Scoped to the admin library and invitation artwork thumbnails. */
.invite66-nav{display:flex;align-items:center;gap:12px}.invite66-nav svg{width:20px;height:20px;flex:none}.invite66-nav span{white-space:normal;text-align:left}
#hzLibrary66{z-index:3900;padding:18px}#hzLibrary66 .library66{position:relative;display:flex;flex-direction:column;width:min(1260px,96vw);max-width:1260px;height:min(900px,94dvh);max-height:94dvh;overflow:hidden;background:var(--surface,#fff);color:var(--text,#352738);border-radius:20px}
.library66-body{display:grid;grid-template-columns:210px minmax(0,1fr);overflow:auto;flex:1;min-height:0}.library66-folders{padding:20px;border-right:1px solid #e5dfe5}.library66-folders>.btn{width:100%;text-align:left;justify-content:space-between;margin:4px 0;white-space:normal;overflow-wrap:anywhere}.library66-folders h3{font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin:22px 0 8px}.library66-folders .active{background:var(--teal,#64445e);color:#fff}.library66-main{padding:20px;min-width:0}.library66-toolbar,.library66-main [data-upload],.library66-bulk{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:16px}.library66 label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600}.library66 input:not([type=checkbox]):not([type=range]),.library66 select{max-width:100%;min-height:38px;border:1px solid #dbd2db;border-radius:8px;padding:8px;background:#fff;color:#352738}.library66 [data-upload]{padding:14px;border:1px solid #e5dfe5;border-radius:12px;background:#fcf9f6}.library66 [type=file]{width:260px}.library66-bulk{padding:12px 0;border-top:1px solid #eee}.library66-bulk>label:first-child{flex-direction:row;align-items:center}.library66-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--thumb66,100px),1fr));gap:12px}.library66-tile{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;padding:8px;border:1px solid #e1d9e2;border-radius:12px;background:#fff}.library66-tile strong,.library66-tile small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.library66 .library66-select{position:absolute;top:8px;left:8px;z-index:1;background:white;padding:3px;border-radius:4px}.library66-thumb{background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 0 / 16px 16px;border:0;border-radius:8px;width:100%;height:var(--thumb66,100px);padding:4px;cursor:zoom-in}.library66-thumb img{width:100%;height:100%;object-fit:contain}.library66-tile .btn{font-size:10px;padding:6px;min-height:30px}.library66-pagination{display:flex;gap:16px;align-items:center;justify-content:center;margin:20px 0}.library66-status{padding:12px 20px;margin:0;max-height:120px;overflow:auto;white-space:pre-wrap;border-top:1px solid #eee;font-size:13px;flex:none}.library66-detail{position:absolute;inset:90px 0 0;background:#fff;padding:20px;overflow:auto;z-index:2}.library66-detail header{display:flex;justify-content:space-between;align-items:center;gap:10px}.library66-large{display:block;max-width:100%;max-height:65dvh;margin:20px auto;object-fit:contain}.library66-edit-thumb{width:120px;height:150px;object-fit:contain}.library66-detail form{display:grid;gap:16px;max-width:500px;margin:20px auto}#hzLibrary66.is-busy .library66-body{pointer-events:none;opacity:.7}
/* Asset names stay in admin management; customers choose the actual artwork. */
#modalRoot .compact-art-choice>span,#modalRoot .hz-art-tile>span,#hzControlDialog [data-art-use]>span{display:none}
#modalRoot .compact-art-grid,#modalRoot .invite-template-grid:has([data-invite-action="use-artwork"]),#hzControlDialog .hz-art-grid:has([data-art-use]){grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px}
#modalRoot .hz-art-tile[data-invite-action="use-artwork"] img,#modalRoot .compact-art-choice img,#hzControlDialog [data-art-use] img{height:110px;width:100%;object-fit:contain}
@media(max-width:700px){#hzLibrary66{padding:6px}#hzLibrary66 .library66{width:100%;max-height:98dvh;height:98dvh;border-radius:12px}.library66-body{display:block}.library66-folders{border-right:0;border-bottom:1px solid #eee;padding:10px;max-height:160px;overflow:auto}.library66-folders>.btn{display:inline-flex;width:auto;margin:3px;max-width:100%}.library66-folders h3{display:inline-block;margin:10px}.library66-main{padding:12px}.library66-main [data-upload]>label{max-width:100%;width:100%}.library66-main [data-upload] input{width:100%}.library66-detail{inset:85px 0 0;padding:12px}.library66 .modal-head h2{font-size:20px}.library66 .modal-head{padding:15px}.library66-toolbar>label{max-width:100%}.library66-tile strong{font-size:11px}}
