.pb-actions,.pb-selection,.pb-queue-head,.pb-view-foot,.pb-view-head{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.pb-actions{margin:1rem 0}.pb-upload{position:relative;overflow:hidden;cursor:pointer}.pb-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.pb-filters{display:flex;gap:.7rem;flex-wrap:wrap;margin:1.2rem 0;align-items:end}.pb-filters label{flex:1;min-width:135px}.pb-filters input,.pb-filters select{width:100%;box-sizing:border-box}.pb-selection{padding:.7rem;background:var(--panel,#1d293e);border-radius:14px;margin:1rem 0}.pb-selection .btn,.pb-actions .btn,.pb-queue-head .btn{padding:.5rem .7rem;min-height:44px}.pb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:12px;margin:1rem 0}.pb-photo{border:1px solid #69748a;border-radius:14px;overflow:hidden;background:#1d293e;position:relative}.pb-open{display:block;width:100%;padding:0;border:0;background:#111b2b;aspect-ratio:1;cursor:zoom-in;touch-action:pan-y}.pb-open img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.pb-check{display:flex;gap:6px;align-items:center;padding:.5rem .6rem;min-height:38px;cursor:pointer;font-size:.9rem}.pb-check input{width:22px;height:22px;margin:0;accent-color:#ff93c9}.pb-caption{display:flex;flex-direction:column;padding:0 .7rem .7rem;gap:.25rem}.pb-caption span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem}.pb-caption small{color:#bcc5d5}.pb-caption strong{font-size:.85rem}.pb-queue-items{max-height:260px;overflow:auto}.pb-queue-item{display:flex;gap:.5rem;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:.6rem 0;border-bottom:1px solid #596278;overflow-wrap:anywhere}.pb-queue-item>span:first-child{max-width:100%}.pb-queue-item>span:nth-child(2){color:#cdd2df;font-size:.85rem}.photobook progress{width:100%;height:15px;accent-color:#ff93c9;margin-top:1rem}.pb-viewer{padding:1rem;border:1px solid #69748a;border-radius:15px;background:#101827;color:#f5f5f5;max-width:96vw;max-height:95dvh;width:1050px;box-sizing:border-box}.pb-viewer::backdrop{background:#000d}.pb-view-head{justify-content:space-between}.pb-view-head span{overflow-wrap:anywhere;flex:1}.pb-full{display:block;width:100%;height:70dvh;object-fit:contain;margin:.5rem 0;background:#080d16}.pb-view-foot{justify-content:center}.pb-view-foot .btn{min-height:44px}.pb-modal{width:min(500px,96vw);max-width:96vw;overflow-wrap:anywhere}.pb-modal progress{width:100%}.pb-modal>.btn{margin:.25rem .15rem 0 0;white-space:normal}.pb-modal input,.pb-modal select{width:100%;box-sizing:border-box}.pb-modal h2{font-size:1.4rem}.photobook [hidden]{display:none!important}#pb-message:empty{display:none}#pb-message{color:#ffbecb}#pb-pending{margin:1rem 0}.pb-photo:has(input:checked){outline:2px solid #ff93c9}.pb-open:hover{filter:brightness(1.08)}@media(max-width:600px){.pb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pb-selection{gap:.45rem}.pb-selection .btn{font-size:.83rem}.pb-selection strong{width:100%;font-size:.9rem}.pb-full{height:62dvh}.pb-viewer{padding:.6rem}.pb-view-foot{font-size:.8rem}.pb-caption{padding:0 .5rem .5rem}.pb-caption strong{font-size:.75rem}.photobook h1{font-size:2rem}.pb-filters label:first-child{flex-basis:100%}}@media(hover:none){.pb-open:hover{filter:none}}

.core-tabs{display:flex;gap:.5rem;margin:1rem 0 1.25rem}.core-tabs .btn{min-width:110px;text-align:center}.pb-date-heading{grid-column:1/-1;margin:1.25rem 0 .2rem;font-size:1.1rem}.core-gallery .pb-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.core-gallery .pb-caption span{display:none}.core-gallery .pb-photo .pb-caption strong{font-size:.75rem}.core-gallery .pb-caption small{font-size:.75rem}.core-gallery .pb-open img{object-fit:cover}.core-gallery .pb-filters label[hidden]{display:none!important}@media(max-width:600px){.core-gallery .pb-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.core-gallery .pb-check{font-size:.7rem;padding:.25rem;min-height:36px}.core-gallery .pb-caption{padding:.25rem;gap:.15rem}.core-gallery .pb-caption strong{font-size:.65rem}.core-gallery .pb-caption small{font-size:.7rem}.pb-date-heading{font-size:1rem}.core-tabs .btn{flex:1}}@media(max-width:340px){.core-gallery .pb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
