.ph-field{margin-top:16px;position:relative}.ph-input{opacity:0;clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute;top:0;left:0;overflow:hidden}.ph-add{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 20px 0 16px;display:inline-flex}.ph-add svg{flex:none}.ph-note{margin:8px 2px 0}.ph-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0 0;padding:0;list-style:none;display:grid}.ph-list[hidden]{display:none}.ph-item{aspect-ratio:1;min-width:0;position:relative}.ph-thumb{object-fit:cover;width:100%;height:100%;display:block}.ph-remove{cursor:pointer;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:-10px;right:-10px}.ph-remove svg{width:18px;height:18px}.ph-adding{display:block;position:absolute;inset:0}.ph-vh{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.ph-hint{margin:10px 2px 0}.ph-hint:empty{display:none}@media (prefers-reduced-motion:no-preference){.ph-adding{animation:1.6s ease-in-out infinite alternate ph-breathe}}@keyframes ph-breathe{0%{opacity:.55}to{opacity:1}}.ph-strip{flex-wrap:wrap;align-items:flex-start;gap:16px 14px;margin:20px 0 4px;padding:6px 4px 0;list-style:none;display:flex}.ph-print{width:calc(33.3333% - 9.33333px);transform:rotate(var(--lean,0deg));flex:none;position:relative}.ph-strip[data-n="1"] .ph-print{width:min(58%,220px)}.ph-strip[data-n="2"] .ph-print{width:calc(50% - 7px);max-width:200px}.ph-open{cursor:zoom-in;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:100%;margin:0;padding:0;display:block}.ph-open img{width:100%;height:auto;display:block}.ph-decor{pointer-events:none;position:absolute;inset:0}.ph-viewer{z-index:200;padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ph-viewer-scrim{position:absolute;inset:0}.ph-viewer-stage{pointer-events:none;flex-direction:column;align-items:center;gap:18px;max-width:100%;max-height:100%;display:flex;position:relative}.ph-viewer-stage>*{pointer-events:auto}.ph-viewer-surface{margin:0;position:relative}.ph-viewer-img{object-fit:contain;display:block}.ph-viewer-close{flex:none}
