.experience-tools{padding:22px;background:#e9eee7;border-top:1px solid #b7c5bd}.experience-light,.experience-border,.experience-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.experience-tools button{background:transparent;border:1px solid #9cafa8;padding:12px 16px;color:#203e46;font-size:13px;cursor:pointer}.experience-tools button[aria-pressed=true]{background:#203e46;color:#fff}.experience-light>span,.experience-border>span{font-size:12px;margin-right:10px}.experience-note{font-size:11px!important;margin:12px 0 24px;color:#617578}.experience-actions{margin-top:22px}.experience-actions button:first-child{background:#203e46;color:white}.experience-status{font-size:12px!important;margin:14px 0 0}.experience-tray{position:fixed;bottom:25px;left:25px;z-index:45;max-width:360px;width:calc(100vw - 50px);display:none;background:#f5f1e8;border:1px solid #b1c0b5;box-shadow:0 12px 35px #102b3d30;border-radius:3px 25px 3px 3px;overflow:clip}.experience-tray.tray-visible{display:block}.tray-toggle{display:flex;width:100%;justify-content:space-between;align-items:center;padding:16px 20px;background:#203e46;color:white;border:0;cursor:pointer;font-size:14px}.tray-items{padding:8px 15px;max-height:330px;overflow:auto}.tray-items[hidden]{display:none}.tray-items button{display:flex;width:100%;gap:14px;background:none;border:0;border-bottom:1px solid #bbc8bd;padding:12px 0;text-align:left;cursor:pointer;color:#203e46}.tray-items img{width:40px;height:40px;object-fit:cover}.tray-items small,.tray-items strong{display:block;font-size:10px;line-height:1.5}.tray-items strong{font-size:12px;font-weight:400}[data-experience-light=sunset] canvas,[data-experience-light=sunset]>img{filter:brightness(.83) sepia(.18) saturate(1.08)}[data-experience-light] canvas{transition:filter .5s}
@media(max-width:650px){.experience-tray{bottom:12px;left:12px;width:210px;max-width:calc(100vw - 90px)}.tray-items strong{font-size:11px}.tray-toggle{padding:12px 14px}.experience-tools{padding:18px 12px}.experience-actions button{width:100%}.experience-light>span,.experience-border>span{width:100%;margin:0 0 6px}.experience-tools button{padding:10px 12px}}
@media(prefers-reduced-motion:reduce){[data-experience-light] canvas{transition:none}}
@media print{.experience-tray{display:none}}

/* Keep the shortlist with the preview, clear of the controls and page navigation. */
.experience-tray{position:relative;bottom:auto;left:auto;width:100%;max-width:none;margin:16px 0;z-index:auto;border-radius:0;box-shadow:none}.tray-toggle{min-height:52px}.tray-items button{min-height:58px}
