html.saved-drawer-open,html.saved-drawer-open body{overflow:hidden;overscroll-behavior:none}
.saved-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(420px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;padding:0;border:0;background:var(--paper);color:var(--ink);box-shadow:-12px 0 60px #10271b26;overflow:hidden}
.saved-drawer[open]{display:flex;flex-direction:column;animation:saved-slide-in .22s ease-out}
.saved-drawer::backdrop{background:#13251e80;backdrop-filter:blur(3px)}
.saved-drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(27px + env(safe-area-inset-top)) 24px 22px;border-bottom:1px solid var(--line);flex:none}
.saved-drawer-heading .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:12px;display:block;color:var(--muted)}
.saved-drawer-heading h2{font-size:29px;margin:0;letter-spacing:-.5px}
[data-saved-drawer-count]{font:12px Arial,sans-serif;color:var(--muted);margin-left:5px;vertical-align:middle}
.saved-close{width:44px;height:44px;flex:none;font:28px/1 Arial,sans-serif;background:transparent;color:var(--green)}
.saved-drawer-body{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;padding:6px 24px 20px;-webkit-overflow-scrolling:touch}
.saved-piece{display:grid;grid-template-columns:88px minmax(0,1fr) 36px;align-items:center;gap:14px;padding:19px 0;border-bottom:1px solid var(--line)}
.saved-piece-photo{width:88px;aspect-ratio:4/5;display:grid;place-items:center;background:#efefe8;border-radius:3px;overflow:hidden;color:var(--muted);font-size:10px;text-align:center}
.saved-piece-photo img{width:100%;height:100%;object-fit:cover}
.saved-piece h3{font:18px/1.3 Georgia,serif;font-weight:400;margin:0 0 9px;overflow-wrap:anywhere}
.saved-piece-copy>span{font-size:10px;color:var(--muted)}
.saved-piece-remove{width:36px;min-height:44px;background:transparent;color:var(--muted);font:22px/1 Arial,sans-serif;align-self:center}
.saved-piece-remove:hover{color:var(--green)}
.saved-state{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:36px 12px;color:var(--muted)}
.saved-state svg{width:46px;height:46px;margin-bottom:24px;color:var(--green)}
.saved-state h3{font:27px/1.2 Georgia,serif;color:var(--ink);margin:0 0 14px}
.saved-state p{font-size:12px;max-width:245px;line-height:1.8;margin:0}
.saved-state button{background:var(--green);color:white;padding:12px 22px;margin-top:22px;font-size:12px;min-height:44px}
.saved-drawer-footer{padding:19px 24px calc(19px + env(safe-area-inset-bottom));flex:none;border-top:1px solid var(--line);background:var(--paper)}
.saved-drawer-footer>span{display:block;text-align:center;font-size:10px;color:var(--muted);margin-bottom:14px}
.saved-drawer-footer button{display:flex;width:100%;justify-content:space-between;align-items:center;background:var(--green);color:#fff;min-height:48px;padding:12px 17px;font-size:12px}
@keyframes saved-slide-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(max-width:360px){.saved-drawer-heading,.saved-drawer-footer{padding-left:18px;padding-right:18px}.saved-drawer-body{padding-left:18px;padding-right:18px}.saved-piece{grid-template-columns:76px minmax(0,1fr) 32px;gap:10px}.saved-piece-photo{width:76px}.saved-piece h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){.saved-drawer[open]{animation:none}}