.stage-tray{display:grid;grid-template-rows:1fr auto auto auto;gap:0;min-height:520px;height:100%;background:var(--paper)}.stage-tray .st-empty{display:grid;place-items:center;padding:60px 24px;color:var(--ink-3);font-family:var(--serif);font-style:italic}.stage-tray .st-stage{position:relative;display:block;overflow:hidden;background:var(--photo-bg);min-height:0;touch-action:pan-y}.stage-tray .st-stage:before{top:-1px}.stage-tray .st-stage:after{bottom:-1px;transform:scaleY(-1)}.stage-tray .st-stage img{width:100%;height:100%;object-fit:cover;display:block}.stage-tray .st-stage .st-ph{width:100%;height:100%;background:radial-gradient(ellipse at 35% 45%,#d9c9b0,#b39e83 45%,#7f6a55)}.stage-tray .st-stage .st-open{position:absolute;top:14px;right:14px;font-family:var(--sans);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#ffffffd1;background:#14121059;padding:6px 10px;border-radius:999px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.stage-tray .st-meta{padding:18px 22px 14px;display:grid;gap:4px}.stage-tray .st-counter{font-family:var(--serif);font-style:italic;font-size:12px;color:var(--ink-3);letter-spacing:.04em}.stage-tray .st-title{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(22px,6vw,30px);color:var(--ink);line-height:1.1;margin:2px 0 0}.stage-tray .st-sub{font-family:var(--sans);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}.stage-tray .st-tray{display:flex;gap:10px;padding:10px 16px 14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;background:var(--paper-shade);border-top:1px dashed var(--rule)}.stage-tray .st-tray::-webkit-scrollbar{display:none}.stage-tray .st-thumb{flex:0 0 auto;position:relative;width:88px;height:112px;padding:0;border-radius:4px;overflow:hidden;background:#2a2420;scroll-snap-align:center;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,outline-color .18s ease;outline:2px solid transparent;outline-offset:2px}.stage-tray .st-thumb img{width:100%;height:100%;object-fit:cover;display:block;opacity:.78;transition:opacity .18s ease}.stage-tray .st-thumb .st-thumb-ph{position:absolute;inset:0;background:radial-gradient(ellipse at 35% 45%,#b39e83,#5d4c3b)}.stage-tray .st-thumb .st-thumb-n{position:absolute;bottom:4px;left:6px;font-family:var(--serif);font-style:italic;font-size:11px;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.5)}.stage-tray .st-thumb:hover img{opacity:1}.stage-tray .st-thumb.on{transform:translateY(-2px);box-shadow:0 6px 14px -4px #00000073;outline-color:var(--accent)}.stage-tray .st-thumb.on img{opacity:1}.stage-tray .st-thumb:focus-visible{outline-color:var(--accent)}.stage-tray .st-series{display:flex;gap:4px;padding:8px 16px 14px;overflow-x:auto;scrollbar-width:none;background:var(--paper-shade);border-top:1px dashed var(--rule)}.stage-tray .st-series::-webkit-scrollbar{display:none}.stage-tray .st-series a{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;font-family:var(--sans);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);border:1px solid transparent}.stage-tray .st-series a.on{color:var(--ink);border-color:var(--rule);background:var(--paper);font-weight:600}.stage-tray .st-series .st-series-n{font-family:var(--serif);font-style:italic;color:var(--ink-3)}.stage-tray .st-series a.on .st-series-n{color:var(--accent)}.page-stage:has(.stage-tray){height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.page-stage:has(.stage-tray) .paper-sheet{flex:1 1 0;min-height:0;display:flex;flex-direction:column}.page-stage:has(.stage-tray) .sheet-layout{flex:1 1 0;min-height:0;grid-template-rows:minmax(0,1fr)}.page-stage:has(.stage-tray) .sheet-media{min-height:0}.page-stage:has(.stage-tray) .stage-tray{min-height:0;height:100%}@media(max-width:820px){.stage-tray{min-height:0;flex:1 0 auto;grid-template-rows:minmax(0,1fr) auto auto auto}.stage-tray .st-meta{padding:14px 20px 8px}.stage-tray .st-thumb{width:80px;height:100px}}@media(max-width:820px)and (orientation:landscape)and (max-height:500px){.stage-tray .st-meta{padding:8px 18px 4px}.stage-tray .st-title{font-size:20px}.stage-tray .st-tray{padding:6px 14px 8px}.stage-tray .st-thumb{width:64px;height:72px}.stage-tray .st-series{padding:4px 14px 8px}.stage-tray .st-series a{padding:6px 10px;font-size:10px}}