.pro-top{display:flex;align-items:center;min-height:68px;padding:0 var(--margin)}.pro-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:15px;color:var(--muted);transition:color .15s ease}.pro-back:hover{color:var(--fg)}.pro-back svg{transition:transform .3s var(--ease-out)}.pro-back:hover svg{transform:translateX(-3px)}.pro-notice{margin-top:14px;padding:10px 14px;border-radius:12px;background:#fbeee9;font-size:14px}.pro-seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:20px;padding:4px;border-radius:999px;background:var(--surface-2)}.pro-seg button{min-height:44px;border-radius:999px;font-size:15px;color:var(--muted);transition:background-color .2s ease,color .2s ease}.pro-seg button[aria-pressed=true]{background:#111;color:#fff}.pro-photo{opacity:1;animation:none}.pro-photo img{animation:pro-photo-zoom 24s ease-out both}@keyframes pro-photo-zoom{0%{transform:scale(1.02)}to{transform:scale(1.1)}}.pro-nav{scrollbar-width:none}.pro-nav::-webkit-scrollbar{display:none}.pro-view{animation:pro-view-in .36s var(--ease-out) backwards}@keyframes pro-view-in{0%{opacity:0}}.pro-tile{transition:background-color .18s ease,transform .3s var(--ease-out)}.pro-tile:hover{background:#ececea;transform:translateY(-2px)}.pro-tile:active{transform:scale(.98)}@media (prefers-reduced-motion:reduce){.pro-photo img,.pro-view{animation:none}.pro-tile,.pro-tile:hover{transition:none;transform:none}}.pro-tabs{gap:2px;max-width:100%;padding:2px;overflow-x:auto;border-radius:999px;background:#f4f4f2;scrollbar-width:none}.pro-tabs>button{flex:none;border-radius:999px;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease}.pro-tabs>button:hover{box-shadow:inset 0 0 0 1px #dcdcd8}