.spb-toolbar{display:flex;align-items:center;gap:6px;min-width:0;position:relative;color:var(--spb-text,#f4f6f8);font-size:13px}
.spb-search{min-width:0;width:160px;max-width:100%;flex:1;height:36px;padding:6px 10px;color:inherit;background:var(--spb-input,#0b1015);border:1px solid #485765;border-radius:5px;font:inherit}
.spb-filter-button{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;padding:6px;color:inherit;background:var(--spb-input,#0b1015);border:1px solid #485765;border-radius:5px;cursor:pointer}
.spb-filter-button.is-active{color:var(--spb-accent,#6ee7b7);border-color:var(--spb-accent,#6ee7b7)}
.spb-filter-panel{box-sizing:border-box;position:absolute;top:calc(100% + 5px);right:0;z-index:70;width:310px;max-width:calc(100vw - 24px);padding:12px;border:1px solid #485765;border-radius:8px;background:var(--spb-panel,#17212a);box-shadow:0 8px 24px #0009;color:var(--spb-text,#f4f6f8)}
.spb-filter-panel[hidden]{display:none!important}
.spb-filter-panel label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;font-size:13px;font-weight:normal}
.spb-filter-panel select{min-width:0;width:165px;padding:7px;color:inherit;background:var(--spb-input,#0b1015);border:1px solid #485765;border-radius:4px;font:inherit}
.spb-filter-panel .spb-filter-check{justify-content:flex-start}
.spb-filter-check input{width:16px;height:16px;margin:0;accent-color:#10b981}
.spb-filter-footer{display:flex;align-items:center;gap:8px}
.spb-filter-footer span{margin-right:auto;color:var(--spb-muted,#aebcc9);font-size:12px}
.spb-filter-footer button{width:auto!important;height:32px!important;padding:0 10px!important;font:inherit;color:inherit;background:var(--spb-input,#0b1015);border:1px solid #485765;border-radius:4px;cursor:pointer}
.spb-toolbar :focus-visible{outline:2px solid #6ee7b7;outline-offset:2px}
.spb-image{object-fit:cover;object-position:center top!important}
.spb-grid{display:grid;grid-auto-rows:max-content;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:6px;min-height:0;overflow:auto}
.spb-tile{position:relative;min-width:0;padding:0;border:2px solid #485765;border-radius:5px;background:#101820;color:#f4f6f8;cursor:pointer;overflow:hidden;aspect-ratio:3/2}
.spb-tile img{display:block;width:100%;height:100%}
.spb-tile.is-highlighted{border-color:#fbbf24}.spb-tile.is-signed{border-color:#10b981}
.spb-badge{position:absolute;right:4px;bottom:4px;min-width:20px;padding:2px 4px;border-radius:12px;background:#059669;color:white;font:12px sans-serif;text-align:center}
.spb-empty{grid-column:1/-1;padding:16px;text-align:center;color:#94a3b8;font-size:13px}
.spb-strip.spb-grid{display:flex;flex-wrap:wrap;gap:6px}.spb-strip .spb-tile{height:var(--spb-thumb-height,80px);width:auto;aspect-ratio:3/2}
.public-photo-filters{margin:0 0 10px;--spb-accent:#047857;--spb-text:#263443;--spb-input:#fff;--spb-panel:#f8fafc;--spb-muted:#526170}
.gallery-item[hidden]{display:none!important}
.photo-browser > header .spb-filter-footer button{font-size:13px}
@media(max-width:480px){.spb-search{width:110px}.spb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Docking changes available width; it never overlays the next thumbnail. */
.spb-workspace{display:flex;min-width:0;min-height:0;align-items:stretch;gap:8px;flex:1;overflow:hidden}
.spb-workspace> :first-child{flex:1;min-width:0;min-height:0;align-content:start}
.spb-workspace.has-inspector>.spb-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,100px),1fr))!important;max-height:65vh}
.spb-workspace.has-inspector .spb-tile{width:100%;height:auto;aspect-ratio:3/2}
.spb-inspector{box-sizing:border-box;flex:0 0 36%;width:36%;min-width:200px;max-height:70vh;overflow:auto;overscroll-behavior:contain;border:1px solid #485765;border-radius:6px;padding:8px;background:#17212a;color:#f4f6f8;font:13px system-ui;display:flex;flex-direction:column;gap:8px}
.spb-inspector[hidden]{display:none!important}.spb-inspector.is-expanded{flex-basis:65%;width:65%}
.spb-inspector>header{display:flex;align-items:center;gap:6px;justify-content:space-between;flex-shrink:0}
.spb-inspector>header>div{min-width:0}.spb-inspector strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spb-inspector small{display:block;color:#aebcc9}
.spb-inspector button{box-sizing:border-box;color:inherit;background:#0b1015;border:1px solid #485765;border-radius:4px;min-height:36px;font:inherit;cursor:pointer}
.spb-inspector button:disabled{opacity:.45;cursor:default}.spb-inspector button:focus-visible{outline:2px solid #6ee7b7;outline-offset:1px}
.spb-inspector>header>button{flex-shrink:0;width:36px;font-size:22px}
.spb-entry-large{position:relative;display:block;width:100%;padding:0;flex-shrink:0;overflow:hidden}
.spb-entry-large img{display:block;width:100%;max-height:40vh;object-fit:contain;object-position:center top}
.spb-entry-large>span{display:block;padding:3px;color:#aebcc9;font-size:11px}
.spb-entry-actions{display:flex;gap:6px;flex-wrap:wrap;flex-shrink:0}.spb-entry-actions button{flex:1;padding:4px 8px}
.spb-entry-note,.spb-entry-error{font-size:12px;margin:0;color:#aebcc9}.spb-entry-error:empty{display:none}.spb-entry-error{color:#fca5a5}
.spb-entry-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:6px;overflow:auto;min-height:70px;max-height:24vh;flex-shrink:0}
.spb-entry-thumb{position:relative;padding:0;overflow:hidden;aspect-ratio:3/2}.spb-entry-thumb img{width:100%;height:100%;display:block;object-fit:contain;object-position:center top}
.spb-entry-thumb.is-selected{border:2px solid #6ee7b7}.spb-entry-thumb span{position:absolute;bottom:2px;right:2px;background:#0b1015bb;padding:1px 5px;border-radius:5px}
.guestbook-library-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,130px),1fr))!important;align-content:start;min-width:0;flex:1}
@media(max-width:600px){.spb-inspector{flex-basis:58%;width:58%;min-width:0;padding:6px}.spb-inspector.is-expanded{flex-basis:70%;width:70%}.spb-entry-list{grid-template-columns:repeat(2,minmax(0,1fr))}.spb-workspace{gap:6px}.guestbook-library-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,85px),1fr))!important}}

.spb-workspace.has-inspector>#reelHighlightGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,90px),1fr));max-height:65vh;height:auto;overflow:auto;align-content:start}.spb-workspace.has-inspector .reel-highlight{width:100%;min-width:0}

.spb-tile.is-current{outline:2px solid #60a5fa;outline-offset:-3px}

.spb-workspace>.spb-grid{max-height:65vh;align-content:start}

#guestbook_entries_list.spb-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,130px),1fr));gap:6px}
#guestbook_entries_list .spb-image,#guestbookThumbnails .spb-image{object-fit:contain}