.panorama-page{display:grid;align-content:start;gap:16px;padding:24px var(--site-inline) 96px}.panorama-page [hidden]{display:none}.panorama-page h1{margin:0;font-size:32px;font-weight:600;line-height:1.2;letter-spacing:-.02em}.panorama-intro,.panorama-help{max-width:680px;margin:0;color:var(--color-text-secondary)}.panorama-help{font-size:14px}.panorama-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;min-width:0}.panorama-file{position:absolute;width:1px;height:1px;opacity:0}.panorama-actions label:focus-within{outline:2px solid var(--color-ring);outline-offset:2px}.panorama-name{min-width:0;overflow:hidden;color:var(--color-text-secondary);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.panorama-error{margin:0;padding:10px 14px;border-radius:var(--radius-xl);font-size:14px;color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 10%,transparent)}.panorama-stage{display:grid;place-items:center;width:100%;aspect-ratio:16 / 9;max-height:75svh;overflow:hidden;border:2px dashed var(--color-border-strong);border-radius:var(--radius-2xl);background:var(--color-surface-tertiary);transition:border-color .15s ease-out}.panorama-stage[data-open]{border:0;background:#000}.panorama-page[data-dragging] .panorama-stage{border:2px dashed var(--color-accent)}.panorama-stage:fullscreen{max-height:none;border-radius:0}.panorama-stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.panorama-stage canvas:active{cursor:grabbing}.panorama-stage canvas:focus-visible{outline-offset:-4px}.panorama-empty{margin:0;padding:16px;color:var(--color-text-secondary);text-align:center}@media(max-width:719px){.panorama-stage{aspect-ratio:3 / 4}}