.edit-toggle{position:fixed;left:16px;bottom:16px;z-index:40}.edit-toolbar{position:fixed;bottom:24px;left:50%;translate:-50% 0;z-index:40;display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(20,20,20,.85);border-radius:999px}.edit-status{font-size:13px;color:#c9c9c9;white-space:nowrap}.edit-hint{color:#7a7a7a}.canvas-root{position:fixed;inset:0;background:transparent;overflow:hidden;touch-action:none;overscroll-behavior:none}.canvas-viewport{width:100vw!important;height:100vh!important;cursor:grab;touch-action:none}.canvas-content{will-change:transform}.canvas-viewport:active{cursor:grabbing}.canvas-world{position:relative}.canvas-origin,.photo-node{position:absolute}.photo-node{margin:0;background:#fff;opacity:0;scale:.97;transition:opacity .55s ease,scale .55s cubic-bezier(.2,0,0,1)}.photo-node-revealed{opacity:1;scale:1}.photo-node-frameless{background:none}.photo-node-frameless .photo-label{left:0;top:calc(100% + 18px);font-family:var(--font-mono),ui-monospace,monospace;font-size:20px;letter-spacing:.04em;text-transform:uppercase}@media (prefers-reduced-motion:reduce){.photo-node{transition:none}}.photo-label{position:absolute;top:calc(100% + 10px);left:10px;font-size:30px;line-height:1.2;color:#c9c9c9;white-space:nowrap;pointer-events:none;opacity:0;translate:0 -4px;transition:opacity .18s ease,translate .18s ease}.photo-node:hover .photo-label{opacity:1;translate:0 0}.photo-node img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .2s ease;user-select:none;-webkit-user-select:none}.photo-node-editing{cursor:grab;touch-action:none}.photo-node-dragging{cursor:grabbing;outline:2px solid #4a9eff}.photo-clip{position:relative;overflow:hidden}.photo-node-cropping{outline:2px solid #4a9eff;z-index:2}.photo-crop-ghost{opacity:.35!important}.photo-crop-extent,.photo-crop-ghost{position:absolute;pointer-events:none}.photo-crop-extent{border:2px dashed rgba(74,158,255,.8);box-sizing:border-box}.photo-crop-handle{position:absolute;width:28px;height:28px;margin:-14px 0 0 -14px;background:#fff;border:2px solid #4a9eff;border-radius:4px;z-index:3;touch-action:none}.photo-crop-badge{position:absolute;top:-34px;left:0;font-size:22px;color:#4a9eff;pointer-events:none}.zoom-fit-btn{position:fixed;right:16px;bottom:68px;z-index:5}.detail-nav{position:fixed;top:50%;transform:translateY(-50%);z-index:11;border:0;background:none;padding:12px;color:#fff;opacity:.45;cursor:pointer;transition:opacity .15s}.detail-nav:focus-visible,.detail-nav:hover{opacity:1}.detail-nav-prev{left:8px}.detail-nav-next{right:8px}@media (max-width:640px){.detail-nav{padding:8px;opacity:.6}.detail-nav svg{width:22px;height:22px}.detail-nav-prev{left:2px}.detail-nav-next{right:2px}}.detail-overlay{position:fixed;inset:0;background:rgba(0,0,0,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:10;animation:detail-enter .15s ease-out}@keyframes detail-enter{0%{opacity:0}to{opacity:1}}.detail-frame{background:#fff;padding:10px;animation:detail-photo-enter .2s cubic-bezier(.2,0,0,1)}.detail-frame-bare{background:none;padding:0}@keyframes detail-photo-enter{0%{opacity:0;scale:.98}to{opacity:1;scale:1}}.detail-photo{display:block;width:100%;height:100%;object-fit:contain;transition:opacity .25s ease}.detail-info{gap:12px;white-space:nowrap}.detail-info,.music-detail-info{display:flex;align-items:baseline}.music-detail-info{justify-content:space-between;gap:2rem;font-family:var(--font-mono),ui-monospace,monospace;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#c9c9c9}.music-detail-where{color:#777;text-align:right}.detail-caption{color:#eaeaea;font-size:14px}.detail-meta{color:#777;font-size:12px}