.photo-library-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}
.photo-library-heading h2{margin:0 0 8px;font-size:32px}.photo-library-heading p{margin:0;color:#62645b;max-width:65ch;line-height:1.6}
.photo-library-upload{position:relative;overflow:hidden;white-space:nowrap;min-height:48px;flex-shrink:0}.photo-library-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.photo-library-upload:focus-within{outline:3px solid #ba8400;outline-offset:3px}
.photo-library-toolbar{display:flex;align-items:end;gap:16px;padding:20px;background:#fff;border:1px solid #d6d5cb;border-radius:8px}
.photo-library-toolbar label{display:grid;gap:6px;font-weight:600;font-size:15px}.photo-library-toolbar label:first-child{flex:1}.photo-library-toolbar :is(input,select){min-height:46px;border:1px solid #bdbfb6;border-radius:5px;padding:10px 12px;font:400 16px "IBM Plex Sans",sans-serif;min-width:0;width:100%;background:#fff}
.photo-library-count{color:#62645b;font-size:15px;margin:20px 0}.photo-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.photo-library-card{border:1px solid #d6d5cb;border-radius:8px;background:#fff;overflow:hidden;min-width:0}.photo-library-card[hidden]{display:none}.photo-library-card>a{display:block;background:#e7e8df}.photo-library-card img{display:block;width:100%;height:200px;object-fit:contain}.photo-library-card>div{padding:18px}.photo-library-card h3{font:600 18px/1.4 "IBM Plex Sans",sans-serif;overflow-wrap:anywhere;margin:0 0 8px}.photo-library-card p{font-size:14px;line-height:1.5;color:#62645b;margin:0 0 12px;overflow-wrap:anywhere}.photo-library-card .photo-library-usage{margin:12px 0;min-height:42px}.photo-library-card small{display:block;margin-top:10px;color:#62645b;line-height:1.5}.photo-library-card .button{min-height:44px}.photo-library-notice,.photo-library-error{padding:14px 18px;border-radius:6px;line-height:1.6}.photo-library-notice{background:#e7f1eb;color:#145b46}.photo-library-error{background:#fff0e9;color:#85372b}
@media(max-width:1100px){.photo-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-library-toolbar{flex-wrap:wrap}.photo-library-toolbar label:first-child{flex-basis:100%}}
@media(max-width:650px){.photo-library-heading{align-items:stretch;flex-direction:column}.photo-library-grid{grid-template-columns:1fr}.photo-library-toolbar>label{flex:1}.photo-library-toolbar>.button{width:100%}}
.photo-library-card button:disabled{opacity:.48;cursor:not-allowed}