.ph-main{flex-direction:column;gap:12px;min-width:0;margin-top:4px;display:flex}.ph-main h2.label{margin:4px 0 0}.ph-name{overflow-wrap:anywhere;min-width:0;font-size:13px}.ph-count{justify-content:center;min-width:36px}.ph-note{flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.ph-row{justify-content:center}.ph-zip{align-self:flex-start}.ph-stripbox{flex-direction:column;gap:10px;width:100%;display:flex}.ph-strip{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:var(--board);border:2px solid var(--ink);border-radius:var(--radius);max-width:100%;margin:0 auto;position:relative;overflow:hidden}.ph-strip:active{cursor:grabbing}.ph-strip:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.ph-strip canvas{width:100%;height:100%;display:block}.ph-zoom{align-items:center;gap:10px;width:100%;max-width:440px;margin:0 auto;display:flex}.ph-zoom input{min-width:0;accent-color:var(--accent);flex:1}.ph-swipe{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;gap:6px;margin:0;padding:2px 2px 8px;list-style:none;display:flex;overflow-x:auto}.ph-swipe li{scroll-snap-align:start;flex-direction:column;flex:none;align-items:center;gap:6px;display:flex}.ph-slide{border:2px solid var(--line);background:var(--sunk);border-radius:8px;line-height:0;position:relative;overflow:hidden}.ph-slide canvas{display:block}.ph-slide b{line-height:1;font-family:var(--f-mono);background:var(--ink);color:var(--surface);border-radius:6px;padding:2px 5px;font-size:11px;position:absolute;top:4px;left:4px}