.piece-page{min-height:100vh;background:#0d0c0b;display:flex;flex-direction:column}.piece-header{display:flex;align-items:center;gap:16px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.piece-header__close{background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#ffffffb3;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .18s cubic-bezier(.25,1,.5,1),color .18s cubic-bezier(.25,1,.5,1)}.piece-header__close:hover{background:#ffffff29;color:#fff}.piece-header__caption{font-family:Big Shoulders Display,sans-serif;font-size:.875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffff80}.piece-header__share{margin-left:auto;display:flex;align-items:center;gap:8px}.piece-header__share-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#ffffffb3;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;text-decoration:none;transition:background .18s cubic-bezier(.25,1,.5,1),color .18s cubic-bezier(.25,1,.5,1)}.piece-header__share-btn:hover{background:#ffffff29;color:#fff}.piece-header__copied{font-family:Big Shoulders Display,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#ffffff80}.fade-enter-active,.fade-leave-active{transition:opacity .2s cubic-bezier(.25,1,.5,1)}.fade-enter-from,.fade-leave-to{opacity:0}.piece-main{padding:24px 16px;display:flex;justify-content:center}.piece-img{display:block;max-width:100%;height:auto;-webkit-user-select:none;user-select:none}.piece-error{font-family:Literata,Georgia,serif;font-style:italic;color:#fff6}