/* Paper models (/gifts/paper/): on top of the shared maker look (/gifts/globes/maker.css). */

.pp-stage-title { font-size: 0.86rem; font-weight: 600; color: rgba(236, 238, 233, 0.75); }
.pp-label { display: block; font-size: 0.8rem; color: var(--muted); margin: 14px 0 6px; }
.pp .wm-sec .pp-label:first-of-type { margin-top: 2px; }
.pp .wm-seg button { padding: 6px 8px; }

/* the page strip under the 3D view */
.pp-strip {
    display: flex; gap: 10px; overflow-x: auto; padding: 10px 12px 2px; scroll-snap-type: x proximity;
    min-height: 132px; scrollbar-width: thin;
}
.pp-thumb {
    position: relative; flex: none; padding: 0; border: 0; background: none; cursor: pointer; scroll-snap-align: start;
    border-radius: 4px; outline-offset: 2px;
}
.pp-thumb canvas { display: block; height: 112px; width: auto; border-radius: 3px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45); background: #fff; }
.pp-thumb span {
    position: absolute; right: 4px; bottom: 4px; min-width: 18px; padding: 1px 5px; border-radius: 9px;
    background: rgba(20, 23, 22, 0.82); color: var(--ink); font-size: 0.7rem; text-align: center;
}
.pp-thumb:hover canvas, .pp-thumb:focus-visible canvas { box-shadow: 0 0 0 2px var(--accent), 0 2px 10px rgba(0, 0, 0, 0.45); }

/* one page, large, over the 3D view */
.pp-light { position: absolute; inset: 0; z-index: 3; display: flex; flex-direction: column; background: rgba(18, 19, 24, 0.97); }
.pp-light[hidden] { display: none; }
.pp-light-bar { display: flex; align-items: center; gap: 8px; padding: 8px 10px; font-size: 0.84rem; color: var(--muted); }
.pp-light-bar #ppLightClose { margin-left: auto; }
.pp-light-bar .wm-btn { padding: 6px 10px; }
.pp-light-page { flex: 1; min-height: 0; overflow: auto; display: flex; align-items: flex-start; justify-content: center; padding: 6px 12px 16px; }
.pp-light-page canvas { display: block; background: #fff; box-shadow: 0 6px 24px rgba(0, 0, 0, 0.5); height: auto; }

.pp [data-for][hidden] { display: none !important; }
@media (max-width: 900px) {
    .pp-strip { min-height: 112px; }
    .pp-thumb canvas { height: 92px; }
}
@media (max-width: 560px) {
    .pp .wm-seg button { padding: 6px 5px; font-size: 0.76rem; }
}